:root{color-scheme:light;--bg:#f3f4f6;--surface:#fff;--surface-alt:#f8f9fa;--sidebar:#e9ebee;--ink:#22252b;--muted:#757984;--line:#e2e4e9;--accent:#414650;--accent-soft:#e8eaf0;--green:#266d54;--green-bg:#e7f4ed;--red:#a84046;--red-bg:#fcecef;--orange:#996828;--orange-bg:#fff3e1;--shadow:0 5px 20px rgba(31,41,55,.035);--radius:16px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#14161b;--surface:#20232a;--surface-alt:#282c34;--sidebar:#1a1d23;--ink:#f2f3f5;--muted:#a4a9b5;--line:#343842;--accent:#e1e3e8;--accent-soft:#363b45;--green:#86ddbc;--green-bg:#1d3a30;--red:#ffa4ae;--red-bg:#46282e;--orange:#f0c47a;--orange-bg:#493926;--shadow:0 8px 30px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.44;cursor:not-allowed}a{color:inherit}a:hover{text-decoration:underline}strong{font-weight:730}.app-shell{min-height:100vh;display:flex}.sidebar{width:246px;flex-shrink:0;padding:28px 16px 22px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:25px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:3px 10px 6px}.brand-icon{background:#444954;color:white;border-radius:12px;font-family:Georgia,serif;font-weight:bold;font-size:29px;width:42px;height:42px;display:grid;place-items:center}.brand strong{display:block;letter-spacing:2px;font-size:12px}.brand small{display:block;letter-spacing:5px;font-size:10px;color:var(--muted)}.nav-heading{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:2px;padding:0 13px;margin-bottom:-17px}.nav-list{display:grid;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;text-align:left;color:var(--muted);border:0;background:transparent;padding:11px 13px;border-radius:10px;font-weight:650}.nav-item span{font-size:17px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{color:var(--ink);background:var(--surface)}.nav-item.active{box-shadow:var(--shadow)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:21px 10px 0;color:var(--muted);font-size:11px}.tiny-dot{width:7px;height:7px;background:#699b86;border-radius:50%}.content-wrap{width:calc(100% - 246px);min-width:0;max-width:1600px;margin:0 auto;padding:32px clamp(20px,4vw,58px) 10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.topbar h1{font-size:clamp(23px,3vw,32px);letter-spacing:-1.1px;line-height:1.18;margin:5px 0 0}.eyebrow,.overline{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:2.1px}.header-actions{display:flex;gap:12px;align-items:center;white-space:nowrap}.bank-count{color:var(--muted);font-size:12px}.theme-switch,.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:10px 14px;font-weight:680;transition:background .13s,border-color .13s}.theme-switch:hover,.btn:hover,.icon-btn:hover{background:var(--surface-alt);text-decoration:none}.btn.primary{background:#414650;color:#fff;border-color:#414650}.btn.primary:hover{background:#2f333c}.btn.danger{border-color:var(--red);color:var(--red)}.btn.ghost{border-color:transparent;background:transparent}.btn.small{font-size:12px;padding:7px 10px}.btn.block{width:100%}.icon-btn{width:41px;height:41px;padding:0;font-size:18px}.btn.active{background:var(--accent-soft)}.badge{display:inline-block;font-size:11px;font-weight:750;border-radius:30px;padding:4px 10px;background:var(--accent-soft);color:var(--ink)}.badge.good{background:var(--green-bg);color:var(--green)}.badge.bad{background:var(--red-bg);color:var(--red)}.badge.warn{background:var(--orange-bg);color:var(--orange)}.btn-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card h2,.card h3,.card p{margin-top:0}.card h2{font-size:17px;letter-spacing:-.35px}.card h3{font-size:14px}.card p{color:var(--muted)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel-head h2{margin:0}.intro-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(125deg,#424753,#343942);border-radius:var(--radius);padding:27px 30px;color:white;margin-bottom:23px;min-height:180px}.intro-panel .eyebrow{color:#b9bec9}.intro-panel h2{margin:8px 0 8px;font-size:26px;letter-spacing:-.65px;line-height:1.16}.intro-panel p{color:#d4d7dc;max-width:550px;margin:0}.intro-mark{font-family:Georgia,serif;font-size:107px;font-weight:700;opacity:.15;line-height:1}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:19px 20px;box-shadow:var(--shadow)}.stat-card .stat-label{color:var(--muted);font-size:12px;font-weight:650}.stat-card .stat-num{font-size:29px;letter-spacing:-.8px;font-weight:790;margin:7px 0 2px}.stat-card .stat-foot{font-size:11px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:19px;margin-bottom:19px}.wide-gap{margin-bottom:23px}.subject-row{display:grid;grid-template-columns:165px 1fr 65px;align-items:center;gap:12px;margin:16px 0;font-size:12px}.subject-row .label{font-weight:700}.subject-row .count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.progress{height:7px;background:var(--accent-soft);border-radius:30px;overflow:hidden}.progress>span{display:block;height:100%;background:#676d7b;border-radius:30px;transition:width .3s}.muted{color:var(--muted)}.micro{font-size:12px}.separator{border:0;border-top:1px solid var(--line);margin:20px 0}.callout{background:var(--surface-alt);border:1px solid var(--line);border-radius:13px;padding:16px 18px}.callout strong{display:block;margin-bottom:4px}.callout p{margin:0;color:var(--muted)}.action-tile{border:1px solid var(--line);border-radius:13px;padding:16px;background:var(--surface-alt);margin:12px 0}.action-tile strong{display:block;margin-bottom:3px}.action-tile p{font-size:12px;margin:0 0 12px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.field label{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.65px;margin-bottom:7px}.field input,.field select,.field textarea,.text-input,select{width:100%;max-width:100%;background:var(--surface-alt);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.text-input:focus{border-color:#89909c;box-shadow:0 0 0 3px rgba(125,133,149,.16)}.field textarea{min-height:220px;resize:vertical;line-height:1.75}.form-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-top:20px}.session-wrap{max-width:940px;margin:auto}.session-top{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:15px}.session-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.timer{font-weight:800;font-variant-numeric:tabular-nums;background:var(--surface-alt);border:1px solid var(--line);border-radius:9px;padding:8px 12px}.timer.alert{background:var(--red-bg);color:var(--red)}.question-card{padding:27px 30px;margin-top:15px}.question-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.question-card h2{font-size:clamp(18px,2.2vw,23px);line-height:1.45;margin:0 0 22px;letter-spacing:-.2px}.choice-list{display:grid;gap:10px}.choice{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:15px;display:flex;gap:13px;text-align:left;align-items:flex-start;line-height:1.5}.choice:hover:not(:disabled){border-color:#777e8a;background:var(--surface-alt)}.choice .letter{flex-shrink:0;background:var(--accent-soft);border-radius:7px;width:28px;height:28px;display:grid;place-items:center;font-size:11px;font-weight:800}.choice.selected{border-color:#8c95a3;background:var(--surface-alt)}.choice.correct{border-color:var(--green);background:var(--green-bg)}.choice.incorrect{border-color:var(--red);background:var(--red-bg)}.choice:disabled{opacity:1;cursor:default}.explanation{border-left:3px solid var(--green);background:var(--green-bg);padding:15px 17px;border-radius:0 10px 10px 0;margin-top:19px}.explanation strong{display:block;margin-bottom:4px}.explanation p{margin:0;color:var(--ink)}.question-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.question-footer .btn-row{justify-content:flex-end}.navigator{display:flex;flex-wrap:wrap;gap:7px;max-height:180px;overflow:auto;margin-top:12px}.nav-dot{width:32px;height:32px;font-size:11px;background:var(--surface-alt);border:1px solid var(--line);border-radius:7px;color:var(--muted)}.nav-dot.done{background:var(--accent-soft);color:var(--ink);font-weight:800}.nav-dot.current{outline:2px solid var(--ink);outline-offset:1px}.nav-dot.flagged{box-shadow:inset 0 -4px #c2a36a}.result-score{font-size:60px;letter-spacing:-3px;font-weight:800;line-height:1;margin:12px 0}.result-score span{font-size:22px;color:var(--muted);letter-spacing:0}.review-item{border-bottom:1px solid var(--line);padding:15px 0}.review-item:last-child{border:0}.review-item strong{display:block;margin:6px 0}.review-item p{margin:4px 0;color:var(--muted);font-size:12px}.flashcard{width:100%;max-width:700px;margin:22px auto;min-height:350px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--surface);cursor:pointer}.flashcard:hover{border-color:#9ba1ae}.flashcard h2{font-size:23px;line-height:1.5;max-width:620px}.flashcard .overline{margin-bottom:18px}.flashcard p{color:var(--muted)}.flashcard .flip-prompt{margin-top:20px;color:var(--muted);font-size:12px}.flash-back{color:var(--green)!important;font-size:16px}.flash-navigation{display:flex;justify-content:center;align-items:center;gap:18px}.writing-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.prompt-list{display:grid;gap:8px}.prompt-btn{border:1px solid var(--line);border-radius:10px;padding:12px;text-align:left;background:var(--surface);color:var(--ink);font-weight:650}.prompt-btn.active{background:var(--accent-soft);border-color:#a5acb7}.prompt-btn span{display:block;font-weight:400;color:var(--muted);font-size:11px}.writing-body{white-space:pre-wrap;color:var(--ink)!important;line-height:1.75}.writing-tools{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0}.writing-editor{min-height:310px!important;background:var(--surface)!important;font-family:Georgia,serif!important;font-size:16px!important}.planner-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.planner-row:last-child{border:0}.planner-row label{display:flex;align-items:center;gap:10px;cursor:pointer}.planner-row input[type=checkbox]{accent-color:#626874;width:17px;height:17px}.planner-row.completed label span{text-decoration:line-through;color:var(--muted)}.resource-link{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0;text-decoration:none}.resource-link:hover{text-decoration:none}.resource-link strong{display:block}.resource-link p{font-size:12px;margin:1px 0 0}.resource-link>span{font-size:22px;color:var(--muted)}.resource-link:hover strong{text-decoration:underline}.empty{padding:25px;text-align:center;color:var(--muted);background:var(--surface-alt);border-radius:12px}.footer{font-size:11px;color:var(--muted);display:flex;gap:12px;justify-content:center;align-items:center;padding:20px 0 24px;text-align:center}.footer span{opacity:.5}.inline-notice{padding:11px 14px;border-radius:10px;background:var(--orange-bg);color:var(--orange);font-size:12px;margin-top:13px}.kbd{border:1px solid var(--line);border-radius:4px;background:var(--surface-alt);padding:0 4px;font-size:10px}.sticky-note{font-size:11px;color:var(--muted);margin-top:13px}.subject-pills{display:flex;gap:8px;flex-wrap:wrap}.subject-pill{border:1px solid var(--line);border-radius:24px;padding:7px 11px;background:var(--surface);color:var(--ink);font-size:12px}.subject-pill.active{background:var(--accent-soft);font-weight:800;border-color:#8e96a3}.study-date{font-variant-numeric:tabular-nums}
@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.writing-layout{grid-template-columns:1fr}.prompt-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative;padding:13px 13px 7px;gap:9px}.brand{padding:1px 6px}.brand-icon{width:33px;height:33px;font-size:24px}.nav-heading,.sidebar-foot{display:none}.nav-list{display:flex;overflow-x:auto;padding:3px 0 8px;gap:4px;scrollbar-width:thin}.nav-item{white-space:nowrap;width:auto;flex-shrink:0;padding:9px 12px;font-size:12px}.nav-item span{font-size:15px;width:auto}.content-wrap{width:100%;padding:22px 15px 8px}.topbar{align-items:flex-start;gap:10px}.topbar h1{font-size:24px}.header-actions{flex-direction:column-reverse;align-items:flex-end;gap:7px}.bank-count{font-size:10px}.theme-switch{font-size:12px;padding:8px 10px}.intro-panel{padding:22px;min-height:145px}.intro-panel h2{font-size:21px}.intro-mark{display:none}.card{padding:18px}.subject-row{grid-template-columns:125px 1fr 48px;gap:8px}.question-card{padding:20px}.question-footer{align-items:stretch;flex-direction:column}.question-footer .btn-row{justify-content:space-between}.flashcard{padding:24px;min-height:330px}.flashcard h2{font-size:19px}.footer{flex-wrap:wrap;gap:6px}}
@media(max-width:420px){.overview-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card .stat-num{font-size:24px}.stat-card .stat-label{font-size:10px}.form-grid{grid-template-columns:1fr}.prompt-list{grid-template-columns:1fr}.subject-row{grid-template-columns:118px 1fr 39px;font-size:10px}.btn-row .btn{flex:1}}