@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--navy:#10233f;--muted:#64748b;--blue:#2563eb;--blue-dark:#1d4ed8;--purple:#7c3aed;--line:#e4eaf2;--bg:#f5f8fc;--white:#fff;--shadow:0 12px 35px #1f375a12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--navy);font-family:var(--font-geist),Arial,sans-serif;margin:0}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:50;background:#fff;flex-direction:column;width:220px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.logo{letter-spacing:-.5px;align-items:center;gap:10px;font-size:19px;font-weight:720;display:flex}.logo b{color:var(--blue)}.logo-mark{background:var(--blue);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 16px #2563eb3d}.side-top{justify-content:space-between;align-items:center;padding:0 8px 24px;display:flex}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:550;transition:all .2s;display:flex;position:relative}.sidebar nav button:hover{color:var(--navy);background:#f6f8fc}.sidebar nav button.active{color:var(--blue);background:#edf4ff;font-weight:680}.nav-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;right:11px}.side-tip{background:#f4f2ff;border:1px solid #e7e2ff;border-radius:14px;margin-top:auto;padding:15px}.tip-icon{color:#7046db;background:#e5ddff;border-radius:8px;place-items:center;width:31px;height:31px;margin-bottom:10px;display:grid}.side-tip strong{font-size:13px}.side-tip p{color:#6b7280;margin:5px 0 0;font-size:11.5px;line-height:1.55}.student-card{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:17px;padding:17px 8px 0;display:flex}.avatar{color:#1d4ed8;background:#dbeafe;border:0;border-radius:11px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:750;display:grid}.student-card div:last-child{flex-direction:column;display:flex}.student-card strong{font-size:12.5px}.student-card span{color:#94a3b8;margin-top:2px;font-size:10.5px}main{min-height:100vh;margin-left:220px}header{border-bottom:1px solid var(--line);z-index:35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;align-items:center;gap:12px;height:54px;padding:0 24px;display:flex;position:sticky;top:0}.header-spacer{flex:1}.avatar.mini{cursor:pointer;border-radius:50%;width:36px;height:36px}.menu-btn,.mobile-logo,.mobile-close{display:none}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.icon-btn:hover{color:var(--navy);background:#f1f5f9}.page-wrap{max-width:1340px;margin:0 auto;padding:34px 38px 80px}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12.5px;font-weight:680;transition:all .2s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 5px 14px #2563eb33}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-secondary{color:#334155;background:#fff;border:1px solid #dbe3ee}.btn-ghost{color:#64748b;background:0 0}.btn-danger{color:#fff;background:#dc2626}.text-btn{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--blue);margin-bottom:8px;font-size:10px;font-weight:800}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.page-head h1{letter-spacing:-1px;margin:0;font-size:29px}.page-head p{color:var(--muted);margin:7px 0 0;font-size:13px}.welcome{background:linear-gradient(105deg,#eef5ff 0%,#f7f5ff 100%);border:1px solid #dde9fb;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:27px 30px;display:flex;position:relative;overflow:hidden}.welcome:after{content:"";border:35px solid #7c3aed0a;border-radius:50%;width:160px;height:160px;position:absolute;top:-65px;right:240px}.welcome h1{letter-spacing:-.8px;margin:0;font-size:26px}.welcome h1 span{font-size:22px}.welcome p{color:#64748b;margin:7px 0 0;font-size:13px}.streak-pill{z-index:1;color:#f97316;background:#fff;border:1px solid #f2e5d4;border-radius:12px;align-items:center;gap:10px;padding:11px 15px;display:flex;box-shadow:0 8px 22px #472d120f}.streak-pill div{color:var(--navy);flex-direction:column;display:flex}.streak-pill strong{font-size:12.5px}.streak-pill span{color:#94a3b8;margin-top:2px;font-size:10px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 5px 18px #1f375a09}.metric-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.metric-icon.orange{color:#f97316;background:#fff3e8}.metric-icon.blue{color:#2563eb;background:#eaf2ff}.metric-icon.purple{color:#7c3aed;background:#f2edff}.metric-icon.pink{color:#e74877;background:#fff0f4}.metric-icon.green{color:#16a064;background:#e9f9f0}.metric div{flex-direction:column;display:flex}.metric span:not(.metric-icon){color:#8491a4;font-size:10px}.metric strong{letter-spacing:-.5px;margin:1px 0;font-size:20px}.metric small{color:#7c8aa0;align-items:center;gap:3px;font-size:9.5px;display:flex}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.section-title h2,.panel-head h2{letter-spacing:-.35px;margin:0;font-size:16px}.section-title p,.panel-head p{color:#8491a4;margin:4px 0 0;font-size:11px}.action-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:27px;display:grid}.action-card{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--navy);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:17px;transition:all .2s;display:flex;box-shadow:0 4px 14px #1f375a08}.action-card:hover{box-shadow:var(--shadow);border-color:#cddcf4;transform:translateY(-2px)}.action-card>div{flex:1}.action-card strong{font-size:12.5px}.action-card p{color:#8491a4;margin:3px 0;font-size:10.5px}.action-card>svg{color:#aab4c2}.action-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.action-icon.blue{color:#2563eb;background:#e9f2ff}.action-icon.purple{color:#7c3aed;background:#f1ecff}.action-icon.green{color:#15965d;background:#e9f9f0}.action-icon.orange{color:#f97316;background:#fff3e8}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;box-shadow:0 5px 20px #1f375a09}.dashboard-columns{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.panel-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.activity{border-bottom:1px solid #f0f3f7;align-items:center;gap:11px;padding:13px 20px;display:flex}.activity:last-child{border-bottom:0}.activity-icon{color:#2563eb;background:#edf4ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.activity div{flex-direction:column;flex:1;display:flex}.activity strong{font-size:11.5px}.activity span{color:#94a3b8;margin-top:2px;font-size:9.5px}.activity b{color:#16a064;background:#eaf9f1;border-radius:7px;padding:5px 8px;font-size:11.5px}.recommendation{padding:20px;position:relative;overflow:hidden}.rec-badge{color:#6d42d4;letter-spacing:.7px;background:#f2edff;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:8.5px;font-weight:800;display:inline-flex}.rec-art{color:#2563eb;background:#edf4ff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:19px;right:20px}.recommendation h3{margin:18px 0 6px;font-size:16px}.recommendation p{color:#7b8798;max-width:78%;margin:0 0 15px;font-size:11px;line-height:1.6}.form-panel{padding:21px}.content-split{grid-template-columns:minmax(330px,.85fr) minmax(440px,1.2fr);align-items:start;gap:18px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:15px;display:flex;position:relative}.field>span{color:#46566b;font-size:10.5px;font-weight:700}.field select,.field textarea{width:100%;color:var(--navy);font:inherit;background:#fbfcfe;border:1px solid #dce4ee;border-radius:9px;outline:none;padding:10px 11px;font-size:12px}.field select:focus,.field textarea:focus{border-color:#7aa8f8;box-shadow:0 0 0 3px #edf4ff}.field textarea{resize:vertical;height:112px;padding-bottom:26px;line-height:1.5}.field>small{color:#9ca8b8;font-size:9px;position:absolute;bottom:8px;right:10px}.sample-wrap{flex-direction:column;gap:6px;margin-bottom:17px;display:flex}.sample-wrap>span{color:#94a3b8;letter-spacing:.9px;margin-bottom:2px;font-size:9px;font-weight:750}.sample-wrap button{color:#526176;text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:10.5px;display:flex}.sample-wrap button:hover,.sample-wrap button.selected{color:#1d4ed8;background:#f5f9ff;border-color:#9bbcf6}.form-panel>.btn{width:100%}.empty{text-align:center;background:#ffffff73;border:1px dashed #cad5e3;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:375px;padding:30px;display:flex}.empty>span{color:#3b82f6;background:#edf4ff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.empty h3{margin:13px 0 5px;font-size:14px}.empty p{color:#8491a4;max-width:330px;margin:0;font-size:11px;line-height:1.6}.loading-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:375px;display:flex}.loading-card h3{margin:14px 0 4px;font-size:14px}.loading-card p{color:#8491a4;font-size:11px}.spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.large-spinner{border:3px solid #dce9ff;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.answer-stack{flex-direction:column;gap:10px;display:flex}.prototype-label{color:#986b15;background:#fff8e8;border:1px solid #fae9bd;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.choice-strip{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.choice-strip>span{margin-bottom:8px;font-size:10px;font-weight:700;display:block}.choice-strip>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.choice-strip button{color:#59677a;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:9.5px;font-weight:650;display:flex}.choice-strip button:hover,.choice-strip button.active{color:#2563eb;background:#f2f7ff;border-color:#8db4f7}.path-choice{text-align:center;padding:48px 25px}.path-choice>svg{color:#7c3aed}.path-choice h3{margin:12px 0 5px;font-size:16px}.path-choice p{color:#8491a4;margin:0;font-size:11px}.answer-card,.full-answer{padding:20px}.answer-title{border-bottom:1px solid #edf1f6;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:14px;display:flex}.answer-title>span{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.answer-card.yellow .answer-title>span{color:#d28b00;background:#fff4d9}.answer-card.blue .answer-title>span,.full-answer .answer-title>span{color:#2563eb;background:#eaf2ff}.answer-title small{letter-spacing:1px;color:#8491a4;font-size:8px;font-weight:800}.answer-title h3{margin:3px 0 0;font-size:15px}.answer-card>p,.full-answer p{color:#526176;font-size:12px;line-height:1.7}.reflect{color:#6e5a2c;background:#fff9ec;border-left:3px solid #f59e0b;border-radius:5px;margin:16px 0;padding:10px 12px;font-size:10.5px}.full-answer section h4{margin:0 0 6px;font-size:11px}.full-answer section{margin-bottom:15px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips span{color:#1d4ed8;background:#edf4ff;border-radius:99px;padding:5px 8px;font-size:9.5px}.exam-box{background:#f6f9fe;border:1px solid #e4ecf8;border-radius:9px;padding:12px}.answer-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer-grid section{background:#fafbfc;border:1px solid #edf1f5;border-radius:9px;padding:11px}.answer-grid p{margin:0;font-size:10.5px}.notes-layout{grid-template-columns:330px minmax(500px,1fr);align-items:start;gap:18px;display:grid}.form-panel.compact{position:sticky;top:90px}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented.two{grid-template-columns:1fr 1fr}.segmented button{color:#677589;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:9px 5px;font-size:10.5px;font-weight:600;display:flex}.segmented button small{color:#9ca8b8;font-size:8px}.segmented button.active{color:#2563eb;background:#edf4ff;border-color:#8eb5f8}.saved-note{color:#8491a4;border-top:1px solid #edf1f6;align-items:center;gap:9px;margin-top:17px;padding-top:14px;display:flex}.saved-note div{flex-direction:column;display:flex}.saved-note strong{color:#64748b;font-size:9px}.saved-note span{margin-top:2px;font-size:8.5px}.note-skeleton{padding:25px}.note-skeleton div{background:linear-gradient(90deg,#edf1f6,#f7f9fc,#edf1f6) 0 0/200%;border-radius:5px;height:13px;margin:14px 0;animation:1.2s infinite shine}.note-skeleton div:first-child{width:60%;height:40px}.note-skeleton div:nth-child(3){width:90%}.note-skeleton div:nth-child(4){width:80%}@keyframes shine{to{background-position:-200%}}.notes-paper{overflow:hidden}.notes-paper>header{background:#f3f7fd;border-bottom:1px solid #dfe8f4;justify-content:space-between;padding:23px 26px;display:flex}.notes-paper header span:not(.revised-badge){color:#2563eb;text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:800}.notes-paper header h2{margin:5px 0 3px;font-size:22px}.notes-paper header p{color:#8491a4;margin:0;font-size:9.5px}.revised-badge{color:#1a9a62;background:#fff;border:1px solid #d7eadf;border-radius:7px;align-self:start;align-items:center;gap:4px;padding:6px 8px;font-size:9px;display:flex}.note-section{padding:18px 26px 0}.note-section h3{align-items:center;gap:9px;margin:0 0 10px;font-size:12.5px;display:flex}.note-section h3 span{color:#2563eb;background:#edf4ff;border-radius:6px;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.note-section p,.note-section li{color:#5c697b;font-size:10.5px;line-height:1.65}.note-section ul{padding-left:18px}.note-section li{margin:4px 0}.definitions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.definitions p{background:#fafbfc;border:1px solid #edf1f5;border-radius:8px;flex-direction:column;margin:0;padding:10px;display:flex}.definitions strong{color:var(--navy);font-size:10px}.fact-box{background:#f7f8fb;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.fact-box code{color:#455469;font-family:inherit;font-size:10px}.quick-summary{color:#7c3aed;background:#f2efff;border:1px solid #e4ddff;border-radius:10px;gap:10px;margin:20px 26px;padding:13px;display:flex}.quick-summary strong{font-size:10.5px}.quick-summary p{color:#625b76;margin:4px 0 0;font-size:10px;line-height:1.5}.notes-paper footer{border-top:1px solid #edf1f5;justify-content:flex-end;gap:7px;padding:15px 26px;display:flex}.quiz-setup{grid-template-columns:minmax(350px,.8fr) minmax(330px,1.2fr);align-items:start;gap:18px;display:grid}.quiz-preview{flex-direction:column;gap:12px;display:flex}.preview-card{color:#fff;background:linear-gradient(135deg,#192f52,#253b68);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:330px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #172c4e2e}.preview-card:after{content:"";border:45px solid #ffffff09;border-radius:50%;width:210px;height:210px;position:absolute;top:-60px;right:-70px}.preview-card>span:nth-child(2){letter-spacing:1.3px;color:#a9c6f6;margin:17px 0 5px;font-size:8.5px;font-weight:800}.preview-card h2{max-width:400px;margin:0;font-size:22px}.preview-card>p{color:#b7c3d7;margin:7px 0 22px;font-size:11px}.preview-card>div{flex-wrap:wrap;gap:15px;display:flex}.preview-card>div span{color:#dce7f8;align-items:center;gap:5px;font-size:9.5px;display:flex}.quiz-tip{color:#d49314;background:#fff9e9;border:1px solid #f3e4b9;border-radius:11px;align-items:flex-start;gap:10px;padding:12px;display:flex}.quiz-tip p{color:#786b4e;margin:0;font-size:10px;line-height:1.5}.quiz-tip strong{color:#564b33;display:block}.quiz-focus{max-width:850px;margin:20px auto}.quiz-top{grid-template-columns:1fr 1.5fr 1fr;align-items:center;margin-bottom:20px;display:grid}.quiz-top>div{text-align:center}.quiz-top>div>span{color:#8491a4;letter-spacing:.7px;font-size:9px;font-weight:700}.quiz-progress{background:#dfe6ef;border-radius:9px;height:5px;margin-top:7px;overflow:hidden}.quiz-progress i{background:#2563eb;border-radius:9px;height:100%;transition:all .3s;display:block}.difficulty{color:#7251c9;background:#f1edff;border-radius:6px;justify-self:end;padding:5px 8px;font-size:9px}.question-card{padding:27px 32px}.question-meta{color:#7b8aa0;justify-content:space-between;font-size:9px;display:flex}.question-meta span:last-child{color:#16945d;background:#eaf8f1;border-radius:5px;padding:4px 7px}.question-card h2{margin:26px 0;font-size:21px;line-height:1.4}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.options button{text-align:left;color:#455469;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:10px;align-items:center;gap:10px;padding:13px;font-size:11.5px;display:flex}.options button>span{color:#64748b;background:#f2f5f9;border-radius:7px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:750;display:grid}.options button>svg{margin-left:auto}.options button:hover,.options button.selected{color:#1d4ed8;background:#f5f9ff;border-color:#6ea1f5}.options button.selected>span{color:#fff;background:#2563eb}.question-actions{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;margin-top:25px;padding-top:17px;display:flex}.question-actions small{color:#8b98a9;align-items:center;gap:6px;font-size:9.5px;display:flex}.result-layout{grid-template-columns:.7fr 1.3fr;gap:18px;display:grid}.score-card{text-align:center;padding:28px}.score-ring{--score:0deg;background:conic-gradient(#2563eb var(--score),#e8eef6 0);border-radius:50%;place-items:center;width:150px;height:150px;margin:0 auto 18px;display:grid;position:relative}.score-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px}.score-ring>div{z-index:1;flex-direction:column;display:flex}.score-ring strong{font-size:29px}.score-ring span{color:#8491a4;font-size:9px}.score-card h2{margin:0;font-size:18px}.score-card>p{color:#7b8798;font-size:10.5px}.result-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.result-stats span{color:#748195;background:#f6f8fb;border-radius:9px;justify-content:center;align-items:center;gap:4px;padding:10px;font-size:9px;display:flex}.result-stats svg{color:#16a064;width:15px}.result-stats span:last-child svg{color:#e35656}.result-stats b{color:var(--navy);font-size:12px}.weak-analysis{padding:28px}.weak-analysis h2{margin:17px 0 6px;font-size:22px}.weak-analysis>p{color:#718096;font-size:11px;line-height:1.6}.next-step{color:#7c3aed;background:#f2efff;border-radius:10px;align-items:center;gap:9px;margin:18px 0;padding:13px;display:flex}.next-step div{flex-direction:column;display:flex}.next-step strong{font-size:10.5px}.next-step span{color:#726d7e;margin-top:2px;font-size:9.5px}.result-buttons{flex-wrap:wrap;gap:7px;display:flex}.review-list{flex-direction:column;gap:10px;display:flex}.review-list>.btn{align-self:start}.review-item{padding:18px}.review-item>div:first-child{gap:10px;display:flex}.review-item>div:first-child>span{border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.review-item.right>div:first-child>span{color:#15965d;background:#e9f9f0}.review-item.wrong>div:first-child>span{color:#dc5050;background:#fff0f0}.review-item small{color:#94a3b8;font-size:8px}.review-item h3{margin:3px 0 10px;font-size:13px}.review-item>p{color:#68778a;margin-left:41px;font-size:10.5px}.review-item aside{color:#d39a24;background:#fff9e9;border-radius:8px;gap:8px;margin-left:41px;padding:10px;display:flex}.review-item aside p{color:#6e654f;margin:0;font-size:10px}.progress-grid{grid-template-columns:1.35fr .85fr;gap:16px;margin-bottom:16px;display:grid}.chart-panel,.subject-panel{min-height:310px}.trend,.status-dot{color:#15965d;background:#eaf8f1;border-radius:6px;padding:5px 7px;font-size:8.5px}.bar-chart{justify-content:space-around;align-items:flex-end;height:230px;padding:25px 25px 18px;display:flex}.bar-chart>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;width:36px;height:100%;display:flex}.bar-chart span{color:#7b8798;font-size:8px}.bar-chart i{background:linear-gradient(#6a9cf2,#2563eb);border-radius:5px 5px 2px 2px;width:24px;min-height:10px;display:block}.bar-chart small{color:#94a3b8;font-size:8px}.subject-panel{padding-bottom:16px}.progress-row{padding:13px 20px 0}.progress-row>div{justify-content:space-between;font-size:10.5px;display:flex}.progress-row b{font-size:10px}.progress-row>i{background:#edf1f5;border-radius:9px;height:6px;margin-top:7px;display:block;overflow:hidden}.progress-row>i>span{border-radius:9px;height:100%;display:block}.progress-row span.blue{background:#2563eb}.progress-row span.purple{background:#7c3aed}.progress-row span.orange{background:#f59e0b}.subject-callout{color:#7c3aed;background:#f2efff;border-radius:9px;align-items:center;gap:8px;margin:18px 20px 0;padding:10px;display:flex}.subject-callout span{flex-direction:column;display:flex}.subject-callout small{color:#807a8d;font-size:8px}.subject-callout strong{font-size:10.5px}.weak-section{margin-bottom:16px}.weak-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.weak-grid article{border-right:1px solid #edf1f5;align-items:center;gap:10px;padding:17px 18px;display:flex}.weak-grid article:last-child{border:0}.weak-grid article>div{flex-direction:column;flex:1;display:flex}.weak-grid strong{font-size:10.5px}.weak-grid article span:not(.weak-icon){color:#94a3b8;margin-top:3px;font-size:8.5px}.weak-icon{color:#ed6d41;background:#fff0eb;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.weak-icon.w1{color:#e2a329;background:#fff8e7}.weak-icon.w2{color:#7c3aed;background:#f2edff}.weak-grid .btn{padding:7px 9px;font-size:9px}.history{overflow:hidden}.history-table>div{color:#6d7b8d;border-top:1px solid #edf1f5;grid-template-columns:2fr .7fr .6fr .6fr;align-items:center;padding:11px 20px;font-size:10px;display:grid}.history-table .history-head{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;background:#fafbfc;border:0;font-size:8px}.history-table>div>span:first-child{align-items:center;gap:8px;display:flex}.history-table i{color:#2563eb;background:#edf4ff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.history-table b{color:var(--navy);font-size:10px}.history-table b.good{color:#15965d;background:#eaf8f1;border-radius:5px;padding:4px 7px}.history-table b.okay{color:#bd7a12;background:#fff7e7;border-radius:5px;padding:4px 7px}.modal-wrap{z-index:100;background:#0f1d327a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;width:min(420px,100%);padding:28px}.danger-icon{color:#dc2626;background:#fff0f0;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto;display:grid}.modal h2{font-size:19px}.modal p{color:#718096;font-size:11px;line-height:1.6}.modal>div{justify-content:center;gap:8px;margin-top:20px;display:flex}.about-hero{text-align:center;padding:55px 20px 60px}.hero-mark{color:#fff;background:#2563eb;border-radius:18px;place-items:center;width:60px;height:60px;margin:0 auto 20px;display:grid;box-shadow:0 12px 30px #2563eb40}.about-hero h1{letter-spacing:-2px;margin:0;font-size:43px;line-height:1.12}.about-hero h1 em{color:#2563eb;font-style:normal}.about-hero p{color:#6f7d90;max-width:630px;margin:18px auto 22px;font-size:13px;line-height:1.7}.problem-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:60px;display:grid}.problem-grid article{padding:28px;position:relative}.problem-grid .number{color:#e4eaf2;font-size:38px;font-weight:800;position:absolute;top:18px;right:25px}.problem-grid h2{font-size:19px}.problem-grid p{color:#6c7a8d;font-size:11.5px;line-height:1.7}.problem-grid .solution{color:#fff;background:#183052;border:0}.problem-grid .solution .number{color:#ffffff1a}.problem-grid .solution p{color:#b8c6d9}.centered{text-align:center;justify-content:center}.how{margin-bottom:60px}.how-grid{grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid}.how-grid article{text-align:center;padding:5px 25px;position:relative}.how-grid article>span{color:#9ca8b8;font-size:8px}.how-grid article>i{color:#2563eb;background:#edf4ff;border-radius:14px;place-items:center;width:49px;height:49px;margin:8px auto 12px;display:grid}.how-grid h3{margin:0;font-size:13px}.how-grid p{color:#8491a4;font-size:10px;line-height:1.5}.how-arrow{color:#cbd5e1;position:absolute;top:45px;right:-9px}.difference{grid-template-columns:.8fr 1.4fr;align-items:center;margin-bottom:60px;padding:30px;display:grid}.difference h2{max-width:320px;font-size:25px}.compare{grid-template-columns:1fr 30px 1fr;align-items:center;gap:12px;display:grid}.compare>div:not(.vs){border:1px solid #e4eaf2;border-radius:12px;padding:17px}.compare strong{margin-bottom:10px;font-size:12px;display:block}.compare p{color:#7b8798;border-top:1px solid #edf1f5;padding-top:8px;font-size:10px}.compare .vs{color:#94a3b8;text-align:center;font-size:8px;font-weight:800}.muted-dot,.blue-dot{background:#94a3b8;border-radius:50%;width:8px;height:8px;margin-bottom:8px;display:block}.blue-dot{background:#2563eb}.pilot-compare{background:#f6f9ff;border-color:#cfe0fb!important}.pilot-compare p{color:#526176;gap:5px;display:flex}.pilot-compare p svg{color:#16a064;width:13px}.benefits{margin-bottom:60px}.benefit-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.benefit-grid article{padding:25px}.benefit-grid span{color:#2563eb;letter-spacing:1px;font-size:8px;font-weight:800}.benefit-grid h3{font-size:17px}.benefit-grid p{color:#718096;font-size:11px;line-height:1.7}.future{background:#eaf2ff;border-radius:18px;grid-template-columns:.7fr 1.3fr;align-items:center;gap:35px;padding:32px;display:grid}.future h2{margin:0;font-size:23px}.future>div>p{color:#6f7d90;font-size:11px}.future-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.future-grid article{color:#2563eb;background:#fff;border:1px solid #dbe7f8;border-radius:9px;align-items:center;gap:8px;padding:11px;display:flex}.future-grid span{color:#425169;font-size:10px;font-weight:600}.demo-guide{z-index:30;color:#fff;background:#172f53;align-items:center;gap:16px;padding:10px 35px;display:flex;position:sticky;top:70px;box-shadow:0 8px 20px #0f23412e}.demo-progress{gap:4px;display:flex}.demo-progress span{background:#4b6080;border-radius:5px;width:21px;height:4px}.demo-progress span.done{background:#7aa9ff}.demo-guide>div:nth-child(2){flex-direction:column;flex:1;display:flex}.demo-label{color:#9bbcf0;letter-spacing:.9px;font-size:7.5px;font-weight:800}.demo-guide strong{margin-top:2px;font-size:11px}.demo-guide .icon-btn{color:#b8c8dc}.toast{z-index:120;color:#fff;background:#142b4b;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:11px;animation:.25s toast-in;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 35px #0f234140}.toast svg{color:#65d59c}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.bottom-nav,.scrim{display:none}@media (max-width:1050px){.metrics,.action-grid{grid-template-columns:1fr 1fr}.weak-grid{grid-template-columns:1fr}.weak-grid article{border-bottom:1px solid #edf1f5;border-right:0}.difference,.future,.definitions{grid-template-columns:1fr}.demo-progress{display:none}}@media (max-width:800px){.sidebar{transition:all .25s;transform:translate(-102%)}.sidebar.open{transform:translate(0);box-shadow:15px 0 35px #10233f2e}.scrim{z-index:45;background:#10233f59;border:0;display:block;position:fixed;inset:0}.mobile-close,.menu-btn,.mobile-logo{display:block}.mobile-logo .logo-mark{width:32px;height:32px}.mobile-logo .logo span:last-child{display:none}main{margin-left:0}header{height:62px;padding:0 16px}.page-wrap{padding:24px 17px 90px}.content-split,.notes-layout,.quiz-setup,.result-layout,.progress-grid,.dashboard-columns{grid-template-columns:1fr}.form-panel.compact{position:static}.bottom-nav{z-index:40;border-top:1px solid var(--line);height:64px;padding:5px 4px max(5px,env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#8390a2;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px;font-size:8px;display:flex}.bottom-nav button.active{color:#2563eb}.welcome{flex-direction:column;align-items:flex-start;gap:17px;padding:22px}.welcome:after{right:-40px}.streak-pill{width:100%}.problem-grid,.benefit-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr 1fr;gap:25px 0}.how-arrow{display:none}.difference{padding:22px}.compare{grid-template-columns:1fr}.compare .vs{padding:2px}.about-hero{padding:35px 5px 45px}.about-hero h1{font-size:34px}.demo-guide{gap:8px;padding:9px 13px;top:62px}.demo-guide .btn{padding:8px 9px;font-size:9px}.demo-guide strong{font-size:9.5px}}@media (max-width:560px){.metrics,.action-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{gap:9px;padding:12px}.metric-icon{width:36px;height:36px}.metric strong{font-size:16px}.action-card{align-items:flex-start;padding:12px}.action-card>svg{display:none}.action-icon{width:36px;height:36px}.page-head{align-items:flex-start;gap:14px}.page-head h1{font-size:25px}.page-head>.btn{padding:7px}.form-row,.options,.answer-grid,.choice-strip>div{grid-template-columns:1fr}.notes-paper>header{padding:18px}.notes-paper header h2{font-size:18px}.note-section{padding-left:18px;padding-right:18px}.notes-paper footer{justify-content:flex-start;padding:13px 18px;overflow-x:auto}.quiz-top{grid-template-columns:1fr 1fr}.quiz-top>.difficulty{display:none}.question-card{padding:20px}.question-card h2{font-size:18px}.question-actions{align-items:flex-end;gap:12px}.question-actions small{max-width:160px}.history-table .history-head{display:none}.history-table>div{grid-template-columns:1.5fr .5fr .5fr}.history-table>div>span:nth-child(2){display:none}.how-grid,.future-grid{grid-template-columns:1fr}.demo-guide>div:nth-child(2){min-width:90px}.demo-label,.demo-guide .icon-btn{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}