:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--primary:#3377f6;--accent:#78a7ff;--success:#38b98a;--app-bg:#f4f6fa;--on-primary:#fff;--text:#172033;--muted:#6f7888;--faint:#a8afbb;--surface:#ffffffe0;--surface-solid:#fff;--surface-soft:#ffffff8f;--line:#1f2b421a;--line-strong:#1f2b422b;--shadow:0 12px 34px #23335017;--soft-shadow:0 5px 18px #23335012;letter-spacing:0;background:#f4f6fa;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#eef2f8;--muted:#aab3c1;--faint:#6f7887;--surface:#1b202ae6;--surface-solid:#1d222c;--surface-soft:#1b202a9e;--line:#ffffff1a;--line-strong:#ffffff2b;--app-bg:#151920;--shadow:0 14px 38px #00000047;--soft-shadow:0 6px 20px #00000038}*{box-sizing:border-box}html{background:var(--app-bg);min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--app-bg);margin:0}button,input,textarea,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 28%, transparent);outline-offset:2px}h1,h2,h3,p{margin-top:0}button:disabled{opacity:.42;cursor:not-allowed}.app-shell{background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 28rem), var(--app-bg);min-height:100vh}.content{min-height:100vh;padding-left:52px}.page{width:min(100%,1120px);margin:0 auto;padding:44px clamp(18px,4vw,56px) 72px}.rail{z-index:40;width:52px;padding:max(14px, env(safe-area-inset-top)) 6px max(14px, env(safe-area-inset-bottom));border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 74%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0 auto 0 0}.rail-nav{flex-direction:column;gap:4px;margin-top:20px;display:flex}.rail-bottom{flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.icon-button{cursor:pointer;width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;transition:color .18s,background .18s;display:grid}.icon-button:hover{color:var(--text);background:color-mix(in srgb, var(--primary) 8%, transparent)}.icon-button.active{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.rail-progress{background:var(--line);cursor:pointer;border:0;border-radius:4px;align-items:flex-end;width:8px;height:40px;padding:0;display:flex;overflow:hidden}.rail-progress span{background:var(--success);border-radius:inherit;width:100%;transition:height .5s}.drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12192638;position:fixed;inset:0}.drawer{width:min(82vw,288px);height:100%;padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface-solid) 86%, transparent);-webkit-backdrop-filter:blur(30px)saturate(1.35);backdrop-filter:blur(30px)saturate(1.35);border-right:1px solid #ffffffad;flex-direction:column;display:flex;box-shadow:18px 0 54px #16223924}.drawer-brand{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;min-height:54px;padding:0 2px 16px;display:grid}.drawer-brand strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.drawer-brand small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.brand-mark{background:var(--primary);width:36px;height:36px;box-shadow:0 6px 15px color-mix(in srgb, var(--primary) 25%, transparent);border-radius:8px;flex-direction:column;justify-content:center;gap:4px;padding:9px;display:flex}.brand-mark span{background:var(--on-primary);border-radius:1px;height:2px;display:block}.brand-mark span:nth-child(2){width:72%}.brand-mark span:nth-child(3){background:color-mix(in srgb, var(--success) 75%, white);width:46%}.drawer-nav{flex-direction:column;gap:4px;margin-top:18px;display:flex}.drawer-nav button,.drawer-footer button{text-align:left;width:100%;height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:0 13px;transition:all .18s;display:grid}.drawer-nav button:hover,.drawer-footer button:hover{color:var(--text);background:color-mix(in srgb, var(--primary) 7%, transparent)}.drawer-nav button.active,.drawer-footer button.active{color:var(--primary);background:color-mix(in srgb, var(--primary) 11%, transparent);font-weight:650}.drawer-nav button small{font-size:11px;font-weight:700}.drawer-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.drawer-footer p{color:var(--faint);margin:12px 10px 0;font-size:10px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px;display:flex}.page-header h1{letter-spacing:0;margin-bottom:8px;font-size:clamp(27px,4vw,38px);font-weight:720;line-height:1.18}.eyebrow{color:var(--primary);text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:750}.page-description{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.7}.section{margin-top:28px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:42px;margin-bottom:15px;display:flex}.section-heading h2{margin-bottom:4px;font-size:18px;line-height:1.3}.section-heading p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.6}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:13px;font-weight:650;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{border:1px solid var(--primary);color:var(--on-primary);background:var(--primary);box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 20%, transparent)}.primary-button:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--primary) 26%, transparent);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line-strong);color:var(--text);background:var(--surface-soft)}.secondary-button:hover{background:color-mix(in srgb, var(--primary) 7%, var(--surface-solid))}.full{width:100%}.text-button,.ghost-icon{color:var(--muted);cursor:pointer;background:0 0;border:0}.ghost-icon{border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.ghost-icon:hover{color:#d64e5b;background:#d64e5b14}.progress-wrap{align-items:center;gap:9px;display:flex}.progress-track{background:color-mix(in srgb, var(--text) 9%, transparent);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));height:100%}.progress-wrap>span{min-width:32px;color:var(--muted);text-align:right;font-size:11px}.today-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.today-header p{color:var(--muted);margin-bottom:8px;font-size:12px}.today-header h1{max-width:620px;margin-bottom:0;font-size:clamp(25px,4vw,36px);line-height:1.25}.level-chip,.day-pill,.category-pill{min-height:36px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface-solid));border-radius:8px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:750;display:inline-flex}.daily-focus{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--surface-solid) 94%, var(--primary)), color-mix(in srgb, var(--surface-solid) 90%, var(--accent)));min-height:178px;box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:flex-end;gap:30px;padding:clamp(22px,4vw,38px);display:flex;overflow:hidden}.focus-copy{max-width:620px}.focus-kicker{color:var(--primary);margin-bottom:14px;font-size:10px;font-weight:800;display:block}.focus-copy strong{margin-bottom:9px;font-size:clamp(19px,3vw,26px);display:block}.focus-copy p{max-width:520px;color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.7}.focus-progress{width:min(30%,200px)}.progress-number{text-align:right;margin-bottom:12px}.progress-number strong{font-size:40px;line-height:1}.progress-number span{color:var(--muted);margin-left:2px;font-size:15px}.action-list{border-top:1px solid var(--line)}.action-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:42px 1fr auto 24px;align-items:center;gap:13px;width:100%;min-height:76px;padding:11px 10px;transition:background .18s;display:grid}.action-row:hover{background:color-mix(in srgb, var(--primary) 4%, transparent)}.action-icon,.soft-icon{width:38px;height:38px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:8px;place-items:center;display:grid}.action-row.done .action-icon{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent)}.action-copy strong,.action-copy small{display:block}.action-copy strong{margin-bottom:4px;font-size:14px}.action-copy small,.action-time{color:var(--muted);font-size:11px}.action-row>svg{color:var(--faint)}.today-bottom{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;display:grid}.today-bottom article{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;align-items:center;gap:13px;padding:17px;display:flex}.today-bottom small,.today-bottom strong{display:block}.today-bottom small{color:var(--muted);margin-bottom:3px;font-size:11px}.task-list{border-top:1px solid var(--line)}.task-row{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr 10px 22px 34px;align-items:center;gap:10px;min-height:66px;padding:10px 6px;display:grid}.check-button{border:1.5px solid var(--line-strong);color:#fff;cursor:pointer;background:0 0;border-radius:7px;place-items:center;width:24px;height:24px;padding:0;display:grid}.task-row.done .check-button{border-color:var(--success);background:var(--success)}.task-row.done .task-copy strong{color:var(--muted);text-decoration:line-through}.task-copy strong,.task-copy small{display:block}.task-copy strong{margin-bottom:5px;font-size:14px}.task-copy small{color:var(--muted);font-size:11px}.priority-dot{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.priority-dot.medium{background:#e5a63a}.priority-dot.high{background:#df5a68}.muted-icon{color:var(--faint)}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.goal-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:8px;padding:20px}.goal-top{justify-content:space-between;align-items:center;display:flex}.goal-card h3{margin:17px 0 13px;font-size:16px}.goal-horizon{color:var(--muted);background:color-mix(in srgb, var(--text) 5%, transparent);border-radius:6px;padding:5px 8px;font-size:10px}.goal-numbers{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.goal-numbers strong{font-size:21px}.goal-numbers span,.deadline{color:var(--muted);font-size:11px}.inline-field{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:11px;display:flex}.inline-field input{border:1px solid var(--line);background:var(--surface-solid);width:94px;height:34px;color:var(--text);border-radius:6px;padding:0 9px}.deadline{align-items:center;gap:6px;margin:12px 0 0;display:flex}.empty-state{border:1px dashed var(--line-strong);min-height:150px;color:var(--muted);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:7px;padding:26px;display:grid}.empty-state strong{color:var(--text);font-size:13px}.empty-state p{margin-bottom:0;font-size:11px}.workout-stage{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:30px;padding:24px;display:grid}.workout-now{flex-direction:column;align-items:center;display:flex}.workout-ring{--progress:0deg;aspect-ratio:1;background:conic-gradient(var(--primary) var(--progress), color-mix(in srgb, var(--text) 8%, transparent) 0);border-radius:50%;place-items:center;width:168px;display:grid}.workout-ring:before{content:"";aspect-ratio:1;background:var(--surface-solid);border-radius:50%;width:144px;position:absolute}.workout-ring>div{z-index:1;text-align:center;position:relative}.workout-ring strong,.workout-ring span{display:block}.workout-ring strong{font-variant-numeric:tabular-nums;font-size:28px}.workout-ring span{color:var(--muted);margin-top:5px;font-size:10px}.exercise-copy{text-align:center;min-height:105px;padding-top:20px}.exercise-copy h2{margin:9px 0 5px;font-size:22px}.exercise-copy p{color:var(--muted);margin-bottom:0;font-size:12px}.exercise-kind{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:5px;padding:4px 8px;font-size:9px;font-weight:750}.exercise-kind.cooldown{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent)}.player-controls{align-items:center;gap:13px;margin:6px 0 20px;display:flex}.round-button{cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.round-button.primary{width:54px;height:54px;color:var(--on-primary);background:var(--primary);box-shadow:0 8px 22px color-mix(in srgb, var(--primary) 25%, transparent);border:0}.round-button.secondary{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft)}.workout-now>.progress-wrap{width:100%}.exercise-list{border-left:1px solid var(--line);max-height:430px;padding-left:22px;overflow:auto}.exercise-list>div{min-height:52px;color:var(--muted);align-items:center;gap:12px;display:flex}.exercise-list>div>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.exercise-list div.active{color:var(--text)}.exercise-list div.active>span{color:var(--on-primary);border-color:var(--primary);background:var(--primary)}.exercise-list div.complete>span{color:#fff;border-color:var(--success);background:var(--success)}.exercise-list strong,.exercise-list small{display:block}.exercise-list strong{font-size:12px}.exercise-list small{color:var(--faint);margin-top:3px;font-size:9px}.workout-complete{width:100%;margin-top:14px}.workout-complete.completed{border-color:var(--success);background:var(--success);box-shadow:none}.habit-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.habit-grid button{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:52px;padding:8px;font-size:12px;display:flex}.habit-grid button>span{border:1px solid var(--line-strong);border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.habit-grid button.checked{color:var(--success);border-color:color-mix(in srgb, var(--success) 35%, var(--line));background:color-mix(in srgb, var(--success) 7%, var(--surface))}.habit-grid button.checked>span{color:#fff;border-color:var(--success);background:var(--success)}.health-note,.data-notice{color:var(--muted);background:color-mix(in srgb, #f1ad42 8%, var(--surface));border-radius:8px;align-items:flex-start;gap:11px;margin-top:22px;padding:15px 17px;font-size:11px;line-height:1.6;display:flex}.health-note p,.data-notice p{margin:0}.flashcard-stage{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:22px}.lesson-tabs,.quiz-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.lesson-tabs .active{color:var(--primary);font-weight:700}.flashcard{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 7%, var(--surface-solid)), color-mix(in srgb, var(--accent) 12%, var(--surface-solid)));text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:290px;margin:18px 0;padding:32px;display:flex;position:relative}.flashcard-top{color:var(--muted);justify-content:space-between;font-size:9px;font-weight:750;display:flex;position:absolute;inset:18px 18px auto}.review-badge{color:var(--primary);align-items:center;gap:4px;display:flex}.sound-button{border:1px solid var(--line);width:38px;height:38px;color:var(--primary);background:var(--surface-soft);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:47px;right:18px}.flashcard h2{overflow-wrap:anywhere;max-width:90%;margin-bottom:8px;font-size:clamp(31px,7vw,52px)}.phonetic{color:var(--muted);margin-bottom:18px}.meaning{border-top:1px solid var(--line);max-width:560px;color:var(--text);padding:11px 18px;font-size:14px;line-height:1.7}.card-controls{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.learning-extras{grid-template-columns:1.1fr .9fr;gap:14px;margin-top:16px;display:grid}.quote-card,.pattern-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-height:150px;padding:20px}.quote-card{grid-template-columns:30px 1fr 34px;gap:10px;display:grid}.quote-card>svg{color:var(--primary)}.quote-card small,.pattern-card small{color:var(--muted);margin-bottom:10px;font-size:9px;font-weight:750;display:block}.quote-card strong{margin-bottom:8px;font-size:14px;line-height:1.5;display:block}.quote-card p,.pattern-card p,.pattern-card em{color:var(--muted);margin-bottom:0;font-size:11px;line-height:1.6}.quote-card button{width:34px;height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);cursor:pointer;border:0;border-radius:50%;align-self:start;place-items:center;display:grid}.pattern-card h3{margin-bottom:7px;font-size:15px}.pattern-card em{color:var(--primary);margin-top:14px;font-style:normal;display:block}.quiz-stage{border:1px solid var(--line);background:var(--surface);max-width:700px;box-shadow:var(--shadow);border-radius:8px;margin:28px auto 0;padding:24px}.quiz-stage .progress-wrap{margin:13px 0 38px}.quiz-label{color:var(--muted);text-align:center;margin-bottom:8px;font-size:11px}.quiz-word{text-align:center;overflow-wrap:anywhere;min-height:52px;margin-bottom:28px;font-size:clamp(27px,5vw,40px)}.quiz-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quiz-options button{border:1px solid var(--line);background:var(--surface-soft);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:20px 1fr;align-items:center;gap:8px;min-height:58px;padding:10px 14px;transition:all .18s;display:grid}.quiz-options button:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line));background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.quiz-options button.correct{color:var(--success);border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface))}.quiz-options button.faded{opacity:.45}.result-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;display:flex}.result-icon{width:76px;height:76px;color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-radius:50%;place-items:center;margin-bottom:19px;display:grid}.result-stage h2{margin-bottom:8px}.result-stage p{max-width:420px;color:var(--muted);margin-bottom:20px;line-height:1.7}.category-pill.认知{color:var(--primary)}.category-pill.商业{color:#ba7822;background:#e0a24a1f}.category-pill.创业{color:var(--success);background:color-mix(in srgb, var(--success) 11%, transparent)}.wisdom-stage{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.wisdom-quote{background:linear-gradient(145deg, color-mix(in srgb, var(--surface-solid) 96%, var(--primary)), color-mix(in srgb, var(--surface-solid) 90%, var(--accent)));flex-direction:column;justify-content:center;min-height:310px;padding:clamp(32px,7vw,72px);display:flex}.quote-mark{height:45px;color:var(--primary);font-family:Georgia,serif;font-size:70px;line-height:.8}.wisdom-quote>p{max-width:760px;margin-bottom:34px;font-size:clamp(22px,4vw,35px);font-weight:680;line-height:1.5}.wisdom-quote footer{color:var(--muted);gap:12px;font-size:11px;display:flex}.wisdom-quote footer span:first-child{color:var(--text);font-weight:650}.interpret-button{border:0;border-top:1px solid var(--line);width:100%;height:52px;color:var(--primary);background:var(--surface-soft);cursor:pointer;align-items:center;gap:9px;padding:0 22px;font-size:12px;font-weight:650;display:flex}.interpretation{border-top:1px solid var(--line);padding:22px}.interpretation>strong{font-size:13px}.interpretation>p{color:var(--muted);margin:10px 0 17px;font-size:13px;line-height:1.85}.thinking-prompt{color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, transparent);border-radius:7px;align-items:flex-start;gap:9px;padding:13px;font-size:12px;line-height:1.6;display:flex}.reflection-input{resize:vertical;border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);border-radius:8px;padding:15px;line-height:1.7}.reflection-input:focus{border-color:color-mix(in srgb, var(--primary) 55%, var(--line))}.reflection-actions{flex-wrap:wrap;gap:9px;margin-top:10px;display:flex}.reflection-actions .primary-button{margin-left:auto}.response-save{margin-top:10px}.book-feature{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:170px 1fr;min-height:230px;display:grid;overflow:hidden}.book-visual{color:var(--on-primary);background:linear-gradient(145deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #173053));flex-direction:column;justify-content:space-between;padding:27px;display:flex}.book-visual span{font-size:11px;font-weight:800;line-height:1.55}.book-copy{padding:27px}.book-copy>small{color:var(--primary);font-size:9px;font-weight:750}.book-copy h2{margin:8px 0 4px}.book-author{color:var(--muted);font-size:11px}.book-copy>p:not(.book-author){color:var(--muted);font-size:12px;line-height:1.75}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);border-radius:5px;padding:5px 8px;font-size:9px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-grid article{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px;display:flex}.metric-grid article>span{width:34px;height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, transparent);border-radius:8px;place-items:center;display:grid}.metric-grid small{color:var(--muted);margin-top:15px;font-size:10px}.metric-grid strong{font-size:23px}.chart-wrap{border:1px solid var(--line);background:var(--surface);border-radius:8px;height:290px;padding:10px 4px 0}.badge-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px;display:grid}.badge-grid div{border:1px dashed var(--line-strong);min-height:80px;color:var(--faint);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:9px;display:flex}.badge-grid div.earned{color:#ba7822;background:#e0a24a14;border-style:solid;border-color:#e0a24a40}.large-input{display:block;position:relative}.large-input>span{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.large-input input{border:1px solid var(--line);width:100%;height:48px;color:var(--text);background:var(--surface);border-radius:8px;padding:0 54px 0 14px}.large-input small{color:var(--faint);font-size:9px;position:absolute;bottom:17px;right:14px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.preset-grid>button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:8px;min-height:116px;padding:10px;position:relative}.preset-grid>button.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 12%, transparent)}.preset-grid>button>svg{color:var(--primary);position:absolute;bottom:11px;right:11px}.preset-grid strong{font-size:11px}.preset-preview{border-radius:6px;align-items:flex-end;gap:6px;height:62px;margin-bottom:9px;padding:10px;display:flex}.preset-preview i{border-radius:4px;width:28%;height:80%;display:block}.preset-preview i:nth-child(2){height:55%}.preset-preview i:nth-child(3){height:35%}.color-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.color-field{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:64px;padding:10px;display:grid}.color-field input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;width:38px;height:38px;padding:2px}.color-field strong,.color-field small{display:block}.color-field strong{margin-bottom:3px;font-size:11px}.color-field small,.color-field code{color:var(--muted);font-size:9px}.theme-preview{border:1px solid var(--line);border-radius:8px;grid-template-columns:30px 1fr;gap:18px;min-height:168px;margin-top:12px;display:grid;overflow:hidden}.preview-sidebar{width:30px;height:100%}.theme-preview>div:last-child{color:#172033;padding:24px 20px 20px 0}.theme-preview>div>span{border-radius:3px;width:42px;height:5px;margin-bottom:13px;display:block}.theme-preview strong,.theme-preview p{display:block}.theme-preview p{color:#697284;margin:6px 0 16px;font-size:10px}.theme-preview button,.theme-preview i{color:#fff;border:0;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 11px;font-size:9px;font-style:normal;display:inline-flex}.theme-preview i{margin-left:7px}.reset-theme{margin-top:10px}.mode-control{max-width:480px}.mode-control button{justify-content:center;align-items:center;gap:6px;display:flex}.data-notice{background:color-mix(in srgb, var(--primary) 7%, var(--surface))}.data-notice svg{color:var(--primary);flex:none}.data-notice strong{color:var(--text);margin-bottom:4px;font-size:12px;display:block}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#12192652;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface-solid);border:1px solid #ffffff8c;border-radius:8px;width:min(100%,520px);max-height:min(90vh,720px);padding:22px;overflow:auto;box-shadow:0 28px 70px #12192638}.modal-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title h2{margin:0;font-size:18px}.form-stack{flex-direction:column;gap:15px;display:flex}.form-stack label:not(.toggle-row){color:var(--muted);font-size:11px}.form-stack input,.form-stack select{border:1px solid var(--line);width:100%;height:42px;color:var(--text);background:var(--surface);border-radius:7px;margin-top:7px;padding:0 11px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.segmented{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.segmented button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:11px}.segmented button.active{color:var(--text);background:var(--surface-solid);box-shadow:0 2px 7px #222e4214}.toggle-row{justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:12px}.toggle-row small{color:var(--muted);margin-top:4px;font-size:10px}.toggle-row input{width:42px;height:24px;accent-color:var(--primary)}.onboarding,.splash{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 30rem), var(--app-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.onboarding-panel{text-align:center;width:min(100%,450px)}.onboarding-visual{place-items:center;width:150px;height:130px;margin:0 auto 24px;display:grid;position:relative}.brand-mark.hero{width:76px;height:76px;box-shadow:0 18px 38px color-mix(in srgb, var(--primary) 28%, transparent);border-radius:8px;gap:7px;padding:18px}.brand-mark.hero span{height:4px}.orbit{width:33px;height:33px;box-shadow:var(--soft-shadow);background:var(--surface-solid);border:1px solid #fffc;border-radius:50%;place-items:center;display:grid;position:absolute}.orbit.one{color:var(--success);top:23px;left:12px}.orbit.two{color:var(--primary);bottom:17px;right:10px}.onboarding-panel h1{font-size:clamp(29px,7vw,42px);line-height:1.35}.onboarding-copy{max-width:390px;color:var(--muted);margin:0 auto 24px;font-size:13px;line-height:1.8}.onboarding-panel>label{text-align:left;display:block}.onboarding-panel>label span{color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.onboarding-panel>label input{border:1px solid var(--line);width:100%;height:50px;color:var(--text);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:8px;padding:0 14px}.onboarding-button{height:50px;margin-top:11px}.onboarding-panel>small{color:var(--faint);margin-top:13px;font-size:9px;display:block}.splash{color:var(--muted);align-content:center;gap:14px;font-size:12px}.brand-mark.large{width:48px;height:48px;padding:12px}.view-loading{min-height:60vh;color:var(--muted);place-items:center;font-size:12px;display:grid}.avatar-menu{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid;overflow:hidden}.avatar-menu img,.drawer-avatar img{object-fit:cover;width:100%;height:100%}.drawer-avatar{border:1px solid var(--line);width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--surface-solid));cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid;overflow:hidden}.drawer-avatar>span{font-size:7px}.date-stack{color:var(--muted);flex-wrap:wrap;gap:7px 12px;margin-bottom:8px;font-size:12px;display:flex}.date-stack span+span{border-left:1px solid var(--line-strong);color:var(--primary);padding-left:12px}.level-chip{color:var(--level-chip-color,var(--primary));cursor:pointer;white-space:nowrap;border:0}.today-bottom>button{border:1px solid var(--line);color:var(--text);background:var(--surface-soft);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:13px;padding:17px;display:flex}.today-bottom>button small,.today-bottom>button strong{display:block}.today-bottom>button small{color:var(--muted);margin-bottom:3px;font-size:11px}.task-row{grid-template-columns:30px minmax(0,1fr) auto 22px 34px}.priority-label{border:1px solid var(--line);min-width:42px;color:var(--muted);background:var(--surface-soft);text-align:center;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.priority-label.medium{color:#946414;background:#e5a63a1a;border-color:#d7992b47}.priority-label.high{color:#bd4050;background:#df5a6817;border-color:#df5a6847}.task-group-label{color:var(--muted);justify-content:space-between;align-items:center;margin-top:6px;padding:9px 6px;font-size:10px;font-weight:700;display:flex}.task-group-label strong{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:5px;place-items:center;min-width:22px;height:22px;font-size:9px;display:grid}.task-group-label.completed{color:var(--success);border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.completed-list{opacity:.78}.task-empty{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:24px 8px;font-size:12px}.achievement-count{color:#9a6b16;background:#d2a0371f;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:750;display:flex}.level-hero{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--line));background:color-mix(in srgb, var(--primary) 5%, var(--surface));min-height:180px;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;display:grid}.level-emblem{aspect-ratio:1;color:#9d701c;background:color-mix(in srgb, #e4b74e 13%, var(--surface-solid));border:2px solid #d5a43d;border-radius:50%;place-items:center;width:96px;display:grid;position:relative}.level-emblem strong{color:var(--text);background:var(--surface-solid);border-radius:4px;padding:1px 5px;font-size:11px;position:absolute;bottom:14px}.level-copy small,.total-xp span{color:var(--muted);font-size:10px}.level-copy h2{margin:5px 0;font-size:25px}.level-copy p{color:var(--muted);margin-bottom:15px;font-size:11px}.total-xp{color:#b0731c;grid-template-columns:24px 1fr;align-items:center;min-width:130px;display:grid}.total-xp strong{color:var(--text);grid-column:1/-1;margin-top:5px;font-size:19px}.nearest-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.nearest-grid article{--badge-color:var(--primary);border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:40px 1fr;align-items:center;gap:10px;min-height:92px;padding:14px;display:grid}.nearest-grid article>svg{color:var(--badge-color)}.nearest-grid strong,.nearest-grid small{display:block}.nearest-grid strong{margin-bottom:4px;font-size:12px}.nearest-grid small{color:var(--muted);margin-bottom:9px;font-size:9px}.achievement-filters{scrollbar-width:thin;gap:7px;padding-bottom:8px;display:flex;overflow-x:auto}.achievement-filters button{border:1px solid var(--line);min-width:max-content;min-height:34px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border-radius:7px;padding:0 11px;font-size:10px}.achievement-filters button.active{color:var(--on-primary);border-color:var(--primary);background:var(--primary)}.achievement-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.achievement-card{--badge-color:var(--primary);border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:8px;flex-direction:column;align-items:center;min-height:162px;padding:15px 8px 11px;display:flex}.achievement-card.locked{color:var(--faint);filter:grayscale(.92)}.achievement-card.unlocked{border-color:color-mix(in srgb, var(--badge-color) 30%, var(--line));background:color-mix(in srgb, var(--badge-color) 5%, var(--surface))}.medal-shell{aspect-ratio:1;width:66px;color:var(--badge-color);background:color-mix(in srgb, var(--badge-color) 10%, var(--surface-solid));border:2px solid;border-radius:50%;place-items:center;margin-bottom:12px;display:grid;position:relative}.tier-2 .medal-shell,.tier-3 .medal-shell{border-radius:18px;transform:rotate(45deg)}.tier-2 .medal-shell>*,.tier-3 .medal-shell>*{transform:rotate(-45deg)}.tier-4 .medal-shell,.tier-5 .medal-shell{border-width:3px;border-radius:18px 18px 28px 28px}.tier-6 .medal-shell,.tier-7 .medal-shell{box-shadow:0 0 0 5px color-mix(in srgb, var(--badge-color) 10%, transparent)}.tier-8 .medal-shell{box-shadow:0 0 18px color-mix(in srgb, var(--badge-color) 25%, transparent);border-width:4px}.tier-9 .medal-shell{box-shadow:0 0 0 5px #e2b74c2e, 0 0 22px color-mix(in srgb, var(--badge-color) 24%, transparent);border-width:4px}.medal-lock,.medal-spark{background:var(--surface-solid);border-radius:50%;padding:2px;position:absolute;bottom:1px;right:-3px}.achievement-card>small{min-height:22px;color:var(--muted);font-size:8px}.achievement-card>strong{font-size:12px}.achievement-card>p{color:var(--muted);margin:5px 0 0;font-size:9px}.stats-achievement-note{color:var(--muted);margin:12px 0 0;font-size:11px}.calorie-brief{background:color-mix(in srgb, #efb04f 7%, var(--surface));border:1px solid #da973638;border-radius:8px;grid-template-columns:46px 1fr;gap:13px;margin-bottom:20px;padding:17px;display:grid}.calorie-icon{color:#a66b18;background:#e2a44324;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.calorie-icon svg:last-child{display:none}.calorie-brief strong{font-size:13px}.calorie-brief p{color:var(--muted);margin:6px 0;font-size:11px;line-height:1.75}.calorie-brief small{color:var(--faint);font-size:9px}.exercise-visual{aspect-ratio:2;border:1px solid var(--line);background:color-mix(in srgb, var(--primary) 5%, var(--surface-solid));border-radius:8px;flex:none;width:min(100%,360px);position:relative;overflow:hidden}.exercise-visual small{color:var(--muted);font-size:9px;position:absolute;bottom:10px;left:12px}.figure{width:90px;height:118px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.figure span{background:var(--primary);transform-origin:top;border-radius:9px;display:block;position:absolute}.figure .head{background:color-mix(in srgb, var(--primary) 64%, #f1b79a);border-radius:50%;width:24px;height:24px;top:0;left:34px}.figure .body{width:13px;height:48px;top:25px;left:40px}.figure .arm,.figure .leg{width:10px;height:48px}.figure .arm{top:30px}.figure .arm.left{left:39px;transform:rotate(42deg)}.figure .arm.right{left:44px;transform:rotate(-42deg)}.figure .leg{height:52px;top:68px}.figure .leg.left{left:40px;transform:rotate(18deg)}.figure .leg.right{left:44px;transform:rotate(-18deg)}.motion-trail{background:color-mix(in srgb, var(--accent) 42%, transparent);border-radius:2px;width:46px;height:2px;position:absolute}.motion-trail.one{top:34%;left:18%}.motion-trail.two{top:54%;right:18%}.exercise-visual.active.step .figure,.exercise-visual.preview.step .figure{animation:1.15s ease-in-out infinite alternate demo-step}.exercise-visual.active.squat .figure,.exercise-visual.preview.squat .figure{animation:1.4s ease-in-out infinite demo-squat}.exercise-visual.stretch .figure .arm.left{transform:rotate(145deg)}.exercise-visual.stretch .figure .arm.right{transform:rotate(-145deg)}.exercise-visual.active.stretch .figure{animation:1.7s ease-in-out infinite alternate demo-stretch}.exercise-visual.floor .figure{animation:1.3s ease-in-out infinite alternate demo-floor;top:68%;transform:translate(-50%,-50%)rotate(75deg)}.exercise-visual.breathe .figure{animation:2s ease-in-out infinite demo-breathe}@keyframes demo-step{to{transform:translate(-50%,-56%)rotate(3deg)}}@keyframes demo-squat{50%{transform:translate(-50%,-36%)scaleY(.82)}}@keyframes demo-stretch{to{transform:translate(-50%,-50%)rotate(7deg)}}@keyframes demo-floor{to{transform:translate(-50%,-55%)rotate(78deg)}}@keyframes demo-breathe{50%{transform:translate(-50%,-50%)scale(1.04)}}.exercise-copy{min-height:94px;padding-top:14px}.prepare-count{color:var(--primary);margin-top:8px;font-size:11px;display:block}.workout-time{text-align:center;margin:2px 0 6px}.workout-time strong,.workout-time span{display:block}.workout-time strong{font-variant-numeric:tabular-nums;font-size:27px}.workout-time span{color:var(--muted);margin-top:3px;font-size:9px}.workout-celebration{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:390px;padding:34px;display:flex;position:relative;overflow:hidden}.workout-celebration>span{color:#a7701e;background:#e1b24e29;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:18px;animation:1.6s ease-in-out infinite reward-pulse;display:grid}.workout-celebration h2{margin-bottom:9px;font-size:23px}.workout-celebration p{max-width:440px;color:var(--muted);font-size:12px;line-height:1.75}@keyframes reward-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 12px #e1b24e14}}.workout-done-note{color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface));border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:10px;display:flex}.nutrition-recommendations{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.nutrition-recommendations>button{border:1px solid var(--line);min-height:190px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;padding:17px;display:flex}.nutrition-recommendations>button.checked{border-color:color-mix(in srgb, var(--success) 40%, var(--line));background:color-mix(in srgb, var(--success) 5%, var(--surface))}.nutrition-icon{width:36px;height:36px;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, transparent);border-radius:8px;place-items:center;margin-bottom:13px;display:grid}.nutrition-recommendations small{color:var(--muted);font-size:9px}.nutrition-recommendations strong{margin:5px 0 7px;font-size:14px}.nutrition-recommendations p{color:var(--muted);flex:1;margin-bottom:12px;font-size:10px;line-height:1.65}.nutrition-check{color:var(--primary);font-size:9px;font-weight:700}.checked .nutrition-check{color:var(--success);align-items:center;gap:4px;display:flex}.usage-example{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;max-width:640px;margin-top:13px;padding:12px 14px}.usage-example small,.usage-example strong,.usage-example p{display:block}.usage-example small{color:var(--muted);margin-bottom:5px;font-size:8px}.usage-example strong{font-size:11px}.usage-example p{color:var(--muted);margin:4px 0 0;font-size:10px}.pattern-stack{min-height:auto}.pattern-stack>div{border-top:1px solid var(--line);padding:13px 0}.pattern-stack>div:first-of-type{border-top:0;padding-top:0}.pattern-stack h3{margin-bottom:4px}.pattern-stack em{margin-top:7px}.pattern-stack span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.everyday-example{background:#e2a94314;border-left:3px solid #d49b38;border-radius:0 7px 7px 0;margin:15px 0;padding:15px}.everyday-example>span{color:#9b6a19;font-size:10px;font-weight:750}.everyday-example p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.8}.reflection-reward{border:1px solid color-mix(in srgb, var(--success) 25%, var(--line));color:var(--success);background:color-mix(in srgb, var(--success) 7%, var(--surface));border-radius:8px;gap:11px;margin-top:11px;padding:14px;display:flex}.reflection-reward strong{font-size:11px}.reflection-reward p{color:var(--muted);margin:4px 0 0;font-size:10px}.ai-bridge{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:17px}.ai-bridge>div:first-child{align-items:flex-start;gap:10px;display:flex}.ai-bridge svg{color:var(--primary);flex:none}.ai-bridge p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.ai-bridge-actions{gap:8px;margin-top:14px;display:flex}.thought-comparison{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.thought-comparison article{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-height:150px;padding:15px}.thought-comparison small{color:var(--primary);font-size:9px;font-weight:750}.thought-comparison article p{white-space:pre-wrap;color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.75}.improvement-space{background:color-mix(in srgb, #dda84d 8%, var(--surface));border-radius:8px;grid-column:1/-1;padding:14px}.improvement-space strong,.improvement-space span{display:block}.improvement-space strong{color:#976a1c;margin-bottom:7px;font-size:11px}.improvement-space span{color:var(--muted);font-size:10px;line-height:1.7}.book-visual{min-height:230px;position:relative}.book-visual img{object-fit:cover;object-position:center;background:var(--surface-solid);width:100%;height:100%;position:absolute;inset:0}.settings-toggle{padding:5px 0}.settings-toggle>span{align-items:center;gap:11px;display:flex}.settings-toggle>span>svg{color:var(--primary)}.exercise-visual{aspect-ratio:auto;background:var(--surface-solid);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:10px;width:min(100%,620px);min-height:250px;padding:12px;display:grid;overflow:visible}.pose-frame{border:1px solid var(--line);background:#11161d;border-radius:7px;position:relative;overflow:hidden}.pose-frame>span{z-index:2;color:#fff;background:#0f141cc7;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.pose-frame img{aspect-ratio:16/10;object-fit:cover;object-position:center;width:100%;display:block}.pose-arrow{color:var(--primary);text-align:center;place-items:center;gap:5px;display:grid}.exercise-visual .pose-arrow small{color:var(--muted);font-size:8px;line-height:1.3;position:static}.exercise-visual footer{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.exercise-visual footer strong{font-size:12px}.exercise-visual footer span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.task-row.completing{background:color-mix(in srgb, var(--success) 9%, var(--surface));border-radius:7px;transition:background .42s,transform .42s cubic-bezier(.22,1,.36,1);transform:scale(.992)}.task-row.completing .check-button{border-color:var(--success);background:var(--success);will-change:transform;animation:.78s cubic-bezier(.22,1,.36,1) both task-check}@keyframes task-check{0%{transform:scale(.42)rotate(-22deg)}16%{transform:scale(.68)rotate(-15deg)}34%{transform:scale(1.13)rotate(7deg)}50%{transform:scale(1.2)rotate(3deg)}67%{transform:scale(.96)rotate(-2deg)}84%{transform:scale(1.04)rotate(1deg)}to{transform:scale(1)rotate(0)}}.plan-celebration{z-index:110;border:1px solid color-mix(in srgb, var(--success) 35%, var(--line));width:min(100vw - 76px,360px);min-height:78px;color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface-solid));cursor:grab;touch-action:pan-y;will-change:transform, opacity;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-inline:auto;padding:14px 18px;display:flex;position:fixed;top:18%;left:52px;right:0;overflow:visible;box-shadow:0 18px 45px #18362d33}.plan-celebration:active,.global-reward:active{cursor:grabbing}.plan-celebration>span{z-index:2;background:color-mix(in srgb, var(--success) 12%, transparent);border-radius:50%;place-items:center;width:40px;height:40px;animation:1.15s cubic-bezier(.22,1,.36,1) both celebration-icon;display:grid;position:relative}.plan-celebration strong{z-index:2;font-size:12px;position:relative}.confetti-burst,.reward-fireworks{pointer-events:none;position:absolute;inset:50% auto auto 50%}.confetti-burst i,.reward-fireworks i{--index:0;background:hsl(calc(var(--index) * 31deg) 72% 59%);width:6px;height:11px;transform:rotate(calc(var(--index) * 20deg)) translateY(-8px);will-change:transform, opacity;border-radius:2px;animation:1.65s cubic-bezier(.2,.72,.2,1) both confetti-pop;position:absolute}.celebration-1 .confetti-burst{top:92%}.celebration-1 .confetti-burst i{width:7px;height:7px;animation-name:confetti-fountain;animation-delay:calc((var(--index) % 5) * 35ms);border-radius:50%}.celebration-2 .confetti-burst i{clip-path:polygon(50% 0,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0 50%,39% 35%);width:8px;height:8px;animation-name:confetti-orbit;animation-delay:calc((var(--index) % 4) * 42ms);border-radius:1px}.celebration-3 .confetti-burst{top:-6%}.celebration-3 .confetti-burst i{width:5px;height:15px;animation-name:confetti-ribbon;animation-delay:calc((var(--index) % 6) * 45ms);border-radius:50%}@keyframes celebration-icon{0%{transform:scale(.45)rotate(-20deg)}24%{transform:scale(1.18)rotate(8deg)}48%{transform:scale(.94)rotate(-3deg)}72%{transform:scale(1.05)rotate(1deg)}to{transform:scale(1)rotate(0)}}@keyframes confetti-pop{0%{opacity:0;transform:rotate(calc(var(--index) * 20deg)) translateY(-6px) scale(.4)}14%{opacity:1}36%{transform:rotate(calc(var(--index) * 20deg)) translateY(-46px) rotate(80deg) scale(1)}62%{opacity:1;transform:rotate(calc(var(--index) * 20deg)) translateY(-76px) rotate(190deg)}82%{opacity:.72}to{opacity:0;transform:rotate(calc(var(--index) * 20deg)) translateY(-98px) rotate(330deg) scale(.72)}}@keyframes confetti-fountain{0%{opacity:0;transform:translate(0)scale(.3)}18%{opacity:1}42%{transform:translate(calc((var(--index) - 10) * 5px),-68px) scale(1)}68%{opacity:1;transform:translate(calc((var(--index) - 10) * 7px),-92px) scale(.85)}to{opacity:0;transform:translate(calc((var(--index) - 10) * 9px),-38px) scale(.5)}}@keyframes confetti-orbit{0%{opacity:0;transform:rotate(calc(var(--index) * 18deg)) translateY(-22px) scale(.2)}20%{opacity:1}45%{transform:rotate(calc(var(--index) * 18deg + 70deg)) translateY(-64px) scale(1.15)}72%{opacity:.9;transform:rotate(calc(var(--index) * 18deg + 135deg)) translateY(-82px) scale(.82)}to{opacity:0;transform:rotate(calc(var(--index) * 18deg + 190deg)) translateY(-96px) scale(.35)}}@keyframes confetti-ribbon{0%{opacity:0;transform:translate(calc((var(--index) - 10) * 8px),-18px) rotate(0)}16%{opacity:1}38%{transform:translate(calc((var(--index) - 10) * 7px),18px) rotate(95deg)}64%{opacity:1;transform:translate(calc((var(--index) - 10) * 9px),54px) rotate(210deg)}84%{opacity:.65}to{opacity:0;transform:translate(calc((var(--index) - 10) * 10px),88px) rotate(360deg)}}.global-reward{z-index:130;left:52px;right:0;top:max(18px, env(safe-area-inset-top));background:color-mix(in srgb, #e5b54f 9%, var(--surface-solid));border:1px solid #d2a03a66;border-radius:8px;grid-template-columns:52px 1fr;align-items:center;gap:13px;width:min(100vw - 76px,410px);min-height:96px;margin-inline:auto;padding:16px 18px;display:grid;position:fixed;box-shadow:0 20px 60px #2a231442}.global-reward>span{aspect-ratio:1;color:#986817;background:radial-gradient(circle at 35% 25%,#fff4b7,#d49b29 70%);border:2px solid #c69128;border-radius:50%;place-items:center;width:50px;display:grid;box-shadow:inset -5px -7px 10px #6a3e0540,0 7px 13px #5c3d1033}.global-reward small,.global-reward strong{display:block}.global-reward small{color:#9c701e;margin-bottom:4px;font-size:9px;font-weight:750}.global-reward strong{font-size:16px}.global-reward p{color:var(--muted);margin:4px 0 0;font-size:10px}.achievement-card{--metal-title:#795743;perspective:700px;min-height:190px;padding:16px 9px 12px;overflow:visible}.achievement-card .medal-shell{--metal-light:#efd7c5;--metal-mid:#b77a55;--metal-dark:#704a37;border:3px solid var(--metal-dark);width:82px;height:82px;color:color-mix(in srgb, var(--series-color) 72%, #28313d);background:radial-gradient(circle at 29% 21%, #fff9f4 0 8%, var(--metal-light) 19%, var(--metal-mid) 58%, var(--metal-dark) 100%);box-shadow:inset 5px 6px 8px #ffffffad, inset -8px -10px 13px #281b1440, 0 9px 0 color-mix(in srgb, var(--metal-dark) 80%, #2d2522), 0 15px 20px #1e232d38;border-radius:50%;margin-bottom:24px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:relative;transform:rotateX(8deg)rotateY(-5deg)}.achievement-card .medal-shell:before{content:"";z-index:1;box-shadow:inset 0 0 0 2px #1e242c24, inset 0 0 18px color-mix(in srgb, var(--series-color) 12%, transparent);border:2px solid #ffffff7a;border-radius:50%;position:absolute;inset:7px}.achievement-card .medal-shell:after{content:"";z-index:-1;background:linear-gradient(100deg, color-mix(in srgb, var(--series-color) 68%, #26313b), var(--series-color), color-mix(in srgb, var(--series-color) 62%, #26313b));clip-path:polygon(0 0,100% 0,82% 100%,50% 75%,18% 100%);filter:drop-shadow(0 4px 3px #141c2833);width:36px;height:25px;position:absolute;bottom:-18px;left:20px}.medal-motif{z-index:3;background:color-mix(in srgb, var(--series-color) 13%, #ffffff57);border:1px solid #ffffff73;border-radius:50%;place-items:center;display:grid;position:absolute;inset:17px;box-shadow:inset 0 2px 3px #ffffff80,0 2px 5px #191f2826}.achievement-card .medal-shell>*,.achievement-card .medal-shell>*>svg{transform:none}.medal-motif svg{stroke-width:2.35px;filter:drop-shadow(0 1px 1px #ffffffa6)drop-shadow(0 2px 2px #191e2633)}.achievement-card.unlocked:hover .medal-shell{box-shadow:inset 5px 6px 8px #ffffffb8, inset -8px -10px 13px #281b1438, 0 7px 0 color-mix(in srgb, var(--metal-dark) 80%, #2d2522), 0 19px 25px #1e232d42;transform:rotateX(2deg)rotateY(6deg)translateY(-3px)}.material-silver{--metal-title:#667383}.material-silver .medal-shell{--metal-light:#f4f7fa;--metal-mid:#b3bdc9;--metal-dark:#687482}.material-gold{--metal-title:#856a31}.material-gold .medal-shell{--metal-light:#fff0bd;--metal-mid:#d5ad54;--metal-dark:#80642d}.tier-1{--metal-title:#8b6955}.tier-2{--metal-title:#805d49}.tier-3{--metal-title:#74513f}.tier-4{--metal-title:#788493}.tier-5{--metal-title:#6d7988}.tier-6{--metal-title:#626e7d}.tier-7{--metal-title:#947b43}.tier-8{--metal-title:#896f35}.tier-9{--metal-title:#7d642c}.tier-2 .medal-motif,.tier-5 .medal-motif,.tier-8 .medal-motif{border-width:2px;inset:15px}.tier-3 .medal-shell,.tier-6 .medal-shell,.tier-9 .medal-shell{outline:4px solid color-mix(in srgb, var(--series-color) 12%, transparent);outline-offset:3px}.tier-3 .medal-motif,.tier-6 .medal-motif,.tier-9 .medal-motif{inset:13px;box-shadow:inset 0 2px 4px #ffffff94,0 0 0 3px #fff3,0 3px 7px #191f282e}.achievement-card.locked .medal-shell{box-shadow:inset 3px 4px 6px #ffffff73,inset -5px -7px 9px #181f2733,0 6px #777f87,0 10px 12px #141e2d24}.achievement-card.locked{filter:none;opacity:.72}.badge-label{width:100%;min-height:20px;color:color-mix(in srgb, var(--series-color) 76%, var(--muted));white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:650;display:flex}.badge-label b{color:var(--metal-title);font-size:8px;font-weight:750}.badge-name{color:var(--metal-title);margin-top:2px;font-size:13px;font-weight:800}.achievement-card>p{margin-top:5px}.level-hero{border-color:color-mix(in srgb, var(--level-color) 28%, var(--line));background:color-mix(in srgb, var(--level-color) 6%, var(--surface));position:relative}.level-emblem{border-color:var(--level-color);color:var(--level-color);background:color-mix(in srgb, var(--level-color) 13%, var(--surface-solid));box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--level-color) 7%, transparent), 0 10px 24px color-mix(in srgb, var(--level-color) 16%, transparent);transition:color .3s,border-color .3s,background .3s}.level-emblem>svg{filter:drop-shadow(0 2px 2px #19233024)}.level-series-1{border-radius:50%}.level-series-2{border-radius:24px;transform:rotate(2deg)}.level-series-2>svg,.level-series-2>strong{transform:rotate(-2deg)}.level-series-3{clip-path:polygon(50% 0,90% 20%,100% 68%,70% 100%,30% 100%,0 68%,10% 20%);border-radius:0}.level-series-4{border-radius:48% 48% 58% 58%}.level-series-5{clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);border-radius:0}.level-series-6{box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--level-color) 8%, transparent), 0 0 0 4px color-mix(in srgb, var(--level-color) 11%, transparent), 0 12px 26px color-mix(in srgb, var(--level-color) 18%, transparent);border-width:3px;border-radius:28% 28% 44% 44%}.level-distance-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.level-distance-grid>div{grid-template-columns:1fr auto;align-items:center;gap:5px 8px;display:grid}.level-distance-grid span{color:var(--muted);font-size:9px}.level-distance-grid b{color:var(--level-color);font-size:10px}.level-distance-grid .progress-wrap{grid-column:1/-1}.level-side{flex-direction:column;align-items:stretch;gap:7px;min-width:142px;display:flex}.level-side .total-xp{min-width:0;margin-top:2px}.level-side>small{color:var(--muted);font-size:9px}.level-guide-button{border:1px solid color-mix(in srgb, var(--level-color) 30%, var(--line));min-height:34px;color:var(--level-color);background:color-mix(in srgb, var(--level-color) 7%, var(--surface-solid));cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:750;display:flex}.level-guide{border:1px solid var(--line);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:8px;margin-top:12px;overflow:hidden}.level-guide-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.level-guide-head strong{font-size:14px}.level-guide-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.level-guide-head>span{color:var(--muted);font-size:9px}.level-series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px;display:grid}.level-series-grid article{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:88px;padding:13px;display:grid;position:relative}.level-series-grid article.current{border-color:color-mix(in srgb, var(--series-level-color) 42%, var(--line));background:color-mix(in srgb, var(--series-level-color) 7%, var(--surface))}.level-series-grid article>span{width:36px;height:36px;color:var(--series-level-color);background:color-mix(in srgb, var(--series-level-color) 12%, transparent);border-radius:50%;place-items:center;display:grid}.level-series-grid strong,.level-series-grid small,.level-series-grid p{display:block}.level-series-grid strong{margin-bottom:3px;font-size:11px}.level-series-grid small,.level-series-grid p{color:var(--muted);font-size:8px}.level-series-grid p{margin:3px 0 0}.level-series-grid article>b{color:var(--series-level-color);background:color-mix(in srgb, var(--series-level-color) 10%, transparent);border-radius:4px;padding:2px 5px;font-size:7px;position:absolute;top:8px;right:8px}.global-reward{cursor:grab;touch-action:pan-y;will-change:transform, opacity}.calorie-projections{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 6px;display:grid}.calorie-projections>span{color:#96641a;text-align:center;background:#e6af4814;border:1px solid #d3973433;border-radius:6px;padding:8px;font-size:11px;font-weight:750}.calorie-projections small{color:var(--muted);margin-bottom:3px;font-size:8px;font-weight:500;display:block}.sound-button{flex:none;margin:22px 0 8px;position:static}.flashcard h2{padding:0 12px}.quiz-stage{transition:border-color .42s,box-shadow .42s;position:relative;overflow:hidden}.quiz-stage.answer-correct{border-color:color-mix(in srgb, var(--success) 55%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 9%, transparent)}.quiz-stage.answer-wrong{border-color:#d7485475;box-shadow:0 0 0 4px #d7485412}.quiz-motion{will-change:transform, opacity;position:relative;transform:translateZ(0)}.quiz-feedback{z-index:2;will-change:transform, opacity;border-radius:7px;align-items:center;gap:6px;width:max-content;margin:-15px auto 16px;padding:7px 11px;font-size:10px;font-weight:750;display:flex;position:relative}.quiz-feedback.correct{color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.quiz-feedback.wrong{color:#b64b58;background:#d3445317}.quiz-options button{will-change:opacity, background-color;transition:color .3s,border-color .3s,background .3s,opacity .3s,box-shadow .3s;transform:translateZ(0)}.quiz-options button.correct{box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 8%, transparent)}.quiz-options button.wrong{color:#b64b58;opacity:1;background:#d64e5b12;border-color:#cf6874}.quiz-particles{z-index:1;pointer-events:none;position:absolute;top:66px;left:50%}.quiz-particles i{--index:0;background:var(--success);width:6px;height:6px;transform:rotate(calc(var(--index) * 30deg)) translateY(-18px);will-change:transform, opacity;border-radius:50%;animation:.9s cubic-bezier(.2,.72,.2,1) both quiz-particle;position:absolute}.quiz-particles.wrong i{background:#cf6874;border-radius:3px;width:4px;height:10px;animation-name:quiz-error-particle}@keyframes quiz-particle{0%{opacity:0;transform:rotate(calc(var(--index) * 30deg)) translateY(-14px) scale(.3)}18%{opacity:1}48%{transform:rotate(calc(var(--index) * 30deg)) translateY(-44px) scale(1)}76%{opacity:.75}to{opacity:0;transform:rotate(calc(var(--index) * 30deg)) translateY(-61px) scale(.45)}}@keyframes quiz-error-particle{0%{opacity:0;transform:translate(calc((var(--index) - 6) * 7px),-10px) scale(.4)}22%{opacity:.85}52%{transform:translate(calc((var(--index) - 6) * 9px),8px) rotate(35deg)}to{opacity:0;transform:translate(calc((var(--index) - 6) * 11px),25px) rotate(75deg) scale(.5)}}@media (width>=900px){.rail{width:68px;padding-left:10px;padding-right:10px}.content{padding-left:68px}.plan-celebration,.global-reward{width:min(100vw - 100px,410px);left:68px}.plan-celebration{max-width:360px}}@media (width<=760px){.page{padding:26px 16px 56px}.page-header{align-items:flex-start;margin-bottom:24px}.page-header h1{font-size:27px}.page-header .primary-button,.page-header .secondary-button{min-width:40px;padding:0 10px}.page-header .primary-button svg+*,.page-header .secondary-button svg+*{display:none}.goal-grid,.learning-extras,.metric-grid{grid-template-columns:1fr 1fr}.workout-stage{grid-template-columns:1fr;padding:20px}.exercise-list{border-left:0;border-top:1px solid var(--line);max-height:200px;padding:14px 0 0}.habit-grid{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:repeat(3,1fr)}.preset-grid{grid-template-columns:1fr}.preset-grid>button{grid-template-columns:96px 1fr;align-items:center;gap:12px;min-height:87px;display:grid}.preset-preview{height:64px;margin:0}.color-grid{grid-template-columns:1fr}}@media (width<=540px){.content{padding-left:52px}.page{padding-left:14px;padding-right:14px}.page-header{grid-template-columns:1fr auto;display:grid}.page-header>div:first-child{grid-column:1/-1}.page-header>:last-child:not(:first-child){grid-area:1/2}.today-header{align-items:flex-start}.today-header h1{font-size:24px}.level-chip{flex:none}.daily-focus{flex-direction:column;justify-content:space-between;align-items:stretch;min-height:226px}.focus-progress{width:100%}.progress-number{display:none}.action-row{grid-template-columns:40px 1fr 19px;gap:9px}.action-time{display:none}.today-bottom,.goal-grid,.learning-extras,.metric-grid{grid-template-columns:1fr}.goal-card{padding:17px}.task-row{grid-template-columns:28px 1fr 8px 18px 30px;gap:7px}.flashcard-stage{padding:14px}.flashcard{min-height:300px;padding:26px 18px}.flashcard h2{font-size:34px}.card-controls .secondary-button,.card-controls .primary-button{flex:1;padding:0 9px}.quiz-stage{padding:16px}.quiz-options{grid-template-columns:1fr}.wisdom-quote{min-height:360px;padding:32px 24px}.wisdom-quote>p{font-size:23px}.reflection-actions{grid-template-columns:1fr 1fr;display:grid}.reflection-actions .primary-button{grid-column:1/-1;margin-left:0}.book-feature{grid-template-columns:90px 1fr}.book-visual{padding:17px 13px}.book-copy{padding:20px 16px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{min-height:105px}.form-grid{grid-template-columns:1fr}.form-stack .segmented{grid-auto-columns:minmax(78px,1fr);overflow-x:auto}.color-field code{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nearest-grid{grid-template-columns:1fr 1fr}.level-hero{grid-template-columns:88px 1fr}.level-emblem{width:82px}.level-side{grid-column:1/-1;grid-template-columns:150px 1fr auto auto;align-items:center;display:grid}.level-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nutrition-recommendations{grid-template-columns:1fr}.nutrition-recommendations>button{min-height:150px}.workout-stage{gap:20px}.exercise-visual{width:min(100%,420px)}}@media (width<=540px){.date-stack{gap:3px;display:grid}.date-stack span+span{border-left:0;padding-left:0}.today-header{display:block;position:relative}.today-header>div{width:100%}.today-header .date-stack{min-height:42px;padding-right:148px}.today-header h1 span{display:block}.level-chip{max-width:146px;padding:0 9px;font-size:11px;position:absolute;top:0;right:0}.level-chip span{white-space:nowrap;text-overflow:clip;max-width:none;overflow:visible}.task-row{grid-template-columns:28px minmax(0,1fr) auto 29px}.task-row>.muted-icon{display:none}.priority-label{min-width:38px;padding:4px}.level-hero{grid-template-columns:72px 1fr;gap:14px;padding:20px}.level-emblem{width:68px}.level-emblem strong{bottom:7px}.level-copy h2{font-size:20px}.total-xp{grid-column:1/-1}.level-distance-grid{grid-template-columns:1fr}.level-side{grid-template-columns:1fr 1fr;gap:8px;display:grid}.level-side .level-guide-button,.level-side .total-xp{grid-column:1/-1}.level-series-grid{grid-template-columns:1fr}.level-guide-head{flex-direction:column;align-items:flex-start}.nearest-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-card{min-height:178px;padding-top:18px}.calorie-brief{grid-template-columns:1fr}.calorie-icon{width:38px;height:38px}.exercise-visual{aspect-ratio:auto;grid-template-rows:auto 30px auto auto;grid-template-columns:1fr;min-height:0}.pose-frame img{aspect-ratio:16/9}.pose-arrow svg{transform:rotate(90deg)}.pose-arrow small{display:none}.exercise-visual footer{flex-direction:column;grid-column:1;align-items:flex-start;gap:4px}.workout-celebration{min-height:330px;padding:20px}.thought-comparison{grid-template-columns:1fr}.thought-comparison .improvement-space{grid-column:1}.ai-bridge-actions{grid-template-columns:1fr;display:grid}.book-visual{min-height:220px}}