@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#17211f;background:#f4f1eb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17211f;--muted: #6c756f;--line: #ddd9d1;--paper: #fbfaf7;--cream: #f4f1eb;--green: #4f7d78;--terracotta: #b86d52;--plum: #8b6f9e;--soft-green: #e5efec;--soft-terra: #f5e4dc;--shadow: 0 18px 55px rgba(23, 33, 31, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(79,125,120,.34);outline-offset:3px}p,h1,h2,h3{margin:0}h1,h2,h3,strong{letter-spacing:-.035em}.app-shell{min-height:100vh;display:flex}.desktop-rail{display:none}.app-column{min-width:0;width:100%}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#f4f1ebeb;border-bottom:1px solid rgba(221,217,209,.76);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-brand{padding:0;background:transparent}.brand-mark{display:inline-flex;gap:10px;align-items:center;text-align:left;color:var(--ink)}.brand-mark strong{display:block;font-size:18px;line-height:1}.brand-mark small{display:block;margin-top:5px;color:var(--muted);font:500 9px DM Mono,monospace;letter-spacing:.13em}.brand-cross{display:grid;place-items:center;width:29px;height:29px;background:var(--terracotta);color:#fff;border-radius:9px;font-size:23px;line-height:1;font-weight:400}.brand-mark.compact strong{font-size:17px}.topbar-actions{display:flex;gap:8px}.icon-button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border-radius:50%;color:var(--muted)}.icon-button:hover{background:var(--paper);color:var(--ink)}.install-banner{width:calc(100% - 32px);margin:12px 16px 0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #c6dcd5;background:var(--soft-green);color:#315e59;border-radius:10px;font-size:13px;font-weight:600}.main-content{width:100%;max-width:1160px;margin:0 auto;padding:28px 18px 106px}.view{animation:view-in .26s ease both}@keyframes view-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.narrow-view{max-width:780px;margin:0 auto}.eyebrow{display:block;color:var(--muted);font:500 10px DM Mono,monospace;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}.page-intro{padding:5px 0 26px}.page-intro h1{max-width:820px;margin-top:9px;font-size:clamp(32px,7vw,56px);line-height:1.03}.page-intro p{max-width:650px;color:var(--muted);margin-top:12px;line-height:1.6;font-size:15px}.back-button{display:inline-flex;align-items:center;gap:7px;padding:0;margin-bottom:22px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;min-height:36px}.back-button:hover{color:var(--ink)}.hero-panel{min-height:330px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 24px;border-radius:20px;overflow:hidden;background:var(--ink);color:#f9f6f0;position:relative}.hero-panel:after{content:"";position:absolute;width:380px;height:380px;right:-150px;bottom:-210px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 32px #ffffff08,0 0 0 72px #ffffff05}.hero-panel .eyebrow{color:#a7b4ad}.hero-panel h1{margin-top:12px;font-size:clamp(36px,8vw,65px);line-height:.98}.hero-panel h1 em{color:#d9a78d;font-family:Fraunces,serif;font-style:normal;font-weight:600}.hero-panel p{max-width:350px;margin-top:18px;color:#b8c1bc;font-size:15px;line-height:1.5}.primary-button,.secondary-button{min-height:46px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:9px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .18s ease,background .18s ease}.primary-button{margin-top:24px;background:var(--terracotta);color:#fff;box-shadow:0 8px 18px #b86d5233}.primary-button:hover{background:#a45d45;transform:translateY(-1px)}.secondary-button{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.secondary-button:hover{border-color:var(--green)}.full-button{width:100%;margin-top:24px}.hero-orbit{min-width:130px;min-height:130px;margin-right:8px;border:1px solid rgba(255,255,255,.19);border-radius:50%;display:grid;place-items:center;position:relative;z-index:1}.hero-orbit:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.17);border-radius:50%}.orbit-ring{display:flex;flex-direction:column;align-items:center;z-index:1}.orbit-ring strong{font-size:25px}.orbit-ring span{color:#a7b4ad;font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--terracotta)}.dot-one{top:13px;right:37px}.dot-two{bottom:21px;left:22px;background:#d5a98f}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 34px}.metric{min-height:88px;padding:15px;background:#fbfaf7b8;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:24px 1fr;column-gap:7px;align-content:center}.metric>span{grid-row:span 2;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:var(--soft-green)}.metric small{color:var(--muted);font-size:11px}.metric strong{font-size:18px;margin-top:3px}.section-heading{position:relative;margin-bottom:15px}.section-heading h2{margin-top:5px;font-size:23px}.section-heading .text-button{position:absolute;right:0;bottom:1px}.text-button{min-height:36px;display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--green);font-size:12px;font-weight:700}.text-button:hover{color:var(--ink)}.subject-grid{display:grid;gap:13px}.subject-card{min-height:218px;text-align:left;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:15px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.subject-card:before{content:"";position:absolute;width:120px;height:120px;top:-60px;right:-30px;border:1px solid color-mix(in srgb,var(--subject-accent) 45%,white);border-radius:50%}.subject-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--subject-accent)}.card-index{position:absolute;right:20px;top:18px;color:#b8b5ad;font:11px DM Mono,monospace}.subject-icon{display:grid;place-items:center;width:41px;height:41px;margin-bottom:22px;border-radius:11px;color:var(--subject-accent);background:color-mix(in srgb,var(--subject-accent) 13%,white)}.subject-card h2{margin-top:7px;font-size:25px}.subject-card p{max-width:290px;color:var(--muted);line-height:1.45;font-size:13px;margin-top:8px}.card-bottom{display:flex;align-items:center;gap:10px;margin-top:17px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.card-bottom strong{color:var(--ink)}.card-bottom span:nth-child(2){margin-left:auto}.card-bottom svg{color:var(--subject-accent)}.two-column-grid{display:grid;gap:14px;margin-top:34px}.surface-card{padding:20px;background:#fbfaf7bf;border:1px solid var(--line);border-radius:14px}.surface-card .section-heading{margin-bottom:16px}.weak-row,.activity-row{width:100%;min-height:55px;display:flex;align-items:center;gap:11px;text-align:left;background:transparent;border-top:1px solid var(--line)}.weak-row:first-of-type,.activity-row:first-of-type{border-top:0}.subject-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%}.weak-row span:nth-child(2),.activity-row span{min-width:0;display:flex;flex-direction:column;gap:3px}.weak-row strong,.activity-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.weak-row small,.activity-row small{color:var(--muted);font-size:11px}.weak-row b{margin-left:auto;color:var(--terracotta);font:500 12px DM Mono,monospace}.weak-row:hover strong{color:var(--green)}.review-card{min-height:190px}.review-visual{display:flex;align-items:center;gap:8px;margin:20px 0;color:var(--muted)}.review-step{flex:1;min-width:0}.review-step span{display:block;margin-bottom:7px;color:var(--terracotta);font:10px DM Mono,monospace}.review-step strong{display:block;font-size:13px}.review-step small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.3}.subject-summary{display:flex;align-items:center;gap:14px;margin-bottom:26px;padding:15px;background:var(--ink);color:#f9f6f0;border-radius:13px}.subject-summary div{display:flex;flex-direction:column;min-width:50px}.subject-summary strong{font-size:22px}.subject-summary span{color:#aeb9b2;font-size:10px}.subject-summary .primary-button{margin:0 0 0 auto;white-space:nowrap;padding:0 12px}.topic-list{display:grid;gap:8px}.topic-row{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto 18px;gap:13px;align-items:center;min-height:91px;padding:13px 10px;text-align:left;background:#fbfaf7b8;border:1px solid var(--line);border-radius:12px}.topic-row:hover{border-color:var(--green);box-shadow:0 7px 20px #17211f0d}.topic-number{color:#aaa89f;font:12px DM Mono,monospace}.topic-main{display:flex;flex-direction:column;min-width:0;gap:4px}.topic-main small{color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.topic-main strong{overflow:hidden;text-overflow:ellipsis;font-size:15px;white-space:nowrap}.progress-line{display:block;height:4px;overflow:hidden;margin-top:6px;border-radius:99px;background:#e3e1dc}.progress-line i{display:block;height:100%;border-radius:inherit;background:var(--green)}.topic-meta{display:flex;min-width:53px;flex-direction:column;align-items:flex-end;gap:4px}.topic-meta b{color:var(--green);font:500 11px DM Mono,monospace}.topic-meta small{color:var(--muted);font-size:10px}.topic-header-card{display:flex;justify-content:space-between;align-items:center;margin:-6px 0 24px;padding:18px 20px;background:var(--soft-green);border:1px solid #cbded8;border-radius:13px}.topic-header-card div{display:flex;flex-direction:column;gap:3px}.topic-header-card strong{font-size:38px;color:var(--green);line-height:1}.topic-header-card div>span:last-child{color:#55746e;font-size:11px}.progress-ring{width:77px;height:77px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) var(--progress),#d3e2dd 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:7px;background:var(--soft-green);border-radius:50%}.progress-ring strong{z-index:1;color:var(--green);font:500 12px DM Mono,monospace}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mode-card{min-height:156px;padding:16px;position:relative;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px}.mode-card:hover{border-color:var(--green);transform:translateY(-2px)}.mode-card .mode-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:19px;color:var(--green);background:var(--soft-green);border-radius:9px}.mode-card strong{display:block;font-size:15px}.mode-card p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}.mode-card>svg{position:absolute;right:15px;top:18px;color:#a7aaa4}.theory-block{display:grid;gap:14px;margin-top:27px;scroll-margin-top:88px}.theory-copy,.details-panel{padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.theory-copy h2{margin-top:6px;font-size:22px}.theory-copy p{margin-top:12px;color:#45504c;line-height:1.7;font-size:14px}.source-note,.feedback-source{display:flex;align-items:center;gap:6px;margin-top:18px;color:var(--muted);font:10px DM Mono,monospace}.details-panel{background:var(--ink);color:#f7f4ed}.details-panel .eyebrow{color:#aab5af}.detail-item{display:flex;gap:8px;align-items:flex-start;margin-top:14px;color:#d2dad5;font-size:13px;line-height:1.45}.detail-item svg{flex:0 0 auto;margin-top:2px;color:#d5a58d}.quiz-top{display:flex;align-items:center;justify-content:space-between;min-height:40px;color:var(--muted);font:11px DM Mono,monospace}.quiz-top .back-button{margin:0;font:600 12px DM Sans,sans-serif}.difficulty-pill,.source-chip,.timer-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;color:var(--green);background:var(--soft-green);border-radius:5px;font:10px DM Mono,monospace;text-transform:uppercase}.quiz-progress{height:5px;overflow:hidden;margin:11px 0 27px;border-radius:99px;background:var(--line)}.quiz-progress i{display:block;height:100%;border-radius:inherit;background:var(--terracotta);transition:width .25s ease}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.question-meta .eyebrow{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-title{margin:18px 0 22px;font-size:clamp(23px,5vw,34px);line-height:1.15}.answer-list{display:grid;gap:9px}.answer-option{min-height:59px;display:flex;align-items:center;gap:12px;padding:10px 13px 10px 10px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.35}.answer-option:not(:disabled):hover{border-color:var(--green);background:#f8fbf9}.answer-letter{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border-radius:7px;color:var(--muted);background:var(--cream);font:500 12px DM Mono,monospace}.answer-option>svg{margin-left:auto;flex:0 0 auto}.answer-option.correct{color:#27625a;border-color:#72ae9e;background:#eaf5f0}.answer-option.correct .answer-letter{color:#fff;background:var(--green)}.answer-option.wrong{color:#984f39;border-color:#d99a83;background:#fff1eb}.answer-option.wrong .answer-letter{color:#fff;background:var(--terracotta)}.feedback-panel{margin-top:15px;padding:20px;border-radius:13px;border:1px solid;animation:view-in .22s ease both}.feedback-correct{background:#eaf5f0;border-color:#b4d6cb;color:#315f58}.feedback-wrong{background:#fff1eb;border-color:#ecc0ae;color:#754033}.feedback-title{display:flex;align-items:center;gap:7px;font-weight:700}.feedback-panel p{margin-top:11px;line-height:1.6;font-size:13px}.feedback-answer{padding-bottom:11px;border-bottom:1px solid rgba(23,33,31,.12)}.key-concept{display:grid;gap:5px;margin-top:17px;padding:12px;background:#ffffff8f;border-radius:8px}.key-concept span{font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.09em}.key-concept strong{font-size:13px}.feedback-panel .primary-button{color:#fff;margin-top:18px}.completion-panel{padding:44px 24px;text-align:center;background:var(--ink);color:#f8f5ef;border-radius:17px}.completion-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 22px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#d5a58d}.completion-panel .eyebrow{color:#aab5af}.completion-panel h1{margin-top:9px;font-size:34px}.completion-panel p{max-width:400px;margin:14px auto 0;color:#b8c3bd;line-height:1.6;font-size:14px}.completion-panel .primary-button{margin-top:25px}.flashcard{min-height:310px;padding:32px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #c9dcd6;border-radius:17px;background:var(--soft-green);box-shadow:var(--shadow);cursor:pointer}.flashcard-label{color:var(--green);font:500 10px DM Mono,monospace;letter-spacing:.14em}.flashcard strong{max-width:510px;margin-top:25px;font-size:clamp(23px,5vw,36px);line-height:1.15}.flashcard small{margin-top:25px;color:var(--muted);font-size:12px}.rating-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.rating-button{min-height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px;background:var(--paper);border:1px solid var(--line);font-size:11px}.rating-button span{font-weight:700}.rating-button small{color:var(--muted);font-size:9px}.rating-forgot{color:#9b523e}.rating-hard{color:#8b6f44}.rating-known{color:var(--green)}.session-counter{margin-top:17px;color:var(--muted);text-align:center;font:10px DM Mono,monospace}.game-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:15px}.game-tabs button{min-height:41px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:600}.game-tabs button.active{color:var(--green);border-color:var(--green);background:var(--soft-green)}.game-surface{padding:19px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.game-instruction{margin-bottom:18px;color:var(--muted);font-size:13px;line-height:1.5}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.matching-grid>div{display:grid;gap:8px}.match-item{min-height:57px;padding:9px;text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:8px;font-size:11px;line-height:1.3}.match-item.definition{font-size:10px}.match-item.selected{border-color:var(--terracotta);background:var(--soft-terra)}.match-item.matched{opacity:.38;text-decoration:line-through}.ordering-list{display:grid;gap:8px;margin-bottom:18px}.ordering-item{min-height:48px;display:grid;grid-template-columns:25px 1fr 31px 31px;gap:5px;align-items:center;padding:4px 6px;background:var(--cream);border:1px solid var(--line);border-radius:8px}.ordering-item>span{color:var(--terracotta);text-align:center;font:11px DM Mono,monospace}.ordering-item strong{font-size:12px}.ordering-item button{width:30px;height:36px;display:grid;place-items:center;border-radius:6px;background:var(--paper);color:var(--muted)}.ordering-item button:hover{color:var(--green)}.intruder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.intruder-grid button{min-height:93px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--cream);color:var(--muted);font:11px DM Mono,monospace}.intruder-grid button strong{color:var(--ink);font:600 15px DM Sans,sans-serif}.intruder-grid button.correct{border-color:#72ae9e;background:#eaf5f0}.intruder-grid button.wrong{border-color:#d99a83;background:#fff1eb}.game-feedback,.success-message{display:flex;align-items:flex-start;gap:7px;margin-top:15px;padding:12px;border-radius:8px;background:var(--soft-green);color:#315f58;line-height:1.45;font-size:12px}.success-message{align-items:center;font-weight:700}.reset-game{margin-top:14px}.diagram-wrap{display:grid;place-items:center;min-height:205px;margin-bottom:16px;background:var(--soft-green);border-radius:10px}.study-diagram{width:min(100%,400px);height:auto}.diagram-text{fill:var(--ink);font:12px DM Sans,sans-serif}.answer-list.compact{margin-top:15px}.answer-list.compact .answer-option{min-height:48px;font-size:12px}.error-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.error-summary .metric{min-height:84px;padding:11px;display:block}.error-summary .metric>span{display:grid;margin-bottom:7px}.error-summary .metric strong{display:block;font-size:17px}.error-list{display:grid;gap:8px}.error-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto 17px;gap:10px;align-items:center;min-height:75px;padding:12px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:10px}.error-row:hover{border-color:var(--terracotta)}.error-status{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--terracotta);background:var(--soft-terra)}.error-row>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.error-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.error-row small{color:var(--muted);font-size:10px}.error-accuracy{color:var(--terracotta);font:500 11px DM Mono,monospace}.exam-config-card{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.exam-config-card label{display:grid;gap:8px;color:var(--muted);font:500 10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.exam-config-card select{width:100%;min-height:47px;padding:0 12px;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:8px}.exam-counts{margin-top:23px}.label{display:block;color:var(--muted);font:500 10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.exam-counts>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.exam-counts button{min-height:44px;background:var(--cream);border:1px solid var(--line);border-radius:8px}.exam-counts button.selected{color:#fff;background:var(--green);border-color:var(--green)}.toggle-row{min-height:68px;display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:center;justify-content:space-between;margin-top:16px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-transform:none!important;letter-spacing:normal!important}.toggle-row span:first-child{display:flex;flex-direction:column;gap:3px}.toggle-row strong{color:var(--ink);font:600 13px DM Sans,sans-serif}.toggle-row small{color:var(--muted);font:11px DM Sans,sans-serif;text-transform:none}.toggle-row input{position:absolute;opacity:0}.toggle-ui{width:43px;height:25px;padding:3px;border-radius:99px;background:#d4d6d0;position:relative;transition:background .18s ease}.toggle-ui:after{content:"";width:19px;height:19px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .18s ease}.toggle-row input:checked+.toggle-ui{background:var(--green)}.toggle-row input:checked+.toggle-ui:after{transform:translate(18px)}.exam-dots{display:flex;gap:5px;overflow-x:auto;padding:4px 0 19px;scrollbar-width:none}.exam-dots button{min-width:29px;height:29px;border-radius:50%;color:var(--muted);background:var(--paper);border:1px solid var(--line);font:10px DM Mono,monospace}.exam-dots button.answered{color:var(--green);border-color:#9bc7ba;background:var(--soft-green)}.exam-dots button.current{color:#fff;border-color:var(--ink);background:var(--ink)}.exam-run .question-title{margin-top:13px}.exam-controls{display:flex;justify-content:space-between;gap:9px;margin-top:22px}.exam-controls .primary-button,.exam-controls .secondary-button{margin:0}.timer-pill{color:var(--terracotta);background:var(--soft-terra)}.result-hero{display:flex;align-items:center;gap:18px;padding:21px;margin-bottom:12px;color:#f7f4ed;background:var(--ink);border-radius:14px}.grade-circle{width:102px;height:102px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:50%}.grade-circle strong{font-size:39px}.grade-circle span{color:#aab5af;font:10px DM Mono,monospace}.result-hero .eyebrow{color:#aab5af}.result-hero h2{margin-top:4px;font-size:25px}.result-hero p{margin-top:6px;color:#b9c2bc;font-size:12px;line-height:1.5}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:19px}.result-grid .metric{min-height:78px;padding:11px;display:block}.result-grid .metric>span{display:grid;margin-bottom:6px}.result-grid .metric strong{display:block;font-size:16px}.result-error{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.result-error:first-of-type{border-top:0}.result-error>div{min-width:0}.result-error strong{display:block;font-size:12px;line-height:1.4}.result-error small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}.result-error p{margin-top:8px;color:#59635e;font-size:11px;line-height:1.5}.view>.surface-card+.primary-button{margin-top:18px}.search-box{display:flex;align-items:center;gap:10px;min-height:56px;margin-bottom:25px;padding:0 15px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--green)}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:16px}.search-box input::placeholder{color:#999c96}.search-results{display:grid;gap:8px}.search-result{display:grid;grid-template-columns:10px minmax(0,1fr) 17px;align-items:center;gap:12px;min-height:74px;padding:12px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:10px}.search-result:hover{border-color:var(--green)}.search-result>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.search-result small{color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase}.search-result strong{font-size:14px}.search-result p{color:var(--muted);font-size:11px}.search-hints{padding-top:5px}.search-hints>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.search-hints button{min-height:35px;padding:0 11px;background:var(--soft-green);border-radius:99px;color:var(--green);font-size:12px}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;padding:23px;margin-bottom:30px;background:var(--ink);color:#f8f5ef;border-radius:14px}.dashboard-hero strong{display:block;margin-top:5px;font-size:49px;line-height:1}.dashboard-hero p{margin-top:8px;color:#b9c2bc;font-size:12px}.dashboard-hero .progress-ring{background:conic-gradient(#d5a58d var(--progress),#4a5550 0)}.dashboard-hero .progress-ring:before{background:var(--ink)}.dashboard-hero .progress-ring strong{color:#d5a58d;font-size:12px}.mastery-grid{display:grid;gap:9px;margin-bottom:31px}.mastery-card{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.mastery-card strong{display:block;margin:7px 0 10px;font-size:26px}.mastery-card small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.activity-row{justify-content:space-between}.activity-row b{color:var(--green);font:500 12px DM Mono,monospace}.settings-list{display:grid;gap:7px}.settings-row{width:100%;min-height:72px;display:grid;grid-template-columns:35px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:12px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:10px}.settings-row:hover{border-color:var(--green)}.settings-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--green);background:var(--soft-green);border-radius:8px}.settings-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.settings-row strong{font-size:13px}.settings-row small{color:var(--muted);font-size:11px;line-height:1.35}.settings-row>svg{color:var(--muted)}.settings-row>input{position:absolute;opacity:0;width:1px;height:1px}.inline-message{display:flex;align-items:center;gap:7px;margin-top:14px;padding:11px;background:var(--soft-green);color:var(--green);border-radius:8px;font-size:12px}.pwa-note{margin-top:25px;padding:17px;background:var(--soft-terra);border:1px solid #e8c5b7;border-radius:10px}.pwa-note strong{display:block;margin-top:7px;font-size:13px}.pwa-note p{margin-top:7px;color:#825344;line-height:1.5;font-size:12px}.empty-state{display:grid;justify-items:center;padding:42px 18px;text-align:center}.empty-state>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:var(--soft-green)}.empty-state strong{margin-top:13px;font-size:15px}.empty-state p{max-width:330px;margin-top:6px;color:var(--muted);line-height:1.5;font-size:12px}.mobile-dock{position:fixed;z-index:30;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);min-height:64px;padding:7px 5px;border:1px solid rgba(221,217,209,.92);border-radius:17px;background:#fbfaf7f0;box-shadow:0 13px 34px #17211f1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-button{min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;background:transparent;color:#9a9e98;border-radius:10px;font-size:9px;font-weight:600}.nav-button.active{color:var(--green);background:var(--soft-green)}.rail-footer{display:flex;gap:7px;align-items:center;margin-top:auto;color:#85918b;font-size:10px}@media(min-width:680px){.main-content{padding:42px 36px 54px}.hero-panel{padding:48px}.hero-orbit{width:180px;height:180px}.metric-grid{grid-template-columns:repeat(4,1fr)}.subject-grid{grid-template-columns:repeat(3,1fr)}.two-column-grid{grid-template-columns:1fr 1fr}.theory-block{grid-template-columns:1.2fr .8fr}.mastery-grid{grid-template-columns:repeat(3,1fr)}.mobile-dock{display:none}}@media(min-width:980px){.desktop-rail{width:224px;flex:0 0 224px;display:flex;flex-direction:column;min-height:100vh;padding:28px 17px 23px;background:#ebe8e1;border-right:1px solid var(--line)}.desktop-rail .brand-mark{margin:0 11px 50px}.rail-nav{display:grid;gap:4px}.rail-nav .nav-button{display:flex;flex-direction:row;justify-content:flex-start;gap:11px;padding:0 12px;font-size:12px}.rail-nav .nav-button.active{background:var(--paper)}.topbar{height:82px;padding:0 42px}.mobile-brand{display:none}.main-content{padding:50px 50px 70px}.hero-panel{min-height:390px;padding:58px}.hero-panel h1{font-size:72px}.hero-orbit{width:220px;height:220px;margin-right:58px}.page-intro{padding-bottom:34px}.mode-grid{grid-template-columns:repeat(4,1fr)}.topic-header-card{max-width:510px}.narrow-view{max-width:820px}}@media(min-width:1250px){.desktop-rail{width:252px;flex-basis:252px;padding-left:27px;padding-right:27px}.main-content{padding-left:72px;padding-right:72px}}@media(max-width:420px){.hero-panel{min-height:310px;padding:25px 20px}.hero-panel h1{font-size:34px}.hero-orbit{min-width:97px;min-height:97px}.orbit-ring strong{font-size:20px}.hero-panel p{font-size:13px}.metric{padding:11px}.topic-row{grid-template-columns:23px minmax(0,1fr) auto 14px;gap:8px}.topic-meta{min-width:42px}.topic-meta small{font-size:9px}.question-meta .source-chip{display:none}.question-title{font-size:23px}.answer-option{font-size:13px}.rating-button{font-size:10px}.result-hero{padding:16px;gap:12px}.grade-circle{width:84px;height:84px}.grade-circle strong{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}