:root{--bg:#f6f7f3;--paper:#fff;--ink:#20251f;--muted:#777e75;--line:#e8ebe4;--green:#d6f36a;--green-deep:#a3cf38;--mint:#eaf5e9;--purple:#7565dc;--purple-soft:#f0edff;--coral:#ef9a82;--blue:#cde5f4;--shadow:0 10px 34px rgba(38,48,33,.055);--radius:20px;--font:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--display:'Manrope',var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;padding:27px 18px 18px;background:#fbfcf9;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 32px;text-decoration:none}.brand-name{font:800 23px var(--display);letter-spacing:-1.4px}.brand-dot{color:#a1c938}.brand-mark{width:29px;height:29px;border-radius:10px;background:var(--ink);display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:3px;align-content:center;justify-content:center;transform:rotate(-7deg)}.brand-mark span{background:var(--green);border-radius:2px}.brand-mark span:nth-child(2){opacity:.65}.brand-mark span:nth-child(3){opacity:.75}.course-label{font-size:9px;font-weight:700;letter-spacing:1.1px;color:#8c9388;padding:0 10px;margin-bottom:12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.course-dot{width:6px;height:6px;background:#a1c938;border-radius:50%}.course-code{font-size:8px;letter-spacing:.3px;background:#eff1eb;color:#687061;padding:4px 6px;border-radius:5px;margin-left:auto}.primary-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;padding:11px 12px;border-radius:11px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;color:#727a70;cursor:pointer;transition:background .18s,color .18s,transform .18s}.nav-item:hover{background:#f1f3ed;color:var(--ink);transform:translateX(2px)}.nav-item.active{background:var(--ink);color:#fff;font-weight:600;box-shadow:0 5px 12px #20251f18}.nav-icon{width:17px;text-align:center;font-size:18px;line-height:15px}.nav-badge{font-size:8px;letter-spacing:.4px;background:var(--green);color:#343e24;border-radius:5px;padding:3px 5px;margin-left:auto;font-weight:800}.sidebar-spacer{flex:1}.sidebar-note{margin:15px 2px 16px;padding:17px 15px 14px;border:1px solid #e7eadf;background:linear-gradient(145deg,#f2f7e8,#f9faf6);border-radius:16px;position:relative;overflow:hidden}.sidebar-note:after{content:'';position:absolute;width:92px;height:92px;right:-43px;top:-48px;border-radius:50%;border:1px solid #dde8c5;box-shadow:0 0 0 11px #e8efda,0 0 0 22px #eef3e5}.note-spark{color:#9bbd47;font-size:17px;margin-bottom:11px}.sidebar-note strong{font:700 13px var(--display)}.sidebar-note p{font-size:11px;color:var(--muted);line-height:1.55;margin:6px 0 12px}.text-button{border:0;background:none;padding:0;font-size:10px;font-weight:700;cursor:pointer;color:#59664a}.text-button span{font-size:13px;margin-left:3px}.profile-nav{width:100%;display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);padding:15px 4px 0;background:transparent;text-align:left;cursor:pointer}.avatar,.top-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#eae7fb;color:#6554ca;font-weight:700}.profile-nav-copy{display:grid;gap:3px;min-width:0}.profile-nav-copy strong{font-size:11px}.profile-nav-copy small{font-size:10px;color:var(--muted)}.more-dots{margin-left:auto;font-size:19px;color:#858b81;letter-spacing:1px}.main-area{min-width:0;display:flex;flex-direction:column}.topbar{height:69px;padding:0 clamp(22px,4vw,62px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ebe5;background:#fbfcf9e8;position:sticky;top:0;z-index:3;backdrop-filter:blur(14px)}.breadcrumb{display:flex;align-items:center;gap:11px;color:#90968c;font-size:11px}.breadcrumb strong{font-weight:600;color:#3b4339}.crumb-slash{color:#c4c9bf}.topbar-actions{display:flex;align-items:center;gap:12px}.top-search{display:flex;align-items:center;gap:8px;background:#f2f4ef;border:1px solid #ecefe8;border-radius:9px;height:34px;padding:0 9px;color:#879084;font-size:10px;cursor:pointer}.top-search>span:first-child{font-size:17px}.top-search kbd{font:9px var(--font);background:#fff;border:1px solid #e7e9e2;border-radius:4px;padding:2px 5px;color:#9a9f96;margin-left:12px}.icon-button{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:#656e61}.help-button{font:600 12px var(--font)}.top-avatar{border:0;width:31px;height:31px;flex-basis:31px;cursor:pointer}.mobile-menu{display:none}.view-root{max-width:1390px;width:100%;margin:0 auto;padding:35px clamp(22px,4vw,62px) 28px;flex:1;outline:none}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:13px clamp(22px,4vw,62px) 18px;color:#9ba197;font-size:9px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#59664a}
.eyebrow{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#81897e}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font:700 clamp(24px,2.4vw,32px) var(--display);letter-spacing:-1.2px;margin:7px 0 5px}.page-heading p{margin:0;color:var(--muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:9px}.btn{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .18s,background .18s,box-shadow .18s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:white;box-shadow:0 5px 12px #20251f17}.btn-primary:hover{background:#333b30}.btn-lime{background:var(--green);color:#252c20}.btn-lime:hover{background:#cbee58}.btn-secondary{background:#fff;border-color:var(--line);color:#51594e}.btn-quiet{background:#f3f5ef;color:#596253}.btn-sm{padding:8px 11px;font-size:10px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero-card{min-height:242px;border-radius:22px;background:#212720;color:white;overflow:hidden;position:relative;padding:31px 34px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(180px,34%);align-items:center;margin-bottom:20px}.hero-card:before{content:'';position:absolute;width:380px;height:380px;right:8%;top:-202px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 28px #ffffff09,0 0 0 58px #ffffff07,0 0 0 92px #ffffff05}.hero-card:after{content:'';position:absolute;width:160px;height:160px;left:38%;bottom:-130px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 19px #ffffff06,0 0 0 41px #ffffff05}.hero-copy{position:relative;z-index:1;max-width:480px}.hero-tag{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.6px;color:#d4ed9a;background:#ffffff0e;border:1px solid #ffffff12;padding:6px 9px;border-radius:20px}.hero-tag span{color:var(--green);font-size:12px}.hero-card h2{font:600 clamp(22px,2.5vw,32px)/1.25 var(--display);letter-spacing:-1.1px;margin:15px 0 9px}.hero-card h2 em{font-style:normal;color:var(--green)}.hero-card p{font-size:11px;color:#c2c8bd;line-height:1.6;max-width:380px;margin:0 0 17px}.hero-actions{display:flex;align-items:center;gap:14px}.hero-quiet{font-size:10px;color:#c7cec1;text-decoration:none}.hero-quiet:hover{color:#fff}.hero-art{position:relative;z-index:1;justify-self:center;width:170px;height:170px}.orbit{position:absolute;inset:9px;border:1px solid #ffffff20;border-radius:50%;animation:slow-spin 32s linear infinite}.orbit:before,.orbit:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);top:13px;left:31px;box-shadow:0 0 18px #d6f36a88}.orbit:after{width:5px;height:5px;top:auto;left:auto;right:6px;bottom:53px;background:#c2afff}.orbit-inner{position:absolute;inset:26px;border:1px dashed #ffffff1c;border-radius:50%;animation:slow-spin 24s linear infinite reverse}.orbit-inner:before{content:'';position:absolute;width:7px;height:7px;background:var(--coral);border-radius:50%;top:29px;right:6px}.art-core{position:absolute;inset:51px;border-radius:27px;background:var(--green);color:#2a3222;transform:rotate(-9deg);display:grid;place-items:center;box-shadow:0 11px 30px #d6f36a25}.art-core span{font:800 38px var(--display);transform:rotate(9deg);letter-spacing:-3px}.art-float{position:absolute;padding:8px 10px;background:#343c32;border:1px solid #ffffff16;border-radius:9px;color:#dfe6d8;font-size:9px;box-shadow:0 7px 15px #0002}.art-float.one{top:24px;right:-1px;transform:rotate(5deg)}.art-float.two{bottom:23px;left:0;transform:rotate(-4deg)}.art-float b{color:var(--green);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:23px}.stat-card{padding:16px 18px;background:var(--paper);border:1px solid #eceee8;border-radius:15px;min-height:100px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7d8579;font-size:10px}.stat-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:14px}.stat-icon.lime{background:#f0f8d9;color:#779529}.stat-icon.lav{background:#f1eefe;color:#7868d1}.stat-icon.blue{background:#eaf5fa;color:#568db0}.stat-icon.coral{background:#fff0eb;color:#c87964}.stat-value{font:700 22px var(--display);letter-spacing:-.8px;margin-top:10px}.stat-value small{font:500 10px var(--font);letter-spacing:0;color:#888f84;margin-left:4px}.stat-foot{font-size:9px;color:#8c9388;margin-top:3px}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(255px,.9fr);gap:17px;align-items:start}.panel{background:#fff;border:1px solid #e9ece5;border-radius:17px;padding:19px 20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title{font:700 14px var(--display);letter-spacing:-.25px;margin:0}.panel-subtitle{font-size:10px;color:#8c9388;margin:5px 0 0}.link-button{border:0;background:none;color:#777f71;font-size:10px;cursor:pointer;padding:2px}.link-button:hover{color:var(--ink)}.topic-progress-list{display:grid;gap:12px}.topic-progress{display:grid;grid-template-columns:34px minmax(120px,1fr) minmax(75px,120px) 30px;gap:10px;align-items:center;cursor:pointer;padding:3px 0}.topic-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:13px}.topic-icon.green{background:#eef7d8}.topic-icon.purple{background:#f0edff}.topic-icon.peach{background:#fff0e9}.topic-icon.blue{background:#eaf5fa}.topic-info{min-width:0}.topic-info strong{display:block;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-info small{display:block;font-size:9px;color:#969d91;margin-top:4px}.progress-track{height:5px;background:#f0f2ed;border-radius:5px;overflow:hidden}.progress-track span{height:100%;display:block;background:#b6d858;border-radius:inherit;transition:width .5s}.progress-num{font-size:9px;color:#70796b;text-align:right}.focus-card{padding:16px;background:#f7f8f4;border-radius:13px;margin-bottom:10px;cursor:pointer;transition:background .2s,transform .2s}.focus-card:hover{background:#f1f4eb;transform:translateY(-1px)}.focus-card:last-child{margin-bottom:0}.focus-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.focus-label{font-size:8px;letter-spacing:.85px;text-transform:uppercase;color:#8b9386;font-weight:700}.focus-arrow{color:#848d7a}.focus-card strong{font:650 12px var(--display);display:block}.focus-card p{font-size:9px;color:#888f84;margin:5px 0 0;line-height:1.45}.focus-meta{display:flex;align-items:center;gap:5px;font-size:9px;color:#787f73}.priority-dot{width:6px;height:6px;border-radius:50%;background:#e5a587}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.topic-card{background:#fff;border:1px solid #e9ece5;border-radius:16px;padding:17px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;min-height:168px}.topic-card:hover{transform:translateY(-3px);border-color:#d6ddc9;box-shadow:var(--shadow)}.topic-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.topic-card .topic-icon{width:34px;height:34px}.topic-index{font-size:9px;color:#959c91;font-weight:600}.bookmark-mini{border:0;background:none;color:#a3aa9e;font-size:16px;padding:0;cursor:pointer}.bookmark-mini.saved{color:#9bbd47}.topic-card h3{font:650 13px var(--display);letter-spacing:-.2px;margin:0 0 5px}.topic-card p{font-size:9px;color:#858d81;line-height:1.45;margin:0;min-height:26px}.topic-card-foot{display:flex;align-items:center;gap:8px;margin-top:15px}.topic-card-foot .progress-track{flex:1}.level-label{font-size:8px;color:#8a9186;white-space:nowrap}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 11px;color:#7c8478;font-size:9px;cursor:pointer}.filter-chip.active{background:#20251f;color:#fff;border-color:#20251f}.paper-label{font-size:9px;letter-spacing:.9px;text-transform:uppercase;color:#8c9388;font-weight:700;margin:23px 0 10px}.paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.paper-card{background:#fff;border:1px solid #e9ece5;border-radius:16px;padding:18px;display:flex;gap:14px;align-items:flex-start}.paper-icon{width:37px;height:42px;display:grid;place-items:center;background:#f4f5f0;border-radius:10px;color:#7a8374;font-size:18px;flex:0 0 37px}.paper-card h3{font:650 12px var(--display);margin:2px 0 5px}.paper-card p{color:#868e82;font-size:9px;line-height:1.5;margin:0 0 12px}.paper-links{display:flex;gap:8px;flex-wrap:wrap}.paper-link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:#59664a;font-weight:700;font-size:9px;background:#f2f5eb;border-radius:7px;padding:6px 8px}.paper-link:hover{background:#eaf0dd}.notice{padding:12px 14px;border-radius:11px;background:#f2f5eb;color:#687259;font-size:10px;line-height:1.55;margin:14px 0}.notice strong{color:#4c5740}.notice.warn{background:#fff6e7;color:#8d754e}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.75fr);gap:16px}.lesson-content h2{font:700 20px var(--display);letter-spacing:-.5px;margin:6px 0 10px}.lesson-content p{font-size:12px;line-height:1.75;color:#626b60}.lesson-content h3{font:650 14px var(--display);margin:22px 0 7px}.lesson-callout{padding:14px 16px;border-radius:11px;background:#f4f7e9;border-left:3px solid #b6d858;color:#545e48;font-size:11px;line-height:1.6;margin:15px 0}.step-list{display:grid;gap:8px;margin:13px 0}.step-item{display:flex;gap:11px;padding:10px 11px;background:#fafbf8;border-radius:10px;font-size:11px;line-height:1.5}.step-number{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#e9f2d3;color:#667d33;display:grid;place-items:center;font-size:9px;font-weight:700}.lesson-aside{display:grid;gap:12px;align-content:start}.tip-card{padding:16px;border-radius:14px;background:#f6f6ff;border:1px solid #ecebfa}.tip-card h3{font:700 11px var(--display);margin:0 0 7px}.tip-card p{font-size:10px;color:#727494;line-height:1.55;margin:0}.diagram-card{padding:17px;background:#202720;color:#fff;border-radius:15px;overflow:hidden}.diagram-card h3{font:650 12px var(--display);margin:0 0 13px}.diagram-stage{display:flex;gap:6px;align-items:center;justify-content:space-between;margin:15px 0}.diagram-node{flex:1;text-align:center;padding:12px 3px;border-radius:9px;border:1px solid #ffffff19;background:#ffffff09;font-size:9px;color:#cbd0c8;transition:.25s}.diagram-node.active{background:#d6f36a;color:#25301b;border-color:#d6f36a;transform:translateY(-2px)}.diagram-arrow{color:#87927f;font-size:11px}.diagram-caption{font-size:9px;line-height:1.5;color:#bec5b9;min-height:29px}.diagram-controls{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.diagram-controls button{border:1px solid #ffffff21;border-radius:7px;background:transparent;color:#fff;font-size:9px;padding:6px 9px;cursor:pointer}.diagram-controls button:hover{background:#ffffff10}.diagram-dots{display:flex;gap:4px}.diagram-dots span{width:4px;height:4px;background:#596257;border-radius:50%}.diagram-dots span.active{background:var(--green);width:12px;border-radius:4px}.quiz-card{max-width:770px;margin:0 auto;background:#fff;border:1px solid #e9ece5;border-radius:20px;padding:clamp(20px,4vw,36px);box-shadow:var(--shadow)}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.quiz-count{font-size:10px;color:#858d81}.quiz-count strong{color:var(--ink)}.quiz-topic-pill{font-size:9px;border-radius:20px;background:#f1f4ea;padding:6px 9px;color:#66734e}.quiz-progress{height:4px;background:#f0f2ed;border-radius:5px;margin:-14px 0 23px;overflow:hidden}.quiz-progress span{display:block;height:100%;background:var(--green-deep);transition:width .3s}.question-type{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8e9689;font-weight:700}.quiz-card h2{font:700 clamp(18px,2vw,24px)/1.45 var(--display);letter-spacing:-.4px;margin:10px 0 21px;max-width:630px}.answers-list{display:grid;gap:9px}.answer-option{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 14px;border:1px solid #eaede6;border-radius:11px;background:#fff;font-size:11px;cursor:pointer;transition:.15s}.answer-option:hover{background:#fafbf7;border-color:#cfd7c4}.answer-option.selected{border-color:#a7c75a;background:#f6fae9}.answer-option.correct{border-color:#93bd38;background:#f5fae8}.answer-option.incorrect{border-color:#e2a28f;background:#fff6f2}.answer-letter{width:22px;height:22px;border-radius:7px;background:#f1f3ee;display:grid;place-items:center;font-size:9px;color:#757d70;font-weight:700;flex:0 0 22px}.answer-option.selected .answer-letter{background:#e7f1c8;color:#5e772d}.answer-feedback{padding:13px 14px;border-radius:10px;margin-top:14px;font-size:10px;line-height:1.6}.answer-feedback.correct{background:#f2f8e4;color:#596d36}.answer-feedback.incorrect{background:#fff3ee;color:#99634f}.quiz-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px}.quiz-hint{font-size:9px;color:#93998f}.result-score{display:flex;align-items:center;gap:18px;padding:18px;background:#f6f8f2;border-radius:14px;margin-bottom:18px}.score-ring{width:67px;height:67px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green-deep) var(--score),#e8ece2 0);position:relative}.score-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#f6f8f2}.score-ring strong{position:relative;font:700 15px var(--display)}.result-score h3{font:700 14px var(--display);margin:0 0 5px}.result-score p{font-size:10px;color:#838b7e;margin:0}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mode-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;cursor:pointer;transition:.2s;min-height:156px}.mode-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#d7decd}.mode-card.selected{border-color:#9fbe4b;box-shadow:0 0 0 2px #d6f36a5c}.mode-symbol{width:34px;height:34px;border-radius:11px;background:#f1f6df;display:grid;place-items:center;font-size:15px;margin-bottom:18px}.mode-card:nth-child(2) .mode-symbol{background:#f1efff}.mode-card:nth-child(3) .mode-symbol{background:#fff0e9}.mode-card h3{font:650 12px var(--display);margin:0 0 6px}.mode-card p{font-size:9px;color:#858d81;line-height:1.5;margin:0}.setting-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:15px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #f0f1ed}.setting-row:last-child{border-bottom:0}.setting-row strong{display:block;font-size:11px}.setting-row small{font-size:9px;color:#8b9388;display:block;margin-top:4px}.field-label{display:block;font-size:9px;font-weight:700;color:#727a6d;margin:12px 0 6px}.field-input,.field-select{width:100%;border:1px solid #e6eae1;background:#fff;border-radius:9px;padding:10px 11px;font-size:11px;outline:none;color:#333b31}.field-input:focus,.field-select:focus{border-color:#a9c65d;box-shadow:0 0 0 3px #d6f36a33}.field-inline{display:grid;grid-template-columns:1fr 1fr;gap:11px}.confidence-control{display:flex;gap:5px}.confidence-control button{width:24px;height:24px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#92998e;font-size:9px;cursor:pointer}.confidence-control button.active{background:#eaf4cf;border-color:#dae9b7;color:#59752c}.empty-state{text-align:center;padding:30px 18px;color:#858d81;font-size:11px}.empty-state strong{display:block;color:#42493e;font:650 13px var(--display);margin:10px 0 5px}.sprint-options{display:flex;gap:7px;margin:12px 0}.sprint-option{flex:1;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;font-size:10px;color:#777f73;cursor:pointer}.sprint-option.active{background:#f1f7df;border-color:#ccdf9f;color:#4f6335}.profile-pill{display:inline-flex;align-items:center;gap:6px;background:#f1f3ed;border-radius:20px;padding:6px 9px;font-size:9px;color:#687161}.profile-pill .status-dot{width:6px;height:6px;border-radius:50%;background:#a9cb54}.search-overlay{position:fixed;inset:0;background:#20251f77;z-index:20;display:grid;place-items:start center;padding:14vh 15px 20px}.search-box{width:min(520px,100%);background:#fff;border-radius:16px;padding:15px;box-shadow:0 20px 70px #0003}.search-box input{width:100%;border:0;outline:0;padding:10px;font-size:13px}.search-results{display:grid;gap:5px;max-height:300px;overflow:auto}.search-result{border:0;background:#f7f8f4;text-align:left;padding:11px;border-radius:9px;cursor:pointer;font-size:11px}.search-result small{display:block;font-size:9px;color:#858d81;margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:#20251f70;display:grid;place-items:center;padding:16px;z-index:30;animation:fade-in .18s ease}.modal{background:#fff;border-radius:18px;width:min(440px,100%);padding:24px;box-shadow:0 18px 65px #0003;animation:modal-in .2s ease}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.modal h2{font:700 18px var(--display);letter-spacing:-.4px;margin:0}.modal p{color:#858d81;font-size:10px;line-height:1.55}.modal-close{border:0;background:#f3f4ef;border-radius:8px;width:27px;height:27px;cursor:pointer}.toast-root{position:fixed;bottom:20px;right:22px;z-index:50;display:grid;gap:8px}.toast{background:#202720;color:#fff;border-radius:10px;padding:11px 14px;font-size:10px;box-shadow:0 7px 20px #0002;animation:toast-in .22s ease}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--coral)}.loading-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1s infinite}.mobile-overlay{display:none}
@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.35}}
@media(max-width:1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-inline:14px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-template-columns:minmax(250px,1fr) 155px}.hero-art{transform:scale(.88)}}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:260px;transform:translateX(-105%);transition:transform .22s;box-shadow:12px 0 35px #15201218}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid}.topbar{padding:0 20px;gap:14px}.breadcrumb{margin-right:auto}.top-search{width:34px;overflow:hidden;padding:0 8px}.top-search>span:nth-child(2),.top-search kbd{display:none}.help-button{display:none}.view-root{padding:26px 20px}.site-footer{padding-inline:20px}.mobile-overlay.open{display:block;position:fixed;inset:0;background:#17201855;z-index:3}.content-grid,.lesson-layout,.setting-grid{grid-template-columns:1fr}.hero-card{grid-template-columns:minmax(0,1fr) 130px;padding:25px}.hero-art{transform:scale(.76);margin-left:-8px}.paper-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{height:58px;padding:0 14px}.breadcrumb{font-size:10px;gap:7px}.view-root{padding:22px 14px}.site-footer{padding:12px 14px;flex-direction:column;gap:5px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:17px}.page-heading h1{font-size:25px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.hero-card{display:block;padding:23px 21px;min-height:218px}.hero-card h2{font-size:24px;max-width:320px}.hero-card p{max-width:300px}.hero-art{position:absolute;right:-15px;bottom:-21px;transform:scale(.6);opacity:.47}.hero-copy{position:relative;z-index:2}.hero-actions{gap:10px}.hero-quiet{display:none}.stats-grid{gap:8px}.stat-card{padding:13px;min-height:91px}.stat-value{font-size:19px}.content-grid{gap:11px}.panel{padding:16px}.topic-progress{grid-template-columns:32px minmax(75px,1fr) minmax(45px,85px) 26px;gap:7px}.topic-info strong{font-size:9px}.topic-info small{font-size:8px}.topic-grid{grid-template-columns:1fr 1fr;gap:9px}.topic-card{min-height:160px;padding:13px}.topic-card h3{font-size:11px}.topic-card p{font-size:8px}.topic-card-top{margin-bottom:13px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:0;display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center;padding:13px}.mode-symbol{grid-row:span 2;margin:0}.mode-card h3{align-self:end}.mode-card p{align-self:start}.field-inline{grid-template-columns:1fr}.quiz-top{margin-bottom:21px}.quiz-actions{align-items:flex-end}.topbar-actions{gap:7px}.top-avatar{width:29px;height:29px;flex-basis:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.breadcrumb,.top-search,.top-search kbd,.site-footer,.course-label,.eyebrow,.page-heading p,.stat-top,.stat-foot,.topic-info small,.progress-num,.focus-label,.focus-card p,.topic-card p,.level-label,.filter-chip,.paper-label,.paper-card p,.quiz-count,.question-type,.quiz-hint,.sprint-option,.empty-state,.setting-row small,.notice,.site-notice{color:#646d60}
.filter-chip.active{color:#fff}.top-search kbd{color:#646d60}.site-footer a{color:#646d60}.nav-item{color:#626b60}.nav-item.active{color:#fff}.field-label{color:#5f685a}.confidence-control button{color:#626b60}.paper-card p,.lesson-content p{color:#596255}

/* Cognito-inspired study flow, with RecallSprout's own palette and components. */
.theme-toggle{font-size:16px;color:#646d60}.theme-toggle:hover{background:#f1f4e9;color:#4a5e29}.nav-item:focus-visible,.btn:focus-visible,.icon-button:focus-visible,.filter-chip:focus-visible,.answer-option:focus-visible,.topic-card:focus-visible,.flash-card:focus-visible{outline:3px solid #a6cf45;outline-offset:2px}.view-root>.hero-card,.view-root>.page-heading,.view-root>.stats-grid,.view-root>.content-grid,.view-root>.topic-grid,.view-root>.panel,.view-root>.mode-grid,.view-root>.lesson-layout,.view-root>.quiz-card{animation:enter-up .42s cubic-bezier(.2,.8,.2,1) both}.view-root>.stats-grid{animation-delay:.06s}.view-root>.content-grid{animation-delay:.11s}.topic-card{animation:card-in .4s cubic-bezier(.2,.8,.2,1) both}.topic-card:nth-child(2){animation-delay:.035s}.topic-card:nth-child(3){animation-delay:.07s}.topic-card:nth-child(4){animation-delay:.105s}.topic-card:nth-child(5){animation-delay:.14s}.topic-card:nth-child(6){animation-delay:.175s}.hero-card{isolation:isolate}.hero-card:before{animation:halo-breathe 7s ease-in-out infinite}.hero-art{animation:float-gentle 5s ease-in-out infinite}.answer-feedback{animation:feedback-in .25s ease both}.diagram-node.active{box-shadow:0 5px 15px #d6f36a28}.btn-primary:active,.btn-lime:active{transform:scale(.98)}
.flash-layout{max-width:780px;margin:0 auto}.flash-status{display:flex;align-items:center;justify-content:space-between;margin:0 4px 11px;color:var(--muted);font-size:10px}.flash-track{height:5px;background:#ebeee7;border-radius:5px;overflow:hidden;margin-bottom:14px}.flash-track span{height:100%;display:block;background:var(--green-deep);border-radius:inherit;transition:width .4s}.flash-card{display:block;width:100%;min-height:310px;padding:0;border:1px solid #e8ebe4;border-radius:22px;background:transparent;perspective:1100px;cursor:pointer;text-align:center}.flash-inner{position:relative;display:block;min-height:310px;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.72,.22,1)}.flash-card.flipped .flash-inner{transform:rotateY(180deg)}.flash-face{position:absolute;inset:0;border-radius:21px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;background:#fff;overflow:hidden}.flash-face:before{content:'';position:absolute;width:250px;height:250px;border:1px solid #eff1eb;border-radius:50%;box-shadow:0 0 0 24px #f6f7f3,0 0 0 49px #fafbf8;left:-150px;top:-154px}.flash-face.back{transform:rotateY(180deg);background:#f8faef}.flash-eyebrow{position:relative;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#879080;font-weight:700;margin-bottom:20px}.flash-face strong{position:relative;font:700 clamp(21px,3vw,30px)/1.4 var(--display);letter-spacing:-.6px;max-width:560px}.flash-face p{position:relative;color:#6d7668;font-size:12px;line-height:1.8;max-width:520px;margin:15px auto 0}.flash-tap{position:absolute;bottom:20px;left:0;right:0;font-size:9px;color:#929a8b}.flash-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.flash-self-rate{display:flex;gap:8px}.flash-deck-select{max-width:250px;margin-bottom:14px}.xp-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #e6ebd6;border-radius:30px;padding:7px 10px;color:#637341;background:#f6f9ed;font-size:10px;font-weight:700}.xp-spark{color:#94bb3c}.daily-progress{height:7px;border-radius:9px;background:#edf0e8;overflow:hidden}.daily-progress span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#bddb60,#d6f36a);transition:width .5s}.streak-flame{color:#eb936d}.question-code{display:block;text-align:left;white-space:pre-wrap;background:#202720;color:#e8efe2;padding:15px 17px;border-radius:11px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0 0 15px}.short-answer-wrap{display:flex;gap:9px;align-items:center}.short-answer-wrap .field-input{max-width:360px}.multi-hint{font-size:9px;color:#697263;margin:-9px 0 12px}
@keyframes enter-up{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes halo-breathe{50%{transform:scale(1.06);opacity:.72}}@keyframes float-gentle{50%{translate:0 -7px}}@keyframes feedback-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

.study-strip{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:14px 17px;margin-bottom:17px;animation:enter-up .35s ease both}.study-strip-top,.study-rewards,.study-strip-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.study-rewards{justify-content:flex-start}.streak-pill{display:inline-flex;align-items:center;gap:6px;background:#fff4eb;border-radius:30px;padding:7px 10px;color:#a76a4d;font-size:10px;font-weight:700}.study-goal-label{font-size:8px;letter-spacing:.7px;color:var(--muted);font-weight:700}.study-goal-label strong{font-size:10px;letter-spacing:0;margin-left:5px;color:var(--ink)}.study-strip .daily-progress{margin-top:11px}.study-strip-bottom p{font-size:9px;color:var(--muted);margin:8px 0 0}.study-strip-bottom .link-button{margin-top:6px;white-space:nowrap}.flash-action-slot{display:flex;justify-content:flex-end}.short-answer-input{font-size:13px}.quiz-card .field-label{margin-top:15px}.quiz-card textarea.field-input{resize:vertical;min-height:82px}.flash-complete{animation:enter-up .35s ease both}
:root[data-theme="dark"] .study-strip{background:#1b211a;border-color:#303a2e}:root[data-theme="dark"] .streak-pill{background:#3a2a21;color:#f1b38e}:root[data-theme="dark"] .study-goal-label strong{color:#edf2e8}:root[data-theme="dark"] .study-strip-bottom .link-button{color:#d0dfa9}
@media(max-width:560px){.study-strip{padding:12px}.study-goal-label{font-size:7px}.study-strip-bottom{align-items:flex-start}.study-strip-bottom p{max-width:70%;line-height:1.45}.flash-action-slot{width:100%}.flash-action-slot>.btn,.flash-action-slot .flash-self-rate{width:100%}.flash-action-slot .flash-self-rate .btn{flex:1}}

:root[data-theme="dark"]{color-scheme:dark;--bg:#111510;--paper:#1b211a;--ink:#edf2e8;--muted:#a5afa0;--line:#303a2e;--shadow:0 12px 38px rgba(0,0,0,.24)}
:root[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .topbar{background:#171d16;border-color:#2b3429}
:root[data-theme="dark"] .sidebar-note{background:linear-gradient(145deg,#222b1b,#1b2119);border-color:#343f2c}
:root[data-theme="dark"] .sidebar-note:after{border-color:#33412a;box-shadow:0 0 0 11px #26301f,0 0 0 22px #20291c}
:root[data-theme="dark"] .nav-item{color:#b2bcae}:root[data-theme="dark"] .nav-item:hover{background:#273025;color:#f0f4ea}:root[data-theme="dark"] .nav-item.active{background:var(--green);color:#20271a;box-shadow:0 5px 16px #d6f36a1c}
:root[data-theme="dark"] .profile-nav{border-color:#303a2e}:root[data-theme="dark"] .course-code{background:#293126;color:#c1cbb7}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .topic-card,:root[data-theme="dark"] .paper-card,:root[data-theme="dark"] .quiz-card,:root[data-theme="dark"] .mode-card,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .search-box{background:#1b211a;border-color:#303a2e;color:#edf2e8}
:root[data-theme="dark"] .hero-card{background:#090d0a}:root[data-theme="dark"] .art-float{background:#20271f}
:root[data-theme="dark"] .nav-icon,:root[data-theme="dark"] .breadcrumb strong,:root[data-theme="dark"] .panel-title,:root[data-theme="dark"] .topic-info strong,:root[data-theme="dark"] .topic-card h3,:root[data-theme="dark"] .paper-card h3,:root[data-theme="dark"] .modal h2,:root[data-theme="dark"] .lesson-content h2,:root[data-theme="dark"] .lesson-content h3{color:#edf2e8}
:root[data-theme="dark"] .breadcrumb,:root[data-theme="dark"] .top-search,:root[data-theme="dark"] .top-search kbd,:root[data-theme="dark"] .site-footer,:root[data-theme="dark"] .course-label,:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .page-heading p,:root[data-theme="dark"] .stat-top,:root[data-theme="dark"] .stat-foot,:root[data-theme="dark"] .topic-info small,:root[data-theme="dark"] .progress-num,:root[data-theme="dark"] .focus-label,:root[data-theme="dark"] .focus-card p,:root[data-theme="dark"] .topic-card p,:root[data-theme="dark"] .level-label,:root[data-theme="dark"] .filter-chip,:root[data-theme="dark"] .paper-label,:root[data-theme="dark"] .paper-card p,:root[data-theme="dark"] .quiz-count,:root[data-theme="dark"] .question-type,:root[data-theme="dark"] .quiz-hint,:root[data-theme="dark"] .sprint-option,:root[data-theme="dark"] .empty-state,:root[data-theme="dark"] .setting-row small,:root[data-theme="dark"] .notice,:root[data-theme="dark"] .site-notice,:root[data-theme="dark"] .modal p{color:#aab5a4}
:root[data-theme="dark"] .top-search,:root[data-theme="dark"] .top-search kbd,:root[data-theme="dark"] .icon-button,:root[data-theme="dark"] .btn-secondary,:root[data-theme="dark"] .btn-quiet,:root[data-theme="dark"] .filter-chip,:root[data-theme="dark"] .search-result,:root[data-theme="dark"] .answer-option,:root[data-theme="dark"] .sprint-option,:root[data-theme="dark"] .field-input,:root[data-theme="dark"] .field-select,:root[data-theme="dark"] .confidence-control button{background:#242c22;border-color:#354031;color:#dce5d5}
:root[data-theme="dark"] .nav-badge,:root[data-theme="dark"] .btn-lime{color:#26301d}:root[data-theme="dark"] .filter-chip.active{background:var(--green);border-color:var(--green);color:#20271a}
:root[data-theme="dark"] .focus-card,:root[data-theme="dark"] .step-item,:root[data-theme="dark"] .search-result{background:#222a20;color:#e4ebde}:root[data-theme="dark"] .focus-card:hover,:root[data-theme="dark"] .search-result:hover{background:#2b3527}
:root[data-theme="dark"] .topic-icon.green,:root[data-theme="dark"] .stat-icon.lime,:root[data-theme="dark"] .mode-symbol{background:#303b20;color:#c8e779}:root[data-theme="dark"] .topic-icon.purple,:root[data-theme="dark"] .stat-icon.lav,:root[data-theme="dark"] .mode-card:nth-child(2) .mode-symbol{background:#302b49;color:#c7bcff}:root[data-theme="dark"] .topic-icon.peach,:root[data-theme="dark"] .stat-icon.coral,:root[data-theme="dark"] .mode-card:nth-child(3) .mode-symbol{background:#432d25;color:#ffb39b}:root[data-theme="dark"] .topic-icon.blue,:root[data-theme="dark"] .stat-icon.blue{background:#263b46;color:#9cd3ee}
:root[data-theme="dark"] .progress-track,:root[data-theme="dark"] .quiz-progress,:root[data-theme="dark"] .flash-track,:root[data-theme="dark"] .daily-progress{background:#303a2e}
:root[data-theme="dark"] .lesson-callout,:root[data-theme="dark"] .notice{background:#293222;color:#d0ddb8;border-color:#6b8340}:root[data-theme="dark"] .notice.warn{background:#3a3020;color:#edcf95;border-color:#9d7940}
:root[data-theme="dark"] .tip-card{background:#242239;border-color:#393654}:root[data-theme="dark"] .tip-card p{color:#c2bedf}
:root[data-theme="dark"] .quiz-topic-pill,:root[data-theme="dark"] .profile-pill{background:#2b3427;color:#c4d2b2}
:root[data-theme="dark"] .answer-option:hover{background:#293227;border-color:#60744b}:root[data-theme="dark"] .answer-option.selected{background:#303b22;border-color:#9bbd4b}:root[data-theme="dark"] .answer-option.correct,:root[data-theme="dark"] .answer-feedback.correct{background:#29371f;border-color:#7f9e3c;color:#d7eab4}:root[data-theme="dark"] .answer-option.incorrect,:root[data-theme="dark"] .answer-feedback.incorrect{background:#382721;border-color:#975b49;color:#f0c0af}:root[data-theme="dark"] .answer-letter{background:#303a2e;color:#c2cbbb}:root[data-theme="dark"] .answer-option.selected .answer-letter{background:#44532c;color:#e0f2b2}
:root[data-theme="dark"] .result-score,:root[data-theme="dark"] .result-score .score-ring:before{background:#242c22}:root[data-theme="dark"] .sprint-option.active{background:#303b22;border-color:#596d38;color:#d7ed9e}:root[data-theme="dark"] .field-input,:root[data-theme="dark"] .field-select{color:#edf2e8}:root[data-theme="dark"] .field-label{color:#c1ccb9}
:root[data-theme="dark"] .paper-icon,:root[data-theme="dark"] .modal-close{background:#293127;color:#cad5c3}:root[data-theme="dark"] .paper-link{background:#2c3725;color:#d4e6b2}:root[data-theme="dark"] .paper-link:hover{background:#39472d}
:root[data-theme="dark"] .flash-card{border-color:#303a2e}:root[data-theme="dark"] .flash-face,:root[data-theme="dark"] .flash-face.back{background:#1b211a}:root[data-theme="dark"] .flash-face:before{border-color:#303a2e;box-shadow:0 0 0 24px #171d16,0 0 0 49px #1b211a}:root[data-theme="dark"] .flash-face p{color:#b5c0ad}:root[data-theme="dark"] .flash-eyebrow,:root[data-theme="dark"] .flash-tap{color:#a5afa0}:root[data-theme="dark"] .xp-pill{background:#2d3824;border-color:#3b482e;color:#d3e4b0}
:root[data-theme="dark"] .search-overlay,:root[data-theme="dark"] .modal-backdrop{background:#0009}:root[data-theme="dark"] .diagram-node{background:#ffffff0b}:root[data-theme="dark"] .diagram-node.active{background:var(--green);color:#25301b}
@media(max-width:560px){.flash-card,.flash-inner{min-height:275px}.flash-face{padding:25px 18px}.flash-controls{align-items:flex-start;flex-direction:column}.flash-self-rate{width:100%}.flash-self-rate .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.view-root>.hero-card,.view-root>.page-heading,.view-root>.stats-grid,.view-root>.content-grid,.view-root>.topic-grid,.view-root>.panel,.view-root>.mode-grid,.view-root>.lesson-layout,.view-root>.quiz-card,.topic-card{animation:none!important}}