:root{--bg: #0b0f14;--card: #121a24;--card-sunken: #0d1218;--border: #1e2a38;--text: #dbe4ee;--muted: #8fa3b8;--faint: #64748b;--green: #4ade80;--blue: #60a5fa;--red: #ef4444;--violet: #a78bfa;--cta-bg: #1d4ed8;--cta-active: #1e40af;--radius: 12px;--radius-sm: 10px;--radius-pill: 999px;--gap: 10px;--section-gap: 16px;--max-width: 640px}*{box-sizing:border-box}html,body,#root{background:var(--bg)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);margin:0;line-height:1.35;-webkit-font-smoothing:antialiased}button,input{font:inherit}.page{max-width:var(--max-width);margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--section-gap)}.section{display:flex;flex-direction:column;gap:var(--gap)}h1,h2,h3,h4,h5,p{margin:0}.sec-note{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin:0 0 2px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}.pill{display:inline-flex;align-items:center;gap:5px;background:#14202b;border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 10px;font-size:10px;font-weight:500;color:var(--muted);line-height:1;cursor:default}.pill--button{cursor:pointer}.pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.pill--ok{color:var(--green);border-color:#4ade8040}.pill--info{color:var(--blue);border-color:#60a5fa40}.pill--off{color:var(--faint)}.pill--danger{color:var(--red)}.cta{display:block;width:100%;background:var(--cta-bg);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 14px;font:inherit;font-size:13px;font-weight:600;text-align:center;cursor:pointer;transition:background .15s ease}.cta:hover{background:var(--cta-active)}.cta:disabled{opacity:.6;cursor:not-allowed}.cta--ghost{background:transparent;color:var(--blue)}.cta--ghost:hover{background:#60a5fa1a}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#14202b;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn:hover{color:var(--text);border-color:var(--muted)}.btn.primary{background:var(--cta-bg);color:#fff;border-color:transparent}.btn.primary:hover{background:var(--cta-active)}.btn.danger{color:var(--red);border-color:#ef444459}.btn.danger:hover{background:#ef44441a;border-color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.header{display:flex;justify-content:space-between;align-items:center;gap:12px}.header__title{font-size:18px;font-weight:700;letter-spacing:.02em}.header__popover{display:flex;align-items:center;gap:8px;margin-top:8px}.header-auth{display:flex;align-items:center;gap:10px;margin-top:8px}.cloud-email{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 16px}.hero-ring{width:160px;height:160px;border-radius:50%;border:10px solid #1d2936;border-top-color:var(--red);border-right-color:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease}.hero-ring--pulse{animation:pulse-ring 1.4s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}.hero-ring--dim{border-color:#1d2936;border-top-color:#1d2936;border-right-color:#1d2936}.hero__value{font-size:48px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#fff}.hero__value--dim{color:var(--faint)}.hero__unit{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.hero__status{font-size:13px;color:var(--muted);text-align:center}.hero__micro{font-size:11px;color:var(--faint);text-align:center;max-width:320px;line-height:1.4}.sync-line{display:flex;justify-content:center;align-items:center;font-size:11px;color:var(--muted)}.sync-line__pill{display:inline-flex;align-items:center;gap:5px;background:#14202b;border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 12px;color:var(--muted)}.sync-line__pill--ok{color:var(--green);border-color:#4ade8040}.chart-wrap{position:relative}.chart-svg{width:100%;height:auto;display:block}.chart-empty{font-size:12px;color:var(--faint);margin:0;text-align:center;padding:18px 0}.chart-tooltip{position:absolute;transform:translate(-50%,-120%);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:11px;color:var(--text);pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #00000040}.sparkline{width:100%;height:auto;display:block}.spark-meta{display:flex;justify-content:space-between;margin:8px 0 0;font-size:12px}.spark-now{color:var(--text);font-variant-numeric:tabular-nums}.spark-range{color:var(--muted);font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.tile .label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tile .value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);margin-top:2px}.tile .sub{font-size:11px;color:var(--faint);margin-top:2px}@media (max-width: 420px){.tiles{grid-template-columns:minmax(0,1fr)}}.log{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.4;color:#7ee787;background:var(--card-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted)}.login-page,.pair-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card,.pair-card{width:100%;max-width:360px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;gap:10px}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:14px;padding:10px 12px}.auth-form input:focus{outline:none;border-color:var(--blue)}.auth-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--muted);font:inherit;font-size:13px;padding:4px 0;cursor:pointer;text-align:center}.auth-toggle:hover{color:var(--text);text-decoration:underline}.login-title{font-size:22px;font-weight:700;letter-spacing:.02em;text-align:center}.login-sub{color:var(--muted);font-size:13px;text-align:center;margin:-4px 0 4px}.login-info{color:var(--green);font-size:13px;text-align:center;line-height:1.4}.cloud-error{color:var(--red);font-size:12px;margin:8px 0 0;overflow-wrap:anywhere;text-align:center}.logo-mark{font-size:36px;text-align:center;line-height:1}.logo-title{font-size:20px;font-weight:700;letter-spacing:.04em;text-align:center}.logo-tag{font-size:11px;color:var(--faint);text-align:center}.pair-strap{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1e2a38,#0b0f14);border:2px solid var(--border);margin:10px auto;display:flex;align-items:center;justify-content:center;font-size:30px}.account-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.account-row+.account-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.account-meta{font-size:12px;color:var(--muted)}.sleep-value{font-size:20px;font-weight:700;color:var(--text);margin:2px 0 8px}.sleep-sub{font-size:11px;color:var(--muted)}.data-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.data-row+.data-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.data-actions{display:flex;gap:12px;flex-wrap:wrap}.data-actions .btn{padding:8px 12px;font-size:12px}.hint-card{background:var(--card-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:12px;color:var(--muted);text-align:center;max-width:340px}.day-bars{display:flex;flex-direction:column;gap:6px}.day-row{display:grid;grid-template-columns:56px 1fr 64px;align-items:center;gap:10px;font-size:12px}.day-label{color:var(--muted);font-variant-numeric:tabular-nums}.day-track{position:relative;height:12px;background:var(--card-sunken);border:1px solid var(--border);border-radius:6px;overflow:hidden}.day-bar{position:absolute;left:0;top:0;bottom:0;background:var(--blue);border-radius:6px}.day-bar--sleep{background:var(--violet)}.day-rest{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--green);border-radius:1px}.day-val{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}