:root{--blackboard: #07140f;--green-deep: #0b2418;--green-panel: #102f21;--green-soft: #1f4b35;--cream: #f2ead0;--chalk: #d9d2b8;--muted: #a9a082;--gold: #d9a928;--gold-bright: #f0c94a;--gold-dim: #8f701f;--ink: #050806;--red-crest: #8f2020;--blue-crest: #244d9a;--panel-border: rgba(242, 234, 208, .38);--shadow: rgba(0, 0, 0, .34);font-family:Alegreya Sans,Atkinson Hyperlegible,sans-serif;color:var(--cream);background:var(--blackboard)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 12%,rgba(217,169,40,.06),transparent 24rem),radial-gradient(circle at 84% 8%,rgba(31,75,53,.45),transparent 22rem),linear-gradient(135deg,#050806,#0b2017 54%,#08110d)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px 10px}.phone-frame{position:relative;width:min(100%,430px);height:min(920px,calc(100vh - 24px));min-height:680px;overflow:hidden;border:1px solid rgba(242,234,208,.35);border-radius:30px;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(242,234,208,.07),transparent 18rem),var(--green-deep);background-size:100% 100%,26px 26px,100% 100%,100% 100%;box-shadow:0 26px 80px var(--shadow),inset 0 0 40px #00000052}.phone-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.24;background-image:radial-gradient(circle,rgba(242,234,208,.34) 0 1px,transparent 1.5px),linear-gradient(115deg,transparent 0 46%,rgba(242,234,208,.05) 48%,transparent 51%);background-size:17px 17px,100% 100%;mix-blend-mode:screen}.screen-scroll{height:calc(100% - 76px);overflow-y:auto;padding:22px 16px 18px;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.screen{display:grid;gap:12px;padding-bottom:14px}.botanical{position:absolute;inset:14px 14px auto auto;display:flex;gap:4px;color:var(--gold);opacity:.55;z-index:2}.botanical svg:first-child{width:15px;transform:rotate(-15deg)}.botanical svg:last-child{width:34px;transform:rotate(22deg)}.crest-header{text-align:center;padding-top:6px}.crest-header h1{margin:8px 0 0;font-family:Cinzel,Georgia,serif;font-size:1.84rem;font-weight:500;letter-spacing:0}.crest-header p{margin:0;color:var(--gold-bright)}.crest{position:relative;width:78px;height:86px;margin:0 auto;display:grid;place-items:center;clip-path:polygon(50% 0,88% 15%,82% 72%,50% 100%,18% 72%,12% 15%);border:2px solid var(--cream);background:linear-gradient(90deg,var(--red-crest) 0 50%,var(--blue-crest) 50%),var(--green-panel);box-shadow:0 0 0 4px #d9a92885;font-family:Cinzel,serif}.crest.mini{width:68px;height:76px;flex:0 0 auto}.crest-top,.crest-left,.crest-right{position:absolute;text-shadow:0 1px 0 var(--ink)}.crest-top{top:7px;color:var(--ink);z-index:2}.crest-top:before{content:"";position:absolute;width:30px;height:26px;left:50%;top:-3px;transform:translate(-50%);background:var(--cream);z-index:-1;clip-path:polygon(50% 0,100% 24%,82% 100%,18% 100%,0 24%)}.crest-left{left:20px;bottom:28px}.crest-right{right:18px;bottom:28px}.level-row,.panel-title-row,.form-row,.session-card-row,.drill-meta,.toggle-row,.passport-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.level-row{color:var(--chalk);font-size:.94rem}.progress-track{width:100%;height:7px;overflow:hidden;border-radius:999px;background:#f2ead029}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright))}.chalk-panel,.drill-card{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 46%),#081f16c7;box-shadow:inset 0 0 18px #0003;padding:13px}.chalk-panel:after,.drill-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 24% 10%,rgba(242,234,208,.07),transparent 9rem)}.gold-panel,.next-goal{border-color:var(--gold);background:linear-gradient(145deg,#d9a92847,#081f16d6)}.panel-title-row{margin-bottom:9px;color:var(--gold-bright)}.panel-title-row h2,.eyebrow{margin:0;font-size:.84rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.panel-title-row span{color:var(--chalk)}.radar-wrap{display:grid;grid-template-columns:minmax(130px,1fr) minmax(126px,.88fr);gap:10px;align-items:center}.radar-wrap svg{width:100%;min-width:0}.radar-grid{fill:none;stroke:#f2ead085;stroke-width:1.2}.radar-line{stroke:#f2ead047;stroke-width:1}.radar-fill{fill:#d9a92894;stroke:var(--gold-bright);stroke-width:2}.radar-dot{fill:var(--cream);stroke:var(--gold-dim);stroke-width:1.5}.attribute-list{display:grid;gap:7px}.attribute-row{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;color:var(--chalk);font-size:.92rem}.attribute-row svg,.gold-icon{width:18px;color:var(--gold-bright)}.counter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.practice-counter{display:grid;gap:2px;place-items:center;min-height:84px;border-right:1px solid rgba(242,234,208,.22)}.practice-counter:last-child{border-right:0}.practice-counter strong{font-family:Cinzel,serif;font-size:1.7rem;font-weight:500}.practice-counter span{text-transform:uppercase;color:var(--chalk)}.verification{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:3px 7px;border:1px solid rgba(242,234,208,.24);border-radius:999px;font-size:.75rem;text-transform:none;white-space:nowrap}.verification svg{width:13px}.verification.verified{color:var(--gold-bright);border-color:#d9a9289e}.verification.self{color:var(--chalk)}.milestone-inline{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.milestone-inline svg{width:52px;height:52px;padding:10px;border:1px solid var(--gold);color:var(--gold-bright);clip-path:polygon(50% 0,92% 20%,84% 80%,50% 100%,16% 80%,8% 20%)}.milestone-inline h2,.next-goal h2,.passport-id h2{margin:1px 0 2px;font-family:Cinzel,serif;font-size:1.08rem;letter-spacing:0}.milestone-inline p,.chalk-panel p,.drill-card p{margin:0}.onboarding-screen{height:100%;align-content:center;padding:30px 22px;gap:22px}.onboarding-screen h1{margin:8px 0;font-family:Cinzel,Georgia,serif;font-size:1.72rem;line-height:1.08;letter-spacing:0}.onboarding-hero{display:grid;place-items:center;gap:18px}.onboarding-hero .gold-icon{width:34px}.onboarding-dot{width:28px;height:6px;border-radius:999px;background:#f2ead042}.onboarding-dot.selected{background:var(--gold-bright)}.badge-evolution{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center}.profile-avatar{position:relative;display:grid;place-items:center;min-height:86px;border:1px solid rgba(217,169,40,.62);border-radius:50%;color:var(--gold-bright);background:#0000002e;font-family:Cinzel,serif}.profile-avatar svg{position:absolute;top:9px;width:18px}.screen-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:4px}.screen-heading.compact{align-items:center}.script-line{margin:0;font-family:Kalam,cursive;font-size:1.46rem;color:var(--cream)}.screen-heading h1,.passport-header h1{margin:0;font-family:Cinzel,Georgia,serif;font-size:1.45rem;color:var(--gold-bright);letter-spacing:0}.muted{color:var(--muted)}.gold-text{color:var(--gold-bright)}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.recent-token{display:grid;place-items:center;gap:4px;min-height:72px;border:1px solid rgba(242,234,208,.34);border-radius:999px;color:var(--cream)}.recent-token small{color:var(--gold-bright)}.field-label{display:block;margin-bottom:6px;color:var(--chalk)}textarea,input{width:100%;border:1px solid rgba(242,234,208,.28);border-radius:8px;color:var(--cream);background:#0000002e;outline:none}textarea{resize:vertical;padding:9px}input{min-height:42px;border:0;padding:0}textarea:focus,.search-box:focus-within{border-color:var(--gold-bright);box-shadow:0 0 0 2px #d9a92829}.privacy-pill{min-height:27px;display:inline-flex;align-items:center;padding:3px 8px;border:1px solid rgba(242,234,208,.22);border-radius:999px;color:var(--muted);font-size:.78rem}.primary-action{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;border:1px solid var(--gold);border-radius:8px;color:var(--ink);background:linear-gradient(145deg,var(--gold-bright),var(--gold));box-shadow:0 10px 24px #0000003d}.primary-action svg{width:26px}.compact-action{min-height:42px;padding-inline:16px}.log-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;align-items:end;padding:16px;background:#050806b8}.log-modal{max-height:min(78vh,640px);overflow-y:auto}.log-link{border:0;color:var(--gold-bright);background:transparent}.log-quest{width:100%;grid-template-columns:1fr auto;align-items:center;color:var(--cream);text-align:left}.log-quest strong{display:block;font-family:Cinzel,serif;font-size:1rem;letter-spacing:0}.log-actions{margin-top:12px}.log-modal input{margin-top:6px;border:1px solid rgba(242,234,208,.28);padding:0 10px}.wiki-markdown{max-height:420px;margin:0;overflow:auto;color:var(--chalk);font:inherit;line-height:1.45;white-space:pre-wrap}.search-box{display:grid;grid-template-columns:19px 1fr;align-items:center;gap:8px;min-height:44px;padding:0 11px;border:1px solid rgba(242,234,208,.3);border-radius:8px;background:#00000024}.search-box svg{width:17px;color:var(--muted)}.search-box input{background:transparent}.search-box input::placeholder{color:var(--muted)}.chip-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.chip{flex:0 0 auto;min-height:36px;padding:0 13px;border:1px solid rgba(242,234,208,.27);border-radius:999px;color:var(--cream);background:#0000001f}.chip.selected{color:var(--ink);border-color:var(--gold-bright);background:linear-gradient(145deg,var(--gold-bright),var(--gold))}.drill-list{display:grid;gap:10px}.drill-card{display:grid;grid-template-columns:86px 1fr;gap:12px}.sketch-box{position:relative;display:grid;place-items:center;min-height:104px;border:1px solid rgba(242,234,208,.24);border-radius:8px;background:radial-gradient(circle,rgba(217,169,40,.1),transparent 70%)}.sketch-box svg{width:44px;color:var(--chalk);opacity:.84}.sketch-box span{position:absolute;width:62px;height:1px;bottom:25px;background:#f2ead05c;transform:rotate(-14deg)}.drill-content{min-width:0;display:grid;gap:6px}.drill-meta{justify-content:flex-start;color:var(--muted);font-size:.82rem}.drill-content h2{margin:0;font-family:Cinzel,serif;font-size:1.02rem;line-height:1.18;letter-spacing:0}.tag-wrap{display:flex;flex-wrap:wrap;gap:5px}.tag{padding:2px 6px;border:1px solid rgba(217,169,40,.6);border-radius:5px;color:var(--gold-bright);font-size:.78rem}details{color:var(--chalk)}summary{min-height:30px;color:var(--gold-bright);cursor:pointer}.passport-screen{gap:10px}.passport-header{justify-content:center;padding-top:3px;color:var(--gold-bright)}.passport-header svg{width:22px}.passport-id{display:flex;align-items:center;gap:14px;border-color:var(--gold-dim)}.passport-id p{color:var(--chalk)}.coach-note{font-family:Kalam,cursive;font-size:1.02rem;line-height:1.35}.signature{margin-top:8px!important;color:var(--gold-bright);text-align:right}.attribute-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.attribute-mini{display:grid;place-items:center;gap:2px;min-height:66px;border:1px solid rgba(217,169,40,.45);border-radius:6px}.attribute-mini svg{width:17px;color:var(--gold-bright)}.attribute-mini strong{font-size:1.18rem}.attribute-mini span{color:var(--muted);font-size:.73rem}.history-list,.plain-list{display:grid;gap:4px;padding-left:19px;margin:0;color:var(--chalk)}.settings-list{display:grid;gap:12px}.toggle-row{min-height:42px;border-bottom:1px solid rgba(242,234,208,.12)}.toggle-row:last-child{border-bottom:0}.toggle{position:relative;width:47px;height:27px;border:1px solid rgba(242,234,208,.32);border-radius:999px;background:#00000040}.toggle span{position:absolute;width:19px;height:19px;left:4px;top:3px;border-radius:50%;background:var(--chalk)}.toggle.on{border-color:var(--gold);background:#d9a92847}.toggle.on span{left:22px;background:var(--gold-bright)}.bottom-nav{position:absolute;inset:auto 0 0 0;height:76px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 8px 10px;border-top:1px solid rgba(242,234,208,.22);background:#081711f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-button{display:grid;place-items:center;gap:2px;min-width:0;min-height:54px;border:0;border-radius:8px;color:var(--chalk);background:transparent;font-size:.75rem}.nav-button svg{width:20px}.nav-button.active{color:var(--gold-bright);background:#d9a9281a}@media(max-width:370px){.screen-scroll{padding-inline:12px}.radar-wrap,.drill-card{grid-template-columns:1fr}.sketch-box{min-height:74px}.attribute-mini-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:760px){.app-shell{padding:28px}}