:root{color-scheme:light;--ink: #17211f;--muted: #68736f;--paper: #f4f1e9;--panel: #fffdf8;--line: #d9ded6;--accent: #0f7b63;--accent-strong: #075243;--correct: #11966f;--wrong: #d94b38;--gold: #c99a2e;--blue: #2f6f9f;--violet: #7153a6;--shadow: 0 18px 48px rgba(23, 33, 31, .12);--nav-height: 76px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(15,123,99,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(47,111,159,.06) 1px,transparent 1px),linear-gradient(180deg,#f8f6ef 0%,var(--paper) 70%);background-size:22px 22px,22px 22px,auto;color:var(--ink)}button{font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:18px 18px calc(var(--nav-height) + 22px)}.today-layout,.training-shell,.page-panel{width:min(960px,100%);margin:0 auto}.top-nav,.training-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand,.eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--accent-strong);font-size:13px;font-weight:900;letter-spacing:0}.brand span,.save-note{color:var(--muted);font-size:12px;font-weight:700}h1{margin:12px 0;color:var(--ink);font-size:clamp(34px,12vw,64px);line-height:1.04;letter-spacing:0}p{color:var(--muted);font-size:17px;line-height:1.65}.mobile-page{display:grid;gap:16px}.today-card,.page-panel,.calibration-panel{border:1px solid rgba(7,82,67,.13);border-radius:8px;background:#fffdf8db;box-shadow:var(--shadow)}.today-card{margin-top:20px;padding:20px}.today-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.duration-pill,.training-tags span,.goal-strip span{display:inline-flex;align-items:center;gap:5px;color:var(--accent-strong);font-size:12px;font-weight:800}.duration-pill,.training-tags span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#ffffffbd}.lede{margin:0 0 18px;font-size:17px}.goal-strip{display:grid;gap:5px;margin:16px 0;border-left:4px solid var(--gold);padding:12px 14px;background:#c99a2e1a}.goal-strip strong{font-size:18px}.mode-actions,.hero-actions,.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.mode-actions{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:0 18px;font-weight:800;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:active{transform:scale(.97)}.button-primary{width:100%;min-height:56px;background:var(--accent-strong);color:#fff;box-shadow:0 12px 26px #07524338}.button-ghost{border-color:var(--line);background:#ffffffd1;color:var(--ink)}.button-danger{background:var(--wrong);color:#fff}.training-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.task-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.task-preview-grid span,.trend-ability-strip span{border:1px solid rgba(7,82,67,.14);border-radius:8px;padding:10px;background:#ffffffc2;color:var(--ink);font-size:13px;font-weight:900}.home-task-grid{margin-bottom:4px}.disclaimer{margin:12px 0 0;color:#6d706b;font-size:13px}.stats-grid{display:grid;grid-template-columns:1fr;gap:12px}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.stat{min-height:96px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#fffdf8e0;box-shadow:0 12px 28px #17211f14}.stat span{display:block;color:var(--muted);font-size:12px;font-weight:800}.stat strong{display:block;margin-top:8px;font-size:clamp(24px,8vw,34px);line-height:1.12}.bottom-nav{position:static;z-index:20;display:grid;width:min(520px,100%);height:var(--nav-height);grid-template-columns:repeat(3,1fr);margin:20px auto 0;border:1px solid rgba(7,82,67,.14);border-radius:8px;background:#fffdf8f0;box-shadow:0 12px 40px #17211f29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}.bottom-nav button.active{color:var(--accent-strong)}.training-mobile{min-height:calc(100vh - 36px);padding-bottom:0}.training-progress{min-height:54px}.training-progress span{color:var(--muted);font-size:13px;font-weight:800}.calibration-panel,.page-panel{margin-top:18px;padding:22px}.calibration-panel h1,.page-panel h1{font-size:clamp(31px,10vw,56px)}.stimulus-panel{position:relative;display:grid;min-height:calc(100vh - 214px);align-content:space-between;justify-items:center;gap:18px;border:1px solid rgba(7,82,67,.13);border-radius:8px;padding:22px;overflow:hidden;background:linear-gradient(135deg,#fffdf8e6,#fffdf8fa),var(--panel);box-shadow:var(--shadow);text-align:center;transition:border-color .14s ease,background .14s ease,transform .14s ease}.task-signal-clash .stimulus-panel{border-top:6px solid var(--accent)}.task-impulse-gate .stimulus-panel{border-top:6px solid var(--wrong)}.task-mind-buffer .stimulus-panel{border-top:6px solid var(--blue)}.task-number-sprint .stimulus-panel{border-top:6px solid var(--gold)}.task-shape-shift .stimulus-panel{border-top:6px solid var(--violet)}.task-memory-grid .stimulus-panel{border-top:6px solid #237c89}.task-switch-card{display:grid;width:100%;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid rgba(7,82,67,.14);border-radius:8px;padding:10px;background:#ffffffb8;text-align:left}.task-switch-card span{border-radius:8px;padding:7px 9px;background:var(--ink);color:#fff;font-size:12px;font-weight:900}.task-switch-card strong{font-size:18px}.feedback-correct .stimulus-panel{border-color:#11966f73;background:linear-gradient(180deg,#11966f24,#fffdf8f5)}.feedback-wrong .stimulus-panel{border-color:#d94b3873;background:linear-gradient(180deg,#d94b3821,#fffdf8f5);animation:wrong-shake .18s ease}.instruction{margin:0;color:var(--accent-strong);font-size:15px;font-weight:900}.stimulus-cue{margin:0;border-radius:8px;padding:7px 12px;background:#17211f12;color:var(--ink);font-size:14px;font-weight:900}.mini-progress{width:100%;height:7px;overflow:hidden;border-radius:999px;background:#e7ebe5}.mini-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--gold))}.stimulus{display:grid;min-height:170px;place-items:center;font-size:clamp(58px,22vw,152px);font-weight:900;line-height:1;letter-spacing:0}.feedback-pill{position:absolute;top:74px;left:50%;min-width:76px;transform:translate(-50%);border-radius:999px;padding:9px 16px;color:#fff;font-size:17px;font-weight:900;animation:feedback-pop .42s ease both}.feedback-pill.correct{background:var(--correct)}.feedback-pill.wrong{background:var(--wrong)}.choice-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-grid .button{min-height:58px;font-size:18px}.choice-grid.vertical{grid-template-columns:1fr}.choice-grid.vertical .button{justify-content:flex-start;padding:0 18px}.dimension-stack,.trend-list{display:grid;gap:14px;margin:24px 0}.ability-panel{margin:24px 0;border:1px solid rgba(7,82,67,.14);border-radius:8px;padding:16px;background:linear-gradient(135deg,#0f7b631a,#c99a2e1f),#ffffffb8}.ability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.ability-cell{border:1px solid rgba(7,82,67,.12);border-radius:8px;padding:12px;background:#fffdf8db}.ability-cell span{display:block;color:var(--muted);font-size:12px;font-weight:900}.ability-cell strong{display:block;margin-top:8px;font-size:30px}.trend-ability-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}.dimension-row{display:grid;gap:8px}.dimension-label,.trend-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.bar-track{height:12px;overflow:hidden;border-radius:999px;background:#e4e8e1}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--gold))}.status{color:var(--accent-strong);font-weight:900}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.92)}25%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.98)}}@keyframes wrong-shake{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(5px)}}@media(min-width:760px){.app-shell{padding:40px 40px 120px}.today-layout{max-width:980px}.today-card{margin-top:56px;padding:44px}.today-card h1{max-width:760px;font-size:clamp(56px,7vw,86px)}.button-primary{width:auto;min-width:180px}.stats-grid,.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.training-mobile{max-width:980px}.stimulus-panel{min-height:620px}.choice-grid{max-width:620px}.task-preview-grid,.ability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:390px){.app-shell{padding-right:14px;padding-left:14px}h1{font-size:clamp(30px,11vw,42px)}.choice-grid .button{min-height:54px;font-size:16px}.mode-actions,.trend-ability-strip{grid-template-columns:1fr}}