:root{--bg: #F2F2F7;--card: #FFFFFF;--fill: #E3E3E8;--fill-2: #EEEEF0;--pressed: #E5E5EA;--accent: #5E5CE6;--accent-pressed: #4B49C9;--accent-dark: #3634A3;--accent-edge: #2E2C9E;--accent-soft: #E6E6FB;--accent-soft-pressed: #D6D6F7;--accent-200: #C9C8F7;--accent-300: #A9A8F2;--accent-350: #9A98F2;--accent-400: #8583EC;--toast-link: #A5A4FF;--text: #000000;--text-2: #3C3C43;--text-3: #6C6C70;--text-muted: #8E8E93;--text-disabled: #C7C7CC;--separator: #C6C6C8;--stop: #D1D1D6;--icon-sleep: #5AC8FA;--icon-flag: #FF9500;--icon-effort: #FF9500;--icon-procr: #30B0C7;--success: #32D74B;--radius-card: 18px;--radius-tile: 16px;--radius-field: 12px;--radius-button: 14px;--button-h: 52px;--tap: 44px;--gap: 16px;--pad: 16px;--shadow-thumb: 0 .5px 4px rgba(0, 0, 0, .14), 0 6px 14px rgba(0, 0, 0, .16);--shadow-seg: 0 3px 8px rgba(0, 0, 0, .12), 0 0 0 .5px rgba(0, 0, 0, .04);--hairline: .5px solid var(--separator);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, "Segoe UI", Roboto, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.3;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-decoration:none}input::placeholder,textarea::placeholder{color:var(--text-disabled)}.num{font-variant-numeric:tabular-nums}.app{height:100%;display:flex;justify-content:center}.screen{position:relative;width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);padding-top:var(--safe-top)}.navbar{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 4px;position:relative}.navbar-title{position:absolute;left:0;right:0;text-align:center;font-size:17px;font-weight:600;pointer-events:none}.nav-btn{min-height:var(--tap);display:flex;align-items:center;color:var(--accent);font-size:17px;position:relative;z-index:1;padding:0 8px}.nav-btn.back{padding:0}.nav-btn:active{opacity:.5}.body{flex:1;overflow-y:auto;padding:4px var(--pad) 20px;display:flex;flex-direction:column;gap:var(--gap);-webkit-overflow-scrolling:touch}.body>*{flex:none}.footer{flex:none;padding:10px var(--pad) calc(16px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px;background:var(--bg)}.footer.line{border-top:.5px solid rgba(60,60,67,.18)}.footer-hint{text-align:center;font-size:13px;color:var(--text-muted);min-height:16px}.head{display:flex;flex-direction:column;gap:2px;padding:0 4px}.kicker{font-size:13px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.02em}.large-title{font-size:34px;font-weight:700;line-height:1.1}.title{font-size:28px;font-weight:700;line-height:1.15;text-wrap:pretty}.headline{font-size:30px;font-weight:700;line-height:1.12;text-wrap:pretty}.lead{font-size:17px;line-height:1.4;color:var(--text-2);text-wrap:pretty}.section-label{font-size:13px;color:var(--text-3);text-transform:uppercase;padding:0 16px}.footnote{font-size:13px;color:var(--text-muted);padding:0 16px;line-height:1.4;text-wrap:pretty}.muted{color:var(--text-muted)}.small{font-size:13px}.card-title{font-size:15px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:6px}.card-title.dark{color:var(--accent-dark)}.q{font-size:17px;font-weight:600}.sub-q{font-size:15px;font-weight:600}.group{display:flex;flex-direction:column;gap:6px}.card{flex:none;background:var(--card);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:10px}.card.flush{padding:0;gap:0;overflow:hidden}.tile{background:var(--card);border-radius:var(--radius-tile);padding:12px;display:flex;flex-direction:column;gap:2px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile-label{font-size:13px;font-weight:600}.tile-value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.tile-value small{font-size:15px;color:var(--text-muted);font-weight:500}.row{min-height:var(--tap);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-left:16px;padding:8px 16px 8px 0;font-size:17px}.row+.row,.row.sep{border-top:var(--hairline)}.row .value{color:var(--text-muted);text-align:right}.row-btn{width:100%}.row-btn:active{background:var(--pressed)}.icon-row{display:flex;align-items:center;gap:12px;padding-left:16px;width:100%;min-height:var(--tap)}.icon-row:active{background:var(--pressed)}.icon-row .inner{flex:1;min-height:var(--tap);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px 6px 0}.icon-row+.icon-row .inner{border-top:var(--hairline)}.icon-box{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.chevron{color:var(--text-disabled);flex:none}.divider-top{margin-top:4px;padding-top:12px;border-top:var(--hairline);display:flex;flex-direction:column;gap:10px;animation:rise .2s ease-out}.spread{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.btn{height:var(--button-h);border-radius:var(--radius-button);background:var(--accent);color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .1s ease-out,background-color .1s ease-out,opacity .2s}.btn:active{background:var(--accent-pressed);transform:scale(.98)}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.secondary:active{background:var(--accent-soft-pressed)}.btn.white{background:#fff;color:var(--accent);height:48px;border-radius:12px}.btn.soft-48{height:48px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.btn.off{opacity:.4}.btn.plain{background:none;color:var(--accent);height:var(--tap);font-weight:400}.btn.plain:active{opacity:.5;transform:none}.link-btn{min-height:var(--tap);display:inline-flex;align-items:center;color:var(--accent);font-size:17px;padding:0 4px}.link-btn:active{opacity:.5}.pill-btn{flex:none;height:34px;padding:0 14px;border-radius:17px;background:var(--accent-soft);color:var(--accent-dark);font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:2px}.pill-btn:active{background:var(--accent-soft-pressed)}.round-btn{width:32px;height:32px;border-radius:16px;background:var(--fill);display:flex;align-items:center;justify-content:center;color:var(--accent)}.round-btn:active{transform:scale(.9)}.close-btn{width:var(--tap);height:var(--tap);display:flex;align-items:center;justify-content:center}.close-btn span{width:30px;height:30px;border-radius:15px;background:var(--fill);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.seg{display:grid;background:var(--fill);border-radius:10px;padding:2px;gap:2px}.seg button{height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;text-align:center;padding:0 4px;line-height:1.1}.seg button[aria-checked=true]{background:#fff;box-shadow:var(--shadow-seg);font-weight:600}.seg button:active{opacity:.6}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip{min-height:var(--tap);display:flex;align-items:center;padding:0 14px;border-radius:22px;font-size:15px;line-height:1.2;background:var(--bg);transition:background-color .15s}.chip[aria-checked=true]{background:var(--accent);color:#fff}.chip:active{opacity:.6}.chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}.chip-row::-webkit-scrollbar{display:none}.chip-row .chip{flex:none;min-height:34px;height:34px;border-radius:17px;white-space:nowrap}.toggle{position:relative;flex:none;width:51px;height:31px;border-radius:16px;background:#e9e9eb;transition:background-color .2s}.toggle[aria-checked=true]{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:14px;background:#fff;box-shadow:0 3px 8px #00000026,0 1px 1px #0000000f;transition:left .2s cubic-bezier(.2,.8,.2,1)}.toggle[aria-checked=true]:after{left:22px}.field{height:52px;padding:0 16px;font-size:17px;background:#fff;border:0;border-radius:var(--radius-field);width:100%;outline:none}.field.grey{height:44px;padding:0 12px;border-radius:10px;background:var(--bg)}.textarea{width:100%;border:0;border-radius:10px;background:var(--bg);padding:12px;font-size:17px;line-height:1.4;resize:none;outline:none}.time-pill{height:34px;min-width:72px;padding:0 11px;border-radius:8px;background:var(--fill-2);display:flex;align-items:center;justify-content:center;font-size:17px;font-variant-numeric:tabular-nums}.flash{outline:2px solid var(--accent);outline-offset:6px;border-radius:12px;transition:outline-color .2s}.card.flash{outline-offset:2px;border-radius:var(--radius-card)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes menuIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes inR{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes inL{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes glow{0%{r:0}to{r:16px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes caret{50%{opacity:0}}.rise{animation:rise .2s ease-out}@media(prefers-reduced-motion:reduce){@keyframes rise{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{opacity:0}to{opacity:1}}@keyframes menuIn{0%{opacity:0}to{opacity:1}}@keyframes inR{0%{opacity:0}to{opacity:1}}@keyframes inL{0%{opacity:0}to{opacity:1}}*{transition:none!important}}