:root{--bg:#f5f5f7;--surface:#fff;--surface-2:#efeff4;--surface-3:#e8e8ed;--text:#1d1d1f;--muted:#6e6e73;--muted-2:#a1a1a6;--separator:#00000014;--accent:#ff5a36;--accent-soft:#ffece6;--success:#34c759;--warning:#ff9f0a;--info-chip:#d7e8ff;--shadow:0 4px 24px #0000000f;--shadow-sm:0 2px 12px #0000000d;--radius:20px;--radius-sm:14px;--radius-btn:14px;--font:system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body{min-height:100dvh}button,input,textarea{font-family:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{color:#e04a28}@keyframes spinRing{to{transform:rotate(1turn)}}@keyframes pulseDot{0%,to{opacity:.3}50%{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes floatY{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}@keyframes confDrop{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(170px)rotate(320deg)}}.fade-up{animation:.4s both fadeUp}.pop-in{animation:.5s both popIn}.btn-primary{border-radius:var(--radius-btn);background:var(--text);color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:50px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary.is-disabled,.btn-primary:disabled{background:var(--surface-3);color:var(--muted-2);cursor:default}.btn-secondary{border-radius:var(--radius-btn);width:100%;height:46px;color:var(--text);border:1.5px solid var(--separator);justify-content:center;font-size:15px;font-weight:700}.btn-secondary,.chip{background:var(--surface);align-items:center;display:inline-flex}.chip{box-shadow:var(--shadow-sm);border-radius:999px;gap:8px;padding:8px 14px 8px 8px}.avatar{width:26px;height:26px;color:var(--text);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.seg{background:var(--surface-3);border-radius:10px;padding:2px;display:flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:4px 12px;font-family:inherit;font-size:13px;font-weight:700}.seg button.is-on{background:var(--surface);color:var(--text);box-shadow:0 1px 6px #0000001a}.timer-ring{flex-shrink:0;width:52px;height:52px;position:relative}.timer-ring__track{border:4px solid var(--surface-3);border-radius:26px;position:absolute;inset:0}.timer-ring__spin{border:4px solid #0000;border-top:4px solid var(--accent);border-radius:26px;animation:1.8s linear infinite spinRing;position:absolute;inset:0}.timer-ring__spin.is-warn{border-top-color:var(--warning)}.timer-ring__label{justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}
