:root{--ink:#121511;--parchment:#f1f0e6;--gold:#c4edac;--gold-light:#e0f4ca;--gold-dim:#839b6d;--mist:#b2bda7;color-scheme:dark}
html,body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}#app{max-width:1100px;margin:auto;padding:35px 28px 65px}.site-title{font:10px/1.7 ui-monospace,monospace;letter-spacing:2px;margin-bottom:30px;color:#b7c7a9}.sage-name{font:500 54px/1.1 system-ui,sans-serif;letter-spacing:-2px}.sage-title{font:13px/1.6 system-ui,sans-serif;letter-spacing:0;color:#b0bda5;margin-top:10px}.avatar-section{margin:18px 0 25px}.avatar-face{background:radial-gradient(circle,#506a37,#1a2415);border-color:#91b66b;box-shadow:0 0 60px #a2cc6e18}.avatar-face>svg,#sage-hand{display:none!important}.avatar-face canvas{width:180px;height:180px;image-rendering:pixelated;position:relative;z-index:2}.tap-label{font:10px/1.6 ui-monospace,monospace;letter-spacing:1px}.mode-row{background:#1c2618;border:1px solid #425637;border-radius:10px;padding:5px;gap:5px}.mode-btn{font:13px system-ui,sans-serif;letter-spacing:0;border-radius:6px;padding:12px 20px}.rune-bar{max-width:880px;gap:8px;margin:24px auto}.rune{font:12px system-ui,sans-serif;letter-spacing:0;padding:10px 14px;border:1px solid #465b3a;background:#1c2518;border-radius:6px}.rune.active{background:#c4edac;color:#1a2813}.scroll-wrap{max-width:800px;width:100%;margin:20px auto}.scroll-ornament{display:none}.wisdom-scroll{border:1px solid #576d47;border-radius:16px;padding:35px;background:#1d2818;box-shadow:0 15px 40px #0002}.wisdom-text{font:400 27px/1.6 Georgia,serif;color:#e7eedd}.wisdom-source{font:11px/1.6 ui-monospace,monospace;margin-top:20px;color:#b8caa8}.ask-section{max-width:800px;width:100%;gap:12px}.ask-input{font:15px system-ui,sans-serif;padding:17px;border:1px solid #526748;border-radius:10px;background:#172012}.ask-btn{font:13px system-ui,sans-serif;padding:16px 22px;border-radius:10px;background:#c4edac;color:#192414}.action-row{display:none}.install-banner{font:11px system-ui,sans-serif;opacity:.8}.action-btn{font-family:system-ui,sans-serif}.ring,.sigil{border-color:#aac58b33!important}.avatar-outer:focus-visible{outline:3px solid #c4edac;outline-offset:8px;border-radius:50%}
@media(min-width:950px){#app{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:60px;align-items:start}.site-title{grid-column:1/-1}.avatar-section{grid-column:1;grid-row:2/7;position:sticky;top:40px;padding-top:45px}.mode-row,.rune-bar,.install-banner,.scroll-wrap,.ask-section{grid-column:2}.sage-name{font-size:43px}.sage-title{max-width:250px;text-align:center}.rune-bar{justify-content:flex-start}.scroll-wrap{margin-top:5px}#app>div:not(.avatar-section){max-width:100%}}
@media(max-width:760px){#app{padding:25px 20px 50px}.site-title{font-size:10px;letter-spacing:1px;text-align:center}.avatar-outer,.avatar-face{width:155px;height:155px}.avatar-face canvas{width:140px;height:140px}.sage-name{font-size:41px}.rune-bar{gap:6px;max-height:135px;overflow:auto;justify-content:flex-start;padding:5px}.rune{padding:9px 11px;font-size:11px}.wisdom-scroll{padding:25px}.wisdom-text{font-size:23px}.ask-section{flex-wrap:wrap}.ask-input{min-width:0}.ask-btn{padding:14px}.ml-family .ml-brand{font-size:12px}}

.action-row{display:flex;flex-wrap:wrap;max-width:800px;width:100%;gap:7px;grid-column:2}.action-row .action-btn{font:11px system-ui,sans-serif;padding:9px 12px;border:1px solid #526648;border-radius:6px}#app>.notif-row,#app>.divider,#app>.history-label,#history-list{grid-column:2}.history-label{font:11px ui-monospace,monospace;margin:25px 0 15px}#history-list{width:100%}.history-item{padding:18px;border:1px solid #405333;border-radius:10px}