:root{font-family:DM Sans,system-ui,sans-serif;color:#222722;background:#f6f5f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#f6f5f1;--surface:#fff;--surface2:#f8f8f5;--ink:#222722;--muted:#777d77;--line:#e9eae4;--green:#375d4d;--green-dark:#294b3d;--mint:#e8f1eb;--soft:#eef0e9;--shadow:0 12px 35px rgba(45,57,45,.055);--amber:#f5ead8;--blue:#e5eef1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #78a993;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;max-width:1600px;margin:auto;display:grid;grid-template-columns:236px minmax(0,1fr)}.rail{height:100vh;position:sticky;top:0;padding:30px 17px 22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg);z-index:4}.brand,.mobile-brand{display:flex;align-items:center;gap:11px;color:var(--ink);font:800 19px Manrope,sans-serif;text-decoration:none;letter-spacing:-.6px}.brand{padding:0 10px 45px}.brand-mark{width:37px;height:37px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center}.rail nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:11px;color:#797f78;text-align:left;font-size:14px;font-weight:600;transition:.16s}.nav-item svg{width:18px;height:18px;stroke-width:1.8}.nav-item:hover{background:var(--soft);color:var(--ink)}.nav-item.active{background:var(--mint);color:var(--green-dark)}.rail-bottom{margin-top:auto;border-top:1px solid var(--line);padding:17px 7px 0;display:flex;align-items:center;gap:10px}.avatar{height:36px;width:36px;border-radius:50%;background:#e7dfd1;color:#685840;font-weight:700;display:grid;place-items:center}.rail-bottom b,.rail-bottom small{display:block}.rail-bottom b{font-size:12px}.rail-bottom small{font-size:10px;color:var(--muted);margin-top:3px}.main{min-width:0;padding:0 48px 60px}.topbar{height:76px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:12px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#92968f}.breadcrumb span{color:#464c46;font-weight:600}.top-actions{margin-left:auto;display:flex;gap:15px;align-items:center}.streak{display:flex;align-items:center;gap:6px;font-size:12px;color:#896c3f;font-weight:600}.streak svg{color:#d39a54}.icon-button,.plain-icon{border:0;background:transparent;display:grid;place-items:center;color:#747b74;border-radius:9px;padding:8px}.icon-button:hover,.plain-icon:hover{background:var(--soft);color:var(--ink)}.mobile-brand,.mobile-nav{display:none}.page{max-width:1060px;margin:0 auto}.home-page{padding-top:31px}.welcome-row{min-height:172px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow,.step-label{font-size:10px;letter-spacing:1.15px;font-weight:700;color:#788278;display:flex;align-items:center;gap:7px}.welcome-row h1,.page-intro h1,.onboarding-page h1{font:800 34px/1.2 Manrope,sans-serif;letter-spacing:-1.4px;margin:10px 0 8px}.welcome-row p,.page-intro p,.onboarding-page>p{color:var(--muted);font-size:14px;max-width:540px;line-height:1.6;margin:0}.welcome-art{width:150px;height:133px;border-radius:24px;background:#eceee7;position:relative;display:grid;place-items:center;color:#72907d;margin-right:22px;overflow:hidden}.welcome-art svg{position:relative;z-index:2}.welcome-art span:first-child{position:absolute;width:76px;height:76px;border:1px solid #c9d5c9;border-radius:50%}.welcome-art span:nth-child(2){position:absolute;width:113px;height:113px;border:1px solid #d6ded4;border-radius:50%}.daily-card{border-radius:18px;background:#e9efe8;min-height:210px;display:flex;align-items:center;justify-content:space-between;padding:29px 42px;position:relative;overflow:hidden}.daily-content{max-width:540px;z-index:1}.daily-content .eyebrow{color:#627967}.daily-content h2{font:750 23px Manrope,sans-serif;letter-spacing:-.5px;margin:12px 0 5px}.daily-content p{color:#737c73;font-size:13px;line-height:1.55;margin:0 0 19px}.primary,.secondary,.danger{border:0;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.16s}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.secondary{background:var(--soft);color:var(--ink)}.secondary:hover{background:#e3e7df}.danger{background:#a3443c;color:#fff}.danger:hover{background:#883a34}.daily-progress{display:grid;justify-items:center;gap:9px;margin-right:16px;color:#718071;font-size:10px;z-index:1}.ring{--progress:0%;width:98px;height:98px;background:conic-gradient(var(--green) var(--progress),#d5dfd4 0);border-radius:50%;display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#e9efe8}.ring div{position:relative;text-align:center;font:800 23px Manrope}.ring small{font:500 10px DM Sans,sans-serif;color:var(--muted);display:block}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:33px 0 13px}.section-heading h2,.panel-title h2{font:750 19px Manrope,sans-serif;letter-spacing:-.4px;margin:5px 0 0}.text-link{border:0;background:transparent;color:var(--green);display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;padding:8px}.text-link:hover{text-decoration:underline}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;text-align:left;padding:18px;min-height:165px;display:flex;flex-direction:column;box-shadow:0 4px 14px #141e1405;transition:.18s}.mode-card:hover{border-color:#b7cabb;box-shadow:var(--shadow);transform:translateY(-2px)}.mode-icon{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}.mode-icon svg{width:18px}.mode-icon.amber{background:var(--amber);color:#97713d}.mode-icon.blue{background:var(--blue);color:#5e7c84}.mode-title{display:flex;align-items:center;font:750 16px Manrope,sans-serif}.mode-title svg{margin-left:auto;color:#a0a59e}.mode-desc{font-size:11px;color:var(--muted);line-height:1.55;margin-top:5px;max-width:340px}.mode-detail{font-size:10px;color:#667a6b;font-weight:600;margin-top:auto;padding-top:11px}.home-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:13px;margin-top:15px}.insight-card,.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;gap:11px;align-items:flex-start}.mini-icon{flex:none;width:31px;height:31px;border-radius:9px;background:#f5eee0;color:#a17c48;display:grid;place-items:center}.mini-icon.lavender{background:#eeecf4;color:#777092}.insight-card b,.stat-card b{font-size:11px}.insight-card p,.stat-card p{font-size:10px;color:var(--muted);line-height:1.55;margin:4px 0 0}.stat-card .plain-icon{margin-left:auto}.demo-banner,.network-banner,.notice{max-width:1060px;margin:13px auto 0;padding:10px 13px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.45}.demo-banner{background:#f3eddc;color:#75603b}.demo-banner button,.network-banner button:not(.plain-icon){margin-left:auto;background:transparent;border:0;color:inherit;font-weight:700;text-decoration:underline;font-size:10px;white-space:nowrap}.network-banner{background:#f9e9e5;color:#8d443b}.notice{background:var(--mint);color:var(--green-dark)}.notice .plain-icon{margin-left:auto}.loading-state{height:55vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);font-size:13px}.spinner{width:25px;height:25px;border:2px solid #dce4dc;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.session-wrap{max-width:1000px;margin:22px auto 0}.session-head{display:flex;align-items:center;justify-content:space-between;color:#70776f;font-size:11px;font-weight:600}.back-link{background:none;border:0;padding:7px 0;color:#697269;display:flex;align-items:center;gap:7px;font-size:11px}.back-link:hover{color:var(--green)}.progress-track{height:4px;border-radius:4px;background:#e4e7e0;margin:9px 0 16px;overflow:hidden}.progress-track i{height:100%;display:block;background:#66856f;border-radius:4px;transition:width .3s}.task-card{display:grid;grid-template-columns:1fr minmax(280px,.88fr);gap:22px;padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 5px 18px #1e281e06}.task-copy{display:flex;flex-direction:column;align-items:flex-start}.task-copy .eyebrow{color:#65806d}.task-copy h1{font:750 22px Manrope,sans-serif;letter-spacing:-.55px;margin:12px 0 9px}.context{font-size:12px;color:#747a73;line-height:1.65;max-width:430px;margin:0}.task-prompt{border-left:2px solid #b2c9b7;padding:7px 0 7px 11px;color:#42594a;font-size:12px;font-weight:600;margin-top:auto}.tempo-control{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:10px;color:#7f857e}.tempo-control b{color:#4b6552}.scene-card{position:relative;background:#f4f3ee;border-radius:12px;overflow:hidden;min-height:230px;display:flex;flex-direction:column}.scene-top,.scene-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#747b72;font-size:9px}.scene-top>span:first-child,.scene-footer>span{display:flex;align-items:center;gap:6px}.live-dot{width:6px;height:6px;background:#85a58d;border-radius:50%}.scene-tag{letter-spacing:.6px;font-size:8px;font-weight:700;color:#849084}.abstract-scene{position:relative;overflow:hidden;flex:1;min-height:160px;background:radial-gradient(ellipse at 50% 85%,#d9e2d7,#e9ece4,#f4f3ee);display:grid;place-items:center}.scene-sun{position:absolute;width:112px;height:112px;background:#e3d9c8;border-radius:50%;opacity:.75;top:12px;right:16%}.portrait-halo{position:relative;width:130px;height:130px;border-radius:50%;background:#d6e1d7;display:flex;align-items:center;flex-direction:column;z-index:1;margin-top:7px}.portrait-head{position:relative;width:62px;height:74px;border-radius:49% 49% 46% 46%;background:#c6a98d;margin-top:13px;box-shadow:inset -6px -2px #88685217}.eye{position:absolute;width:5px;height:3px;border-radius:50%;background:#5d5750;top:31px}.left-eye{left:16px}.right-eye{right:16px}.nose{position:absolute;top:34px;left:29px;width:4px;height:12px;border-right:1px solid #9f8067}.mouth{position:absolute;top:53px;left:22px;width:18px;height:6px;border-bottom:1.5px solid #805e51;border-radius:0 0 60% 60%}.portrait-neck{width:23px;height:22px;background:#bd9b7d;margin-top:-2px}.portrait-body{position:absolute;bottom:-26px;width:91px;height:54px;border-radius:48% 48% 8px 8px;background:#728b7a}.scene-orbit{position:absolute;border:1px solid rgba(116,143,121,.35);border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:245px;height:90px}.orbit-two{width:285px;height:119px;transform:rotate(27deg)}.scene-caption{position:absolute;bottom:6px;font-size:7px;letter-spacing:1px;color:#788477;font-weight:700}.scene-footer{font-size:9px;color:#7b827a}.scene-masked .abstract-scene{filter:blur(3px);opacity:.4}.mask-overlay{position:absolute;inset:35px 0 30px;z-index:2;background:#f7f7f2ad;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#566b5c;font-size:14px;font-weight:700;backdrop-filter:blur(4px)}.mask-overlay small{font-size:10px;font-weight:400;color:#777e75;margin-top:5px}.answer-card,.review-card{margin-top:13px;padding:21px 23px;border-radius:15px;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 18px #1e281e06}.answer-heading,.review-title{display:flex;justify-content:space-between;align-items:center}.answer-heading h2,.review-title h2{font:750 17px Manrope,sans-serif;letter-spacing:-.3px;margin:5px 0 0}.selection-note{font-size:10px;color:#838980}.emotion-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.emotion-chip{border:1px solid #e5e8e1;background:var(--surface);border-radius:8px;min-height:35px;padding:7px 10px;display:flex;align-items:center;gap:7px;font-size:10px;color:#5b625b;transition:.14s}.emotion-chip:hover{border-color:#b3c5b5;background:#fafbf8}.emotion-chip.selected{border-color:#789780;background:#edf4ee;color:#355c45;box-shadow:0 0 0 1px #789780 inset}.emotion-chip small{font-size:8px;color:#66806c;background:#e0ebe1;border-radius:4px;padding:2px 4px}.emotion-dot{height:7px;width:7px;border-radius:50%;background:#7d9b82}.emotion-dot.sadness{background:#7b9bb1}.emotion-dot.anger{background:#bd7970}.emotion-dot.fear{background:#9b8bb2}.emotion-dot.surprise{background:#d4aa5c}.emotion-dot.disgust{background:#899d6e}.emotion-dot.contempt{background:#aa8174}.emotion-dot.neutral{background:#a3a7a0}.role-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:16px}.role-field{padding:11px;background:var(--surface2);border-radius:10px}.role-field>b{font-size:10px;color:#566257}.role-field .emotion-grid{gap:5px;margin-top:9px}.role-field .emotion-chip{padding:6px 7px;min-height:30px;font-size:9px}.swap-button{margin-top:11px;background:transparent;border:0;color:#637e6a;display:flex;align-items:center;gap:6px;font-size:10px;padding:3px}.swap-button small{color:#899087;font-size:9px}.reaction-block{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;display:grid;gap:7px}.reaction-option{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 10px;text-align:left;display:flex;gap:9px;align-items:center;font-size:10px;color:#596159}.reaction-option.chosen{border-color:#829b87;background:#f0f5f0}.radio-dot{width:12px;height:12px;border:1px solid #bdc4bb;border-radius:50%;flex:none}.chosen .radio-dot{border:4px solid var(--green)}.answer-footer,.review-bottom{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.answer-footer>span,.review-bottom>span{display:flex;align-items:center;gap:6px;color:#858b83;font-size:9px}.answer-footer>span svg,.review-bottom>span svg{color:#77917d}.retry-submit{border:0;background:transparent;color:#9b4c40;padding:9px 2px 0;font-size:10px;display:flex;align-items:center;gap:5px}.review-card{border-color:#dfe7df}.score-pill{background:#e9f1e9;color:#42674a;padding:7px 10px;border-radius:8px;font:700 12px Manrope}.answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.answer-comparison>div,.role-result{padding:12px;background:var(--surface2);border-radius:9px}.answer-comparison p,.role-result p{font-size:11px;font-weight:600;margin:6px 0 0;color:#455448}.role-result{margin-bottom:10px;font-size:10px}.markers{margin:11px 0}.markers>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.marker{display:inline-flex;align-items:center;gap:5px;background:#edf3ec;color:#58715d;border-radius:6px;padding:6px 8px;font-size:9px}.review-explanation{margin:13px 0;padding:12px 13px;border-left:2px solid #93ae98;background:#f7f8f5;color:#5e665e;font-size:11px;line-height:1.65}.source-note{display:flex;align-items:flex-start;gap:7px;color:#768075;font-size:9px}.source-note svg{flex:none;color:#829281}.score-separation{background:#eff4ee;border-radius:8px;padding:10px;font-size:10px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:12px 0;color:#5f6d60}.score-separation>span{height:12px;border-left:1px solid #c9d5c7;margin:0 5px}.score-separation small{flex-basis:100%;color:#808780;margin-top:4px}.subpage{padding-top:35px}.page-intro{margin-bottom:22px}.page-intro h1{margin-top:8px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:7px;color:#777f77;font-size:10px}.metric-icon{width:29px;height:29px;border-radius:8px;background:var(--mint);color:#5d8065;display:grid;place-items:center}.metric-icon svg{width:16px}.metric-card>b{font:750 16px Manrope,sans-serif;color:#323a33;line-height:1.3}.metric-card small{font-size:9px;line-height:1.45;color:#959a92}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:19px;margin-bottom:13px}.panel-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.panel-title h2{font-size:16px}.muted{font-size:10px;color:#858b83}.empty-inline{padding:15px 0;display:flex;gap:10px;align-items:flex-start}.empty-dot{width:8px;height:8px;border-radius:50%;background:#c4d4c4;margin-top:4px}.empty-inline b{font-size:11px}.empty-inline p{font-size:10px;color:var(--muted);margin:4px 0 0}.skill-row{display:grid;grid-template-columns:1fr minmax(100px,2fr) 40px;align-items:center;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.skill-row b,.skill-row small{display:block;font-size:10px}.skill-row small{margin-top:3px;color:var(--muted);font-size:9px}.skill-row strong{text-align:right;font-size:10px}.skill-bar{height:6px;border-radius:4px;background:#edf0e9;overflow:hidden}.skill-bar i{height:100%;display:block;background:#88a08a;border-radius:4px}.errors-panel ul{padding-left:18px;font-size:11px;color:#626a62;line-height:1.8}.small-note{display:flex;align-items:center;gap:8px;color:#858c83;font-size:10px;padding:6px}.small-note svg{color:#7d947f}.settings-panel{padding:4px 19px}.setting-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-icon{width:31px;height:31px;border-radius:9px;background:var(--soft);color:#6b826e;display:grid;place-items:center;flex:none}.setting-icon svg{width:16px}.setting-copy{flex:1}.setting-copy b,.setting-copy small{display:block}.setting-copy b{font-size:11px}.setting-copy small{font-size:9px;color:#8a9088;margin-top:4px}.segmented{display:flex;gap:3px;background:#f0f1ed;padding:3px;border-radius:8px}.segmented button{border:0;border-radius:6px;background:transparent;padding:7px 9px;font-size:9px;color:#747b72;display:flex;align-items:center;gap:4px;white-space:nowrap}.segmented button.on{background:#fff;color:#3b5d43;box-shadow:0 1px 3px #0001;font-weight:700}.toggle{width:37px;height:21px;padding:3px;border:0;border-radius:20px;background:#d8dcd5;display:flex;align-items:center;flex:none}.toggle span{width:15px;height:15px;background:#fff;border-radius:50%;transition:transform .16s;box-shadow:0 1px 2px #0002}.toggle.on{background:#67836c}.toggle.on span{transform:translate(16px)}.reminder-time{display:flex;align-items:center;gap:10px;padding:0 0 15px 44px;font-size:10px}.reminder-time input{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:5px 7px;color:var(--ink)}.reminder-time small{font-size:9px;color:var(--muted)}.privacy-panel{display:flex;gap:12px;align-items:flex-start;background:#edf2eb;border-radius:11px;padding:14px;color:#56715d;margin:14px 0}.privacy-panel>svg{flex:none}.privacy-panel b{font-size:11px}.privacy-panel p{font-size:10px;line-height:1.5;color:#738073;margin:4px 0 0}.delete-row{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid #eddfdd;border-radius:11px;padding:13px 15px;color:#9b5148}.delete-row>span{display:flex;align-items:center;gap:11px}.delete-row b,.delete-row small{display:block;text-align:left}.delete-row b{font-size:11px}.delete-row small{font-size:9px;color:#9e817d;margin-top:3px}.delete-row:hover{background:#fcf4f2}.settings-footnote{font-size:9px;line-height:1.5;color:#969b93}.onboarding-page{max-width:560px;min-height:70vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 5px}.welcome-symbol{width:54px;height:54px;border-radius:16px;background:var(--mint);color:#52765a;display:grid;place-items:center;margin:18px 0}.onboarding-page h1{font-size:31px}.onboard-progress{display:flex;gap:6px;width:100%;margin-bottom:15px}.onboard-progress i{height:4px;background:#e2e5de;flex:1;border-radius:4px}.onboard-progress i.current{background:#698770}.adult-check{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:20px}.adult-check input{accent-color:var(--green);width:16px;height:16px}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:28px}.onboard-foot{color:#92978f;font-size:10px;margin-top:17px}.empty-state{margin:18vh auto;text-align:center;max-width:380px;display:grid;justify-items:center}.empty-state h2{font:750 20px Manrope;margin:2px 0}.empty-state p{font-size:12px;color:var(--muted);line-height:1.55}.modal-backdrop{position:fixed;inset:0;background:#20272270;z-index:10;display:grid;place-items:center;padding:20px}.modal{background:var(--surface);border-radius:15px;padding:25px;max-width:390px;width:100%;box-shadow:0 20px 70px #0003}.modal-icon{height:40px;width:40px;border-radius:12px;background:#faece9;color:#a44b41;display:grid;place-items:center}.modal h2{font:750 19px Manrope;margin:15px 0 7px}.modal p{font-size:11px;color:var(--muted);line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}html[data-theme=dark]{color-scheme:dark;--bg:#171b18;--surface:#222824;--surface2:#282f2a;--ink:#edf0eb;--muted:#a4aaa2;--line:#343b35;--green:#7aa286;--green-dark:#688e74;--mint:#283a2e;--soft:#2d342f;--shadow:0 12px 35px #0003;--amber:#453a2a;--blue:#2b3a3c}html[data-theme=dark] .breadcrumb span,html[data-theme=dark] .metric-card>b{color:var(--ink)}html[data-theme=dark] .daily-card{background:#26362b}html[data-theme=dark] .daily-content .eyebrow,html[data-theme=dark] .daily-content p,html[data-theme=dark] .daily-progress,html[data-theme=dark] .ring small{color:#b2beb1}html[data-theme=dark] .ring:before{background:#26362b}html[data-theme=dark] .scene-card{background:#303832}html[data-theme=dark] .abstract-scene{background:radial-gradient(ellipse at 50% 85%,#354a39,#303832 65%)}html[data-theme=dark] .portrait-halo{background:#415447}html[data-theme=dark] .portrait-body{background:#668a70}html[data-theme=dark] .mask-overlay{background:#273129cc}html[data-theme=dark] .review-explanation{background:#2a332c;color:#c1c9c0}html[data-theme=dark] .segmented{background:#171b18}html[data-theme=dark] .segmented button.on{background:#3b453d;color:#dce9dd}html[data-theme=dark] .privacy-panel{background:#283a2e}html[data-theme=dark] .score-separation{background:#2b3a2e;color:#d0d9cf}html[data-theme=dark] .emotion-chip{background:#222824;color:#d0d5ce;border-color:#39413a}html[data-theme=dark] .emotion-chip.selected{background:#2e4233;color:#d4e5d5}html[data-theme=dark] .reaction-option{background:#222824;color:#d0d5ce}html[data-theme=dark] .reaction-option.chosen{background:#2e4233}html[data-theme=dark] .role-field{background:#282f2a}html[data-theme=dark] .answer-comparison>div,html[data-theme=dark] .role-result{background:#282f2a}html[data-theme=dark] .answer-comparison p,html[data-theme=dark] .role-result p{color:#d1dacf}html[data-theme=dark] .welcome-art{background:#29352d}html[data-theme=dark] .avatar{background:#494136;color:#e3d3b9}@media (max-width:900px){.app-shell{grid-template-columns:190px 1fr}.rail{padding-left:14px;padding-right:12px}.main{padding-left:27px;padding-right:27px}.welcome-art{margin-right:0}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.app-shell{display:block;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.rail{display:none}.main{padding:0 16px 25px}.topbar{height:59px}.mobile-brand{display:flex;font-size:16px}.mobile-brand .brand-mark{height:31px;width:31px;border-radius:10px}.breadcrumb{display:none}.top-actions{gap:8px}.streak{font-size:10px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-nav .nav-item{padding:5px 16px;display:flex;flex-direction:column;gap:3px;font-size:9px}.mobile-nav .nav-item svg{width:18px;height:18px}.home-page{padding-top:15px}.welcome-row{min-height:135px}.welcome-row h1,.page-intro h1{font-size:27px}.welcome-row p{font-size:12px;max-width:310px}.welcome-art{width:82px;height:82px;flex:none;border-radius:20px}.welcome-art span:first-child{width:48px;height:48px}.welcome-art span:nth-child(2){width:69px;height:69px}.daily-card{min-height:187px;padding:19px 18px}.daily-content h2{font-size:19px}.daily-content p{font-size:11px;max-width:260px}.daily-progress{margin:0 0 0 5px}.ring{width:73px;height:73px}.ring:before{inset:5px}.ring div{font-size:18px}.daily-progress>span{font-size:8px}.section-heading{margin-top:25px}.section-heading h2{font-size:17px}.text-link{font-size:9px}.mode-grid{gap:8px}.mode-card{padding:12px;min-height:167px}.mode-icon{height:31px;width:31px;margin-bottom:9px}.mode-title{font-size:14px}.mode-desc{font-size:10px}.mode-detail{font-size:8px}.home-bottom{grid-template-columns:1fr;gap:8px;margin-top:10px}.insight-card,.stat-card{padding:11px}.demo-banner,.network-banner,.notice{font-size:9px;padding:9px;align-items:flex-start}.demo-banner button{font-size:9px}.session-wrap{margin-top:13px}.task-card{grid-template-columns:1fr;gap:15px;padding:15px}.task-copy h1{font-size:19px;margin:8px 0 6px}.context{font-size:11px}.task-prompt{margin-top:12px}.tempo-control{margin-top:8px}.scene-card{min-height:215px}.answer-card,.review-card{padding:16px 14px}.answer-heading h2,.review-title h2{font-size:15px}.emotion-grid{gap:6px;margin-top:12px}.emotion-chip{font-size:9px;padding:7px 8px;min-height:32px}.role-fields{grid-template-columns:1fr;gap:8px}.role-field .emotion-grid{display:grid;grid-template-columns:repeat(4,1fr)}.role-field .emotion-chip{justify-content:center;font-size:8px;padding:5px 4px}.answer-footer,.review-bottom{align-items:flex-start}.answer-footer>span,.review-bottom>span{max-width:130px;line-height:1.4}.answer-footer .primary,.review-bottom .primary{padding:10px 12px;font-size:10px;white-space:nowrap}.answer-comparison{gap:7px}.answer-comparison>div{padding:9px}.answer-comparison p{font-size:9px;line-height:1.4}.subpage{padding-top:24px}.page-intro{margin-bottom:15px}.page-intro p{font-size:12px}.metrics-grid{gap:7px}.metric-card{padding:11px;min-height:104px}.metric-card>b{font-size:13px}.metric-card>span:not(.metric-icon){font-size:9px}.panel{padding:14px}.panel-title h2{font-size:14px}.panel-title .muted{max-width:105px;text-align:right;line-height:1.3}.skill-row{grid-template-columns:1fr minmax(45px,.9fr) 32px;gap:9px}.skill-row b{font-size:9px}.setting-row{gap:8px;flex-wrap:wrap}.setting-icon{height:28px;width:28px}.setting-copy{min-width:120px}.setting-copy b{font-size:10px}.setting-copy small{font-size:8px}.segmented button{padding:6px;font-size:8px}.setting-row .segmented{margin-left:35px}.setting-row .toggle{margin-left:auto}.reminder-time{padding-left:35px;flex-wrap:wrap}.onboarding-page{min-height:65vh;padding:15px 4px}.onboarding-page h1{font-size:26px}.onboarding-page>p{font-size:13px}.onboarding-actions{margin-top:23px}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}.loading-state{height:60vh}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.media-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.unvalidated-note{display:flex;align-items:center;gap:7px;margin:11px 0;padding:9px 10px;border-radius:8px;background:#f5efdf;color:#80683c;font-size:10px}.reaction-label{display:block;margin-top:5px;font-size:9px;color:#667b69}.admin-panel{margin-top:18px}.admin-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:0;color:var(--ink);font-weight:700;font-size:12px}.admin-toggle span{display:flex;align-items:center;gap:8px}.admin-panel>p{line-height:1.5;margin:10px 0}.admin-panel textarea{width:100%;resize:vertical;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--ink);padding:10px;font:11px/1.5 ui-monospace,monospace}.admin-actions,.admin-retire{display:flex;gap:8px;align-items:center;margin-top:9px;flex-wrap:wrap}.admin-retire input,.reminder-time select{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:8px;font-size:10px}.admin-report{max-height:250px;overflow:auto;background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:9px;color:var(--ink)}.brow{position:absolute;top:25px;width:13px;height:2px;border-radius:3px;background:#6f5a4b;z-index:1}.left-brow{left:13px}.right-brow{right:13px}[data-brows=inner-raised] .left-brow{transform:rotate(-15deg) translateY(-1px)}[data-brows=inner-raised] .right-brow{transform:rotate(15deg) translateY(-1px)}[data-brows=knit] .left-brow{transform:rotate(14deg) translateY(2px)}[data-brows=knit] .right-brow{transform:rotate(-14deg) translateY(2px)}[data-brows=raised] .brow{top:21px;height:3px}[data-eyes=wide] .eye{width:7px;height:7px;top:30px;background:transparent;border:1px solid #5d5750}[data-eyes=narrow] .eye{height:2px;width:7px;top:32px}[data-eyes=soft] .eye{height:2px;top:32px}.mouth{position:absolute;top:51px;left:21px;width:20px;height:10px;border:0!important;border-radius:0!important;overflow:visible}.mouth path{fill:none;stroke:#805e51;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}[data-mouth=open] .mouth path{fill:#805e51;fill-opacity:.2}[data-nose=wrinkled] .nose:before,[data-nose=wrinkled] .nose:after{content:"";position:absolute;top:3px;width:5px;border-top:1px solid #9f8067}[data-nose=wrinkled] .nose:before{right:3px;transform:rotate(-18deg)}[data-nose=wrinkled] .nose:after{left:-3px;transform:rotate(18deg)}[data-posture=turned-away]{transform:translate(12px) rotate(9deg)}