:root{--bg:#0d1117;--bg2:#121824;--card:#161d29;--card2:#1c2433;--line:#232c3d;--text:#e6edf3;--muted:#8b98a9;--accent:#34d399;--accent2:#38bdf8;--gold:#fbbf24;--danger:#f87171;--radius:16px;--shadow:0 8px 24px #00000059}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}input,select{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:10px;outline:none;width:100%;padding:10px 12px}input:focus,select:focus{border-color:var(--accent)}.app{max-width:560px;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:calc(54px + env(safe-area-inset-bottom));margin:0 auto}.page{padding:16px 16px 8px}.page-stack{flex-direction:column;gap:14px;display:flex}.boot{height:100dvh;color:var(--muted);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);place-items:center;display:grid}.hero{justify-content:space-between;align-items:flex-end;gap:12px;padding:6px 2px 2px;display:flex}.hero h1{letter-spacing:.5px;margin:0;font-size:24px}.hero-date{color:var(--muted);margin:4px 0 0;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card h3,.card-head h3{color:var(--muted);letter-spacing:.3px;margin:0;font-size:15px;font-weight:600}.muted{color:var(--muted);margin:4px 0;font-size:13px;line-height:1.6}.hint{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.btn{color:#06231a;background:var(--accent);border:none;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:600;transition:transform 50ms,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn.big{width:100%;padding:15px;font-size:16px}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.btn.subtle{background:var(--card2);color:var(--text);padding:8px 14px;font-size:13px}.btn.danger{color:var(--danger);background:#f871711f}.text-btn{color:var(--muted);background:0 0;border:none;padding:8px;font-size:13px}.text-btn.danger{color:var(--danger)}.chip{background:var(--card2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;display:inline-block}.chip.ok{color:var(--accent);background:#34d39924}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:19px;font-weight:700}.stat-sub{color:var(--muted);font-size:11px}.train-card .train-duration{margin:6px 0 12px;font-size:16px;font-weight:600}.countdown-num{color:var(--accent);margin:4px 0;font-size:42px;font-weight:800}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.field{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.field-label{color:var(--muted);font-size:12px}.rating-col{flex-direction:column;gap:8px;margin:8px 0;display:flex}.rating-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.rating-label{color:var(--muted);flex-shrink:0;font-size:13px}.rating-btns{gap:5px;display:flex}.rating-btns button{border:1px solid var(--line);background:var(--bg2);width:32px;height:32px;color:var(--muted);border-radius:10px;font-size:13px}.rating-btns button.on{background:var(--accent);color:#06231a;border-color:var(--accent);font-weight:700}.toggle-pair{gap:8px;margin:8px 0;display:flex}.pill{border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:13px}.pill.on{border-color:var(--accent);color:var(--accent);background:#34d39924}.pill.big{padding:12px 20px;font-size:14px}.pain-row{align-items:center;gap:8px;margin:8px 0;display:flex}.pain-row input[type=text]{flex:1}.checkbox{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.wide-input{margin-top:8px}.row-gap{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.row-gap .btn{flex:1;min-width:120px}.segmented{background:var(--bg2);border:1px solid var(--line);border-radius:12px;gap:3px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:none;border-radius:9px;flex:1;padding:9px 8px;font-size:13px}.segmented button.seg-active{background:var(--card2);color:var(--text);font-weight:600}.segmented.small button{padding:6px 10px;font-size:12px}.stepper{align-items:center;gap:12px;display:flex}.stepper button{border:1px solid var(--line);background:var(--card2);width:38px;height:38px;color:var(--text);border-radius:12px;font-size:18px}.stepper span{text-align:center;min-width:90px;font-size:16px;font-weight:600}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.toggle-text{flex-direction:column;gap:2px;display:flex}.toggle-text b{font-size:14px}.toggle-text small{color:var(--muted);font-size:12px}.toggle-row input{display:none}.toggle-track{background:var(--line);border-radius:999px;flex-shrink:0;width:46px;height:28px;transition:background .2s;position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle-row input:checked+.toggle-track{background:var(--accent)}.toggle-row input:checked+.toggle-track:after{left:21px}.time-row{max-width:160px;margin:6px 0 10px}.guide-list{color:var(--muted);margin:8px 0 10px;padding-left:20px;font-size:13px;line-height:1.9}.foot-note{text-align:center;color:var(--muted);padding:10px 0 20px;font-size:11px}.tabbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);width:100%;max-width:560px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20;background:#0d1117eb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;text-decoration:none;display:flex}.tabbar a.tab-active{color:var(--accent)}.tab-icon{font-size:18px;line-height:1}.progress-head{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.progress-track{background:var(--line);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.ex-name{margin:0 0 4px;font-size:22px}.ex-spec{color:var(--accent);margin:0;font-size:14px}.ex-variants{color:var(--muted);margin:4px 0 10px;font-size:12px}.ex-figure{background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin:10px 0 6px;padding:8px 8px 4px}.ex-figure svg{width:100%;display:block}.fig-caption{text-align:center;color:var(--muted);padding:2px 0 4px;font-size:11px;display:block}.ex-cue{border-left:3px solid var(--accent2);background:#38bdf814;border-radius:8px;margin:8px 0 4px;padding:9px 11px;font-size:13px;line-height:1.6}.demo-link{color:var(--accent2);margin:2px 0 8px;font-size:12px;text-decoration:none;display:inline-block}.set-list{flex-direction:column;gap:6px;margin:10px 0;display:flex}.set-row{background:var(--bg2);border:1px solid var(--line);border-radius:10px;justify-content:space-between;padding:9px 12px;font-size:13px;display:flex}.set-form{border:1px dashed var(--line);border-radius:12px;margin:10px 0;padding:12px}.rest-timer{background:#38bdf814;border:1px solid #38bdf840;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:12px;display:flex}.rest-timer b{color:var(--accent2);font-variant-numeric:tabular-nums;margin-right:8px;font-size:24px}.rest-timer.done b{color:var(--accent)}.row{align-items:center;gap:8px;display:flex}.tpl-list{flex-direction:column;gap:8px;display:flex}.tpl-row{background:var(--bg2);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;display:flex}.tpl-row small{color:var(--muted);margin-top:2px;display:block}.tpl-arrow{color:var(--accent);font-size:13px}.mode-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-btn{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:18px 10px;font-size:15px;font-weight:600}.seg-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.seg-row{background:var(--bg2);border:1px solid var(--line);color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.seg-row.current{border-color:var(--accent2);color:var(--text)}.seg-row.done{opacity:.55}.seg-time{color:var(--accent2);font-variant-numeric:tabular-nums;font-size:18px}.success-card{text-align:center;padding:28px 18px}.success-card h2{margin:8px 0}.success-card .btn{margin-top:12px}.success-icon{margin:0;font-size:42px}.spark-wrap{margin-top:10px}.spark{width:100%;display:block}.spark-label{fill:var(--muted);font-size:11px}.chart-caption{color:var(--muted);margin:2px 0 0;font-size:11px}.weekbars{align-items:flex-end;gap:4px;height:90px;margin-top:10px;display:flex}.weekbar-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.weekbar-track{background:var(--bg2);border-radius:6px;flex:1;align-items:flex-end;width:100%;min-height:10px;display:flex;overflow:hidden}.weekbar-fill{background:var(--accent);border-radius:6px;width:100%;transition:height .3s}.weekbar-col span{color:var(--muted);font-size:9px}.weekbar-col.future .weekbar-track{opacity:.3}.dual-chart{flex-direction:column;gap:12px;display:flex}.dual-chart h4{color:var(--muted);margin:0 0 2px;font-size:13px}.judge-block{margin-top:12px}.judge-block h4{color:var(--muted);margin:0 0 6px;font-size:13px}.judge-block ul{margin:0;padding-left:18px;font-size:14px;line-height:1.8}.next-label{color:var(--accent);background:#34d3991a;border:1px solid #34d39940;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:14px;font-weight:600}.guide-list+.muted{margin-top:6px}.onboarding{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(60% 40% at 50% 0%, #34d39914, transparent), var(--bg);justify-content:center;align-items:center;display:flex}.ob-card{background:var(--card);border:1px solid var(--line);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:20px;padding:24px 20px}.ob-card h1{margin:10px 0;font-size:24px}.ob-card h2{margin:10px 0 14px;font-size:20px}.ob-progress{gap:6px;margin-bottom:18px;display:flex}.ob-dot{background:var(--line);border-radius:50%;width:10px;height:10px}.ob-dot.on{background:var(--accent)}@media (width>=600px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100dvh}}