@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#173f42;background:#f6f8f6;font-synthesis:none;font-size:14px;--teal:#165b56;--muted:#758583;--line:#e4eae6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d59848;outline-offset:3px}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.4;font-weight:750}h2{font-size:21px;letter-spacing:-.6px;font-weight:750}h3{font-size:15px}.muted{color:var(--muted);line-height:1.7}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#6b8780}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:38px 22px 24px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:#174d48;color:#def2d9;border-radius:12px;width:40px;height:40px;font-size:37px;font-weight:500;line-height:1}.brand-sub{display:block;font:7px DM Sans,sans-serif;letter-spacing:1.55px;color:#8b9b93;margin-top:5px}.new-quiz{margin:35px 0 34px;border:1px solid #d8e6de;background:#eff6f0;color:#255c4f;border-radius:8px;min-height:43px;font-weight:650;display:flex;justify-content:center;align-items:center;gap:11px}.new-quiz:hover{background:#e2eee3}.new-quiz>span{font-size:22px;font-weight:400}.history-heading{display:flex;align-items:center;justify-content:space-between;margin:0 10px 15px}.history-heading h2{font:600 11px DM Sans,sans-serif;text-transform:uppercase;letter-spacing:1.6px;color:#84918d}.history-heading>span{font-size:10px;color:#72837c;background:#f1f5f1;border-radius:4px;padding:2px 6px}.sessions{overflow-y:auto;flex:1;min-height:100px}.session{width:100%;display:flex;text-align:left;gap:11px;background:transparent;border:1px solid transparent;border-radius:9px;padding:15px 10px;margin-bottom:8px;color:#3e5a56}.session.selected{background:#edf5ee;border-color:#e0eade}.session:hover{background:#f2f6f1}.session-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d6e4d7;border-radius:50%;color:#63856b;margin-top:1px}.session strong{display:block;font-size:12px;font-weight:650}.session strong small{font-weight:400;font-size:10px;margin-left:9px;color:#7e9485}.session time,.session-detail{display:block;font-size:10px;color:#8b9991;margin-top:5px}.session-detail{font-size:9px;color:#6b8974}.empty-history{text-align:center;color:#8d9f95;padding:30px 8px;line-height:1.7}.empty-history>span{font-size:34px;color:#b1c9ba}.empty-history p{font-size:12px;margin:12px 0 7px}.empty-history small{font-size:10px}.sidebar-bottom{border-top:1px solid var(--line);padding-top:17px;margin-top:15px}.settings-button{border:0;background:none;color:#526c62;padding:8px 11px;text-align:left;width:100%;font-size:12px}.settings-button>span{margin-right:11px;font-size:18px}.privacy{font-size:10px;color:#7f9187;line-height:1.9;margin:22px 10px 0}.privacy>span:last-child{padding-left:12px;color:#a1ada5}.privacy-dot{display:inline-block;width:5px;height:5px;background:#95b9a2;border-radius:100%;margin-right:7px}main{max-width:1550px;width:100%;padding:48px 45px 22px;min-width:0;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:20px}.page-header .eyebrow{margin-bottom:8px}.page-header .muted{font-size:12px;margin-top:6px}.header-badge{display:flex;gap:8px;align-items:center;color:#7b907d;font-size:10px;white-space:nowrap}.header-badge>span{font-size:22px;color:#9eb197}.content-grid{display:grid;grid-template-columns:minmax(350px,1.15fr) minmax(340px,1fr);gap:26px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 16px #173f4203}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.heat-panel{padding:26px 23px}.heat-panel .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:7px}.heat-panel h2{font-size:20px}.pill{font-size:9px;padding:6px 9px;border:1px solid #e8eee8;border-radius:20px;color:#8a9b91;white-space:nowrap}.heat-panel>.muted{font-size:10px;margin:13px 0 22px}.matrix-scroll{overflow:auto;padding:2px}.matrix{border-spacing:4px;width:100%;table-layout:fixed;min-width:300px}.matrix th{font-size:9px;color:#87968c;font-weight:500;height:22px}.matrix th:first-child{width:18px}.matrix td{padding:0}.fact{display:block;width:100%;aspect-ratio:1;border:0;border-radius:4px;background:#edf0ed;color:#b0b9b1;font-size:clamp(7px,.7vw,10px);padding:0;min-height:20px}.fact.seen{background:var(--score-color);color:#345c48}.fact:hover{outline:2px solid #6b8c76;outline-offset:1px}.legend{display:flex;gap:15px;align-items:center;justify-content:center;font-size:8px;color:#89968a;margin:22px 0 17px}.legend>span{display:flex;align-items:center;gap:5px}.swatch{width:9px;height:9px;border-radius:2px;display:inline-block}.gray{background:#edf0ed}.gradient{display:inline-block;width:45px;height:8px;background:linear-gradient(90deg,#d69797,#dadb98,#99d6bd);border-radius:3px}.heat-note{border-top:1px solid #f0f3ee;padding-top:16px;font-size:9px;line-height:1.8;color:#93a08f}.quiz-panel{padding:26px 28px 20px}.quiz-panel>.section-heading>.eyebrow{font-size:8px;letter-spacing:1.15px}.live-dot{font-size:9px;color:#7e9a80;white-space:nowrap}.live-dot:before{content:"";display:inline-block;background:#8db18c;width:5px;height:5px;border-radius:50%;margin-right:5px}.quiz-meta{display:flex;justify-content:space-between;margin-top:28px;font-size:11px;color:#547462}.quiz-meta .muted{font-size:10px}.progress-track,.timer-track{height:5px;background:#edf2ed;border-radius:5px;overflow:hidden}.progress-track{margin-top:11px}.progress-track>div{height:100%;background:#a9c5a5;transition:width .2s}.question-area{text-align:center;padding:35px 0 26px;min-height:315px}.question-area>p{font-size:11px}.equation{display:flex;align-items:center;justify-content:center;gap:16px;font-family:Manrope,sans-serif;font-size:clamp(38px,4.2vw,65px);font-weight:650;color:#234b42;letter-spacing:-2px;margin:22px 0 28px;white-space:nowrap}.equation>span:not(.question-mark){font-weight:400;color:#9caf9f;font-size:.7em}.question-mark{color:#8eae88}.answer-row{display:flex;gap:9px;max-width:310px;margin:auto}.answer-row input{width:100%;min-width:0;border:1px solid #dce5d8;border-radius:7px;background:#fafcf9;color:#204e42;text-align:center;font-size:17px;padding:12px}.answer-row input:focus{outline:2px solid #8eaf91;outline-offset:2px}.answer-row input::placeholder{font-size:13px;color:#a2afa1}.primary{border:1px solid #235c4e;border-radius:7px;background:#225d50;color:#fff;padding:13px 20px;font-size:12px;font-weight:550;white-space:nowrap;box-shadow:0 2px 3px #153d4512}.primary:hover{background:#164a3e}.primary>span{margin-left:10px;color:#c1d9c9}#answer-help{font-size:9px;margin-top:12px}.timer-line{display:flex;justify-content:space-between;font-size:9px;color:#94a08e;margin-bottom:8px}.timer-line strong{font-weight:500;font-variant-numeric:tabular-nums}.timer-track{height:3px}.timer-track>div{height:100%;background:#9abd9e;transition:width .1s linear}.timer-track>div.urgent{background:#d6a17d}.quiz-footer{border-top:1px solid #eff2ec;margin-top:22px;padding-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#93a18b}.tip{display:flex;align-items:center;gap:13px;padding:23px 10px;color:#8b9b84;font-size:10px;line-height:1.8}.tip>span{font-size:26px;color:#9eaf93}.tip strong{font-weight:500;color:#71866c}.ocean-note{display:flex;gap:12px;align-items:center;justify-content:center;color:#a2af9a;font-size:10px;line-height:1.9;margin:24px 0}.ocean-note>span{font-size:40px;color:#c4d2bc}.ocean-note strong{font-weight:400;font-size:9px}footer{margin-top:44px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:9px;color:#a7b2a1}footer>span{font-style:italic}.welcome{text-align:center;padding:30px 30px 25px}.welcome h2{font-size:32px;line-height:1.3;letter-spacing:-1.1px;margin:15px 0}.welcome>.muted{font-size:12px;max-width:320px;margin:auto}.welcome>.eyebrow{font-size:8px;letter-spacing:1.5px}.welcome-details{display:flex;justify-content:center;gap:25px;font-size:9px;color:#859881;margin:24px 0}.welcome-details strong{display:block;font-size:17px;font-weight:600;color:#4e7058;margin-bottom:4px}.welcome>.small{font-size:9px;margin-top:15px}.welcome-art{width:150px;height:120px;position:relative;margin:0 auto 20px;display:grid;place-items:center}.welcome-art>span{background:#e2efde;color:#65896a;font-size:73px;font-family:Manrope,sans-serif;line-height:1;width:90px;height:90px;border-radius:29px;display:grid;place-items:center;transform:rotate(-10deg);box-shadow:10px 10px #f3f6ed}.orbit{position:absolute;border:1px solid #d9e8d1;border-radius:50%;width:150px;height:100px;transform:rotate(-30deg)}.orbit-two{transform:rotate(40deg);height:120px;width:135px}.bubble{position:absolute;width:8px;height:8px;border-radius:50%;background:#d0dfbe}.b1{left:6px;top:15px}.b2{right:0;bottom:15px;width:11px;height:11px}.b3{right:12px;top:10px;width:5px;height:5px}.feedback{display:flex;flex-direction:column;gap:6px;font-size:11px;margin-top:-10px;margin-bottom:16px}.feedback span{font-size:10px;color:#8b9a88}.correct strong{color:#518566}.incorrect strong{color:#b16f5e}.next-button{padding:10px 16px}.report{text-align:center;padding:32px 25px}.report>.eyebrow{font-size:9px}.report-icon{font-size:45px;color:#9ebd8d;margin:15px 0}.report h2{font-size:25px;margin-bottom:12px}.report>.muted{font-size:11px}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 22px}.report-stats strong{display:block;font-size:28px;font-weight:500;color:#37664f}.report-stats span{display:block;font-size:9px;color:#8a9b83;margin-top:6px}.report>p:not(.eyebrow){font-size:11px;line-height:1.9}.report>.primary{margin-top:25px}.practice-list{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.practice-list h3{margin-bottom:15px}.practice-chip{display:inline-block;background:#f6f3eb;border:1px solid #ede7da;border-radius:5px;color:#8a7b5a;padding:6px 9px;margin:3px;font-size:11px}.practice-chip small{font-size:8px}.success-note{color:#638467;margin-top:20px}.settings-panel{padding:25px;margin-bottom:25px}.settings-panel>.muted{font-size:11px;margin:10px 0 20px}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.settings-grid label{font-size:11px;color:#69806c}.settings-grid input{width:100%;display:block;padding:10px;border:1px solid #d7e2d4;border-radius:5px;margin-top:8px;color:#305a47}.settings-grid+.muted{margin:12px 0}#settings-error{color:#a34838;font-size:12px;margin-bottom:10px}.text-button{border:0;background:none;color:#648167;text-decoration:underline;font-size:12px}.error-banner{background:#fdf0e8;border:1px solid #e4b7a0;color:#91462b;padding:15px;border-radius:8px;margin-bottom:20px;line-height:1.7}.notice{font-size:12px;margin-bottom:20px;color:#517b54}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1500px){main{padding:55px 65px}.content-grid{gap:35px}.fact{font-size:11px}.quiz-panel{padding:30px 35px}.question-area{padding:40px 0;min-height:350px}.heat-panel{padding:30px}.matrix{border-spacing:5px}.heat-panel>.muted{font-size:11px}.heat-note,.legend{font-size:10px}}@media(max-width:1150px){main{padding:35px 25px}.sidebar{width:225px;padding-left:17px;padding-right:17px}.header-badge{display:none}.content-grid{grid-template-columns:minmax(0,1fr);max-width:650px;margin:auto}.heat-panel{padding:25px 30px}.fact{font-size:11px}.page-header{max-width:650px;margin:0 auto 28px}.equation{font-size:60px}.question-area{min-height:310px}.matrix{border-spacing:5px}.settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:14px}.brand{font-size:21px}.brand-mark{width:35px;height:35px;font-size:32px}.new-quiz{margin:0;min-height:36px;font-size:11px;padding:0 12px}.history-heading{display:none}.sessions{grid-column:1/-1;display:flex;gap:8px;overflow-x:auto;min-height:0;max-height:125px}.session{min-width:178px;width:auto;margin:0;padding:10px}.empty-history{display:none}.sidebar-bottom{border:0;margin:0;padding:0;grid-column:1/-1}.settings-button{padding:0;width:auto;font-size:10px}.settings-button>span{font-size:15px}.privacy{display:none}main{padding:28px 18px 20px}h1{font-size:26px}.page-header .eyebrow{font-size:8px}.page-header .muted{font-size:11px}.content-grid{gap:2px}.quiz-panel{padding:23px 20px 20px}.quiz-panel>.section-heading>.eyebrow{font-size:7px}.live-dot{font-size:8px}.equation{font-size:50px;gap:13px}.quiz-footer{font-size:8px}.question-area{padding:30px 0 20px}.heat-panel{padding:24px 18px}.welcome{padding:25px 20px}.welcome h2{font-size:29px}.tip{font-size:9px;padding:20px 7px}.fact{font-size:9px}.matrix{border-spacing:3px}footer{margin-top:25px;font-size:8px}.report-stats strong{font-size:25px}.settings-panel{padding:20px}.welcome-details{gap:18px}}.operation-control{display:flex;align-items:center;gap:12px;font-size:12px;margin:18px 0;color:var(--muted)}.operation-control select{font:inherit;background:transparent;color:inherit;border:1px solid var(--line);border-radius:5px;padding:7px;max-width:180px}#setup-form>.primary{margin-top:20px}.theme-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 11px;font-size:12px;color:#526c62}.theme-control select{font:inherit;border:1px solid var(--line);border-radius:5px;padding:6px;color:inherit;background:#f6f8f6;max-width:110px}.clear-sessions{color:#a34838;font-size:11px}button:disabled,select:disabled{opacity:.5;cursor:not-allowed}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;background:#0e1e1d;color:#dcebe5;--muted:#a3b8af;--line:#314740;--teal:#a2d8be}[data-theme=dark] .sidebar,[data-theme=dark] .panel{background:#172c29;box-shadow:none}[data-theme=dark] .new-quiz,[data-theme=dark] .session.selected{background:#234339;border-color:#416253;color:#c5e7d2}[data-theme=dark] .new-quiz:hover,[data-theme=dark] .session:hover{background:#2c4a3e}[data-theme=dark] .session{color:#c6ddd0}[data-theme=dark] .session-icon{color:#a8c9b0;border-color:#526b58}[data-theme=dark] .history-heading>span{background:#293e34;color:#bed3c0}[data-theme=dark] .settings-button,[data-theme=dark] .theme-control,[data-theme=dark] .settings-grid label,[data-theme=dark] .text-button{color:#bad0be}[data-theme=dark] .theme-control select,[data-theme=dark] .settings-grid input,[data-theme=dark] .answer-row input{background:#10231f;color:#e0ede0;border-color:#57735d}[data-theme=dark] .answer-row input::placeholder{color:#9cb19b}[data-theme=dark] .clear-sessions,[data-theme=dark] #settings-error{color:#f0ada0}[data-theme=dark] .eyebrow,[data-theme=dark] .brand-sub,[data-theme=dark] .history-heading h2,[data-theme=dark] .session time,[data-theme=dark] .session-detail,[data-theme=dark] .session strong small,[data-theme=dark] .privacy,[data-theme=dark] .privacy>span:last-child,[data-theme=dark] .empty-history,[data-theme=dark] .header-badge,[data-theme=dark] .pill,[data-theme=dark] .matrix th,[data-theme=dark] .legend,[data-theme=dark] .heat-note,[data-theme=dark] .live-dot,[data-theme=dark] .quiz-meta,[data-theme=dark] .timer-line,[data-theme=dark] .quiz-footer,[data-theme=dark] .tip,[data-theme=dark] .tip strong,[data-theme=dark] .ocean-note,[data-theme=dark] footer,[data-theme=dark] .feedback span,[data-theme=dark] .welcome-details,[data-theme=dark] .report-stats span{color:#a3b8a7}[data-theme=dark] .pill,[data-theme=dark] .heat-note,[data-theme=dark] .quiz-footer{border-color:var(--line)}[data-theme=dark] .fact:not(.seen),[data-theme=dark] .gray{background:#394640;color:#a6b0a7}[data-theme=dark] .fact.seen{color:#18372a}[data-theme=dark] .equation,[data-theme=dark] .welcome-details strong,[data-theme=dark] .report-stats strong{color:#d5ead3}[data-theme=dark] .question-mark{color:#b4d7a8}[data-theme=dark] .primary{background:#35755f;border-color:#5b9479;color:#fff}[data-theme=dark] .primary:hover{background:#40836b}[data-theme=dark] .progress-track,[data-theme=dark] .timer-track{background:#30483a}[data-theme=dark] .correct strong,[data-theme=dark] .success-note,[data-theme=dark] .notice{color:#a6d8b2}[data-theme=dark] .incorrect strong{color:#efb09d}[data-theme=dark] .welcome-art>span{background:#31503b;color:#b8d7aa;box-shadow:10px 10px #20362a}[data-theme=dark] .orbit{border-color:#4b6750}[data-theme=dark] .bubble{background:#728d61}[data-theme=dark] .practice-chip{background:#3b392b;border-color:#625a3e;color:#e2d4a9}[data-theme=dark] .error-banner{background:#472e28;border-color:#9c6856;color:#ffd2bd}@media(max-width:650px){.sidebar-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.theme-control{padding:0;font-size:10px;gap:7px}.theme-control select{padding:4px;max-width:90px}.clear-sessions{font-size:10px}.equation{font-size:clamp(30px,8vw,50px);gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
