@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/instrument-sans-500.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/instrument-sans-700.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f1ece1;--bg-tint-1:#ff984a1a;--bg-tint-2:#6c5ce714;--surface:#fff9;--surface-strong:#ffffffe6;--surface-border:#1c1a1714;--ink:#161310;--ink-muted:#6e675c;--ink-faint:#a69d8d;--hairline:#1c1a171a;--day-1:#ffb43c;--day-2:#ff6b3d;--day-ink:#c2571f;--day-glow:#ff7a3d59;--night-1:#7c9cff;--night-2:#6c5ce7;--night-ink:#5647c8;--night-glow:#6c5ce752;--cta:#161310;--cta-ink:#f4efe6;--cta-shadow:#16131047;--red:#d6453f;--shadow-soft:0 18px 44px -20px #16131059;--radius:22px;--tab-bar-pad-x:18px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a0a0d;--bg-tint-1:#ff7a3d29;--bg-tint-2:#7c6cff24;--surface:#ffffff09;--surface-strong:#ffffff0f;--surface-border:#ffffff17;--ink:#f5f2ec;--ink-muted:#918b80;--ink-faint:#56514a;--hairline:#f5f2ec1a;--day-1:#ffc24d;--day-2:#ff6b3d;--day-ink:#ffb56b;--day-glow:#ff7a3d6b;--night-1:#8aa6ff;--night-2:#6c5ce7;--night-ink:#a9b8ff;--night-glow:#6c5ce773;--cta:#f5f2ec;--cta-ink:#0a0a0d;--cta-shadow:#00000080;--red:#ff6b66;--shadow-soft:0 24px 60px -24px #000c}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1ece1;--bg-tint-1:#ff984a1a;--bg-tint-2:#6c5ce714;--surface:#fff9;--surface-strong:#ffffffe6;--surface-border:#1c1a1714;--ink:#161310;--ink-muted:#6e675c;--ink-faint:#a69d8d;--hairline:#1c1a171a;--day-1:#ffb43c;--day-2:#ff6b3d;--day-ink:#c2571f;--day-glow:#ff7a3d59;--night-1:#7c9cff;--night-2:#6c5ce7;--night-ink:#5647c8;--night-glow:#6c5ce752;--cta:#161310;--cta-ink:#f4efe6;--cta-shadow:#16131047;--red:#d6453f;--shadow-soft:0 18px 44px -20px #16131059}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0d;--bg-tint-1:#ff7a3d29;--bg-tint-2:#7c6cff24;--surface:#ffffff09;--surface-strong:#ffffff0f;--surface-border:#ffffff17;--ink:#f5f2ec;--ink-muted:#918b80;--ink-faint:#56514a;--hairline:#f5f2ec1a;--day-1:#ffc24d;--day-2:#ff6b3d;--day-ink:#ffb56b;--day-glow:#ff7a3d6b;--night-1:#8aa6ff;--night-2:#6c5ce7;--night-ink:#a9b8ff;--night-glow:#6c5ce773;--cta:#f5f2ec;--cta-ink:#0a0a0d;--cta-shadow:#00000080;--red:#ff6b66;--shadow-soft:0 24px 60px -24px #000c}*{box-sizing:border-box}html,body{background-color:var(--bg);color:var(--ink);height:var(--app-height,100dvh);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;overflow:hidden auto}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background-image:radial-gradient(120% 70% at 15% -5%, var(--bg-tint-1), transparent 55%), radial-gradient(120% 75% at 90% 108%, var(--bg-tint-2), transparent 55%);background-attachment:fixed}#app{flex-direction:column;max-width:460px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}button{cursor:pointer;font-family:inherit}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.auth-screen{min-height:var(--app-height,100dvh);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.auth-screen .eyebrow{margin-bottom:4px}.auth-screen h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:1.75rem;font-weight:700;line-height:1.05}.auth-screen p{color:var(--ink-muted);margin:0;font-size:.95rem}.auth-screen form,.auth-screen .auth-actions{flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:14px;display:flex}.auth-screen label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);text-align:left;flex-direction:column;gap:4px;font-size:10.5px;font-weight:700;display:flex}.auth-screen input{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink);border-radius:14px;outline:none;padding:11px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-screen input:focus{border-color:var(--day-2);box-shadow:0 0 0 4px var(--day-glow)}.auth-screen input[readonly],.modal input[readonly]{opacity:.6;cursor:default}.auth-screen input[readonly]:focus,.modal input[readonly]:focus{box-shadow:none}.auth-screen button[type=submit],.auth-screen .auth-primary-btn{letter-spacing:.1em;text-transform:uppercase;background:var(--cta);color:var(--cta-ink);box-shadow:0 14px 30px -10px var(--cta-shadow);border:none;border-radius:999px;padding:17px;font-family:inherit;font-size:.9rem;font-weight:700;transition:transform .12s}.auth-screen button[type=submit]:active,.auth-screen .auth-primary-btn:active{transform:translateY(1px)}.pill-btn{border:1px solid var(--surface-border);background:var(--surface);width:100%;max-width:300px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px;font-family:inherit;font-size:.9rem;font-weight:700;transition:transform .12s;display:flex}.pill-btn:active{transform:translateY(1px)}.auth-divider{width:100%;max-width:300px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--surface-border);flex:1;height:1px}.auth-toggle-link{color:var(--ink-muted);font-size:.85rem}.auth-toggle-link a{color:var(--ink);font-weight:700;text-decoration:none}.error{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent);border:1px solid color-mix(in srgb, var(--red) 30%, transparent);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:700;line-height:1.35;display:flex}.error svg{flex-shrink:0;margin-top:1px}.loading,.error-screen{min-height:var(--app-height,100dvh);text-align:center;color:var(--ink-muted);letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.app-shell{flex-direction:column;flex:1;min-height:0;padding-bottom:8px;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.app-shell.dragging{transition:none}.tab-swipe-ghost{z-index:1;pointer-events:none}@media (prefers-reduced-motion:reduce){.app-shell{transition:none}}.app-shell--home{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;overflow-y:auto}.app-shell--home::-webkit-scrollbar{display:none}.app-shell--log,.app-shell--analytics{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.app-shell--log::-webkit-scrollbar{display:none}.app-shell--analytics::-webkit-scrollbar{display:none}.hero{flex:none;padding:clamp(10px,2.5dvh,22px) 26px 0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:7px;margin-bottom:7px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";opacity:.6;background:currentColor;width:14px;height:1.5px}.headline{letter-spacing:-.035em;text-wrap:balance;margin:0;padding-left:46px;padding-right:46px;font-size:clamp(20px,3dvh,27px);font-weight:700;line-height:1.05}.headline em{color:var(--ink-muted);font-style:normal;font-weight:500}.theme-toggle-global{max-width:460px;padding:calc(env(safe-area-inset-top) + 12px) 20px 0 0;pointer-events:none;z-index:5;justify-content:flex-end;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.theme-toggle-global .icon-btn{pointer-events:auto}.help-link-global{max-width:460px;padding:calc(env(safe-area-inset-top) + 12px) 0 0 20px;pointer-events:none;z-index:5;justify-content:flex-start;gap:8px;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.help-link-global .icon-btn{pointer-events:auto}.demo-banner{padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;text-align:center;letter-spacing:.02em;color:var(--ink-muted);background:var(--bg-tint-1);border-bottom:1px solid var(--surface-border);flex:none;font-size:12px;font-weight:600}.log-header{align-items:center;gap:10px;padding:24px 26px 8px;display:flex}.log-header h1{letter-spacing:-.03em;flex:1;margin:0;font-size:24px;font-weight:700}.gauge-stack{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;padding:8px 16px 0;display:flex}.gauge-col{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:0;padding:6px 4px 10px;display:flex;position:relative;container-type:size}.gauge-readout{box-shadow:inset 0 0 0 1px var(--hairline), inset 0 2px 12px #00000059, inset 0 -1px 0 #ffffff0a;background:radial-gradient(circle at 50% 32%,#ffffff0d,#fff0 55%),radial-gradient(circle at 50% 118%,#0006,#0000 58%);border-radius:50%;position:relative}.gauge-readout:before{content:"";filter:blur(52px);z-index:-1;pointer-events:none;opacity:.9;border-radius:50%;position:absolute;inset:-18%}.gauge-col.day .gauge-readout:before{background:radial-gradient(circle, var(--day-glow), transparent 68%)}.gauge-col.night .gauge-readout:before{background:radial-gradient(circle, var(--night-glow), transparent 68%)}.gauge-readout svg{position:absolute;inset:0;overflow:visible}.gauge-readout .track{stroke:var(--hairline)}.gauge-readout .progress{filter:drop-shadow(0 0 6px var(--day-glow));transition:stroke-dasharray .7s cubic-bezier(.16,1,.3,1)}.gauge-col.night .progress{filter:drop-shadow(0 0 6px var(--night-glow))}.gauge-readout .tick{stroke:var(--hairline);stroke-width:1.4px;stroke-linecap:round;transition:stroke .5s}.gauge-readout .tick.major{stroke-width:2.2px}.gauge-col.day .tick.on{stroke:var(--day-1)}.gauge-col.night .tick.on{stroke:var(--night-1)}.gauge-readout .tip{transition:cx .7s cubic-bezier(.16,1,.3,1),cy .7s cubic-bezier(.16,1,.3,1)}.gauge-col.day .tip{fill:var(--day-1);filter:drop-shadow(0 0 5px var(--day-glow))}.gauge-col.night .tip{fill:var(--night-1);filter:drop-shadow(0 0 5px var(--night-glow))}.gauge-readout.tapping .progress,.gauge-readout.tapping .tip,.gauge-readout.tapping .tick{transition:none}@keyframes gauge-snap{0%{filter:brightness()}30%{filter:brightness(1.18)}to{filter:brightness()}}.gauge-readout.snap{animation:.38s ease-out gauge-snap}.gauge-col.day .g1{stop-color:var(--day-1)}.gauge-col.day .g2{stop-color:var(--day-2)}.gauge-col.night .g1{stop-color:var(--night-1)}.gauge-col.night .g2{stop-color:var(--night-2)}.gauge-center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.gauge-center .value{letter-spacing:-.03em;font-size:26px;font-weight:700}.gauge-center .goal{color:var(--ink-muted);letter-spacing:.01em;font-size:10.5px}.gauge-label{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.gauge-label .title{letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;font-weight:700}.gauge-col.day .title{color:var(--day-ink)}.gauge-col.night .title{color:var(--night-ink)}.gauge-label .remaining{color:var(--ink-muted);font-size:12px}.gauge-label .pct{letter-spacing:.08em;color:var(--ink-faint);border:1px solid var(--hairline);border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.gauge-col.size-lg{flex:5;gap:12px;min-height:0;padding-bottom:6px}.gauge-col.size-lg .gauge-readout{width:min(320px,76vw,100cqh - 128px);height:min(320px,76vw,100cqh - 128px)}.gauge-col.size-lg .gauge-readout:before{filter:blur(64px)}.gauge-col.size-lg .gauge-center .value{font-size:47px}.gauge-col.size-lg .gauge-center .goal{margin-top:2px;font-size:12.5px}.gauge-col.size-lg .gauge-label .title{font-size:12px}.gauge-col.size-lg .gauge-label .remaining{font-size:12.5px}.gauge-col.size-sm{flex:2;gap:6px;min-height:0;padding:0 4px}.gauge-col.size-sm .gauge-readout{width:min(128px,32vw,100cqh - 68px);height:min(128px,32vw,100cqh - 68px)}.gauge-col.size-sm .gauge-readout:before{filter:blur(34px)}.gauge-col.size-sm .gauge-center .value{font-size:18px}.gauge-col.size-sm .gauge-center .goal{font-size:8.5px}.gauge-col.size-sm .gauge-label .title{letter-spacing:.12em;font-size:9px}.gauge-col.size-sm .gauge-label .remaining{font-size:10px}.gauge-col.size-sm .gauge-label .pct{display:none}.dock{padding:0 var(--tab-bar-pad-x) 10px;flex-direction:column;flex:none;gap:8px;display:flex}.dock-action{background:var(--cta);width:100%;min-height:52px;color:var(--cta-ink);letter-spacing:.01em;box-shadow:0 16px 34px -14px var(--cta-shadow);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .12s;display:flex}.dock-action:active{transform:translateY(1px)}.dock-action svg{flex:none}.tab-bar{background:var(--surface-strong);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);border-radius:999px;align-items:stretch;display:flex}.tab-btn{color:var(--ink-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 8px 9px;transition:color .15s;display:flex}.tab-btn span{letter-spacing:.03em;font-size:10.5px;font-weight:700}.tab-btn.active{color:var(--ink)}.action-sheet-options{flex-direction:column;gap:10px;display:flex}.action-sheet-option{border:1px solid var(--surface-border);background:var(--surface);text-align:left;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:background .15s,border-color .15s;display:flex}.action-sheet-option:active{background:var(--surface-strong);border-color:var(--ink-faint)}.action-sheet-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.action-sheet-icon.start{background:linear-gradient(135deg, var(--day-1), var(--day-2));color:#fff}.action-sheet-icon.manual{background:linear-gradient(135deg, var(--night-1), var(--night-2));color:#fff}.action-sheet-text{flex-direction:column;gap:2px;display:flex}.action-sheet-label{letter-spacing:-.01em;color:var(--ink);font-size:14.5px;font-weight:700}.action-sheet-hint{color:var(--ink-muted);font-size:11.5px}.invite-panel{flex-direction:column;gap:10px;display:flex}.invite-panel p{color:var(--ink-muted);margin:0;font-size:.85rem}.app-shell--recording{padding-bottom:0}.recording-screen{flex-direction:column;flex:1;justify-content:space-between;gap:14px;min-height:0;padding:20px 26px 18px;display:flex;position:relative;overflow:hidden}.recording-screen:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--day-glow), transparent 62%);filter:blur(60px);z-index:0;pointer-events:none;border-radius:50%;width:130%;animation:5s ease-in-out infinite breathe;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.recording-screen:has(.recording-badge.night):before{background:radial-gradient(circle, var(--night-glow), transparent 62%)}@keyframes breathe{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.95)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.recording-header,.recording-center,.recording-actions{z-index:1;position:relative}.recording-header{justify-content:space-between;align-items:center;display:flex}.recording-header .eyebrow{margin-bottom:0}.recording-center{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.recording-badge{letter-spacing:.12em;text-transform:uppercase;background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 18px;font-size:11px;font-weight:700}.recording-badge.day{color:var(--day-ink)}.recording-badge.night{color:var(--night-ink)}.recording-timer{letter-spacing:-.045em;font-size:min(19vw,30dvh,92px);font-weight:700;line-height:.95}.recording-started{color:var(--ink-muted);letter-spacing:.02em;font-size:12.5px}.recording-actions{gap:12px;display:flex}.recording-actions button{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;flex:1;padding:18px;font-family:inherit;font-size:13.5px;font-weight:700;transition:transform .12s}.recording-actions button:active{transform:translateY(1px)}.btn-cancel{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-cancel:disabled{opacity:.55}.btn-finish-solid{background:var(--cta);color:var(--cta-ink);box-shadow:0 16px 34px -14px var(--cta-shadow);border:none}.btn-finish-solid:disabled{opacity:.55}.rec-row{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:flex}.rec-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 0 0 var(--red);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){.rec-dot,.recording-screen:before,.gauge-readout.snap{animation:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--red);opacity:1}70%{opacity:.5;box-shadow:0 0 0 7px #0000}to{opacity:1;box-shadow:0 0 #0000}}.link-btn{color:var(--ink-muted);text-underline-offset:2px;background:0 0;border:none;padding:8px;font-size:.85rem;text-decoration:underline}.toast{background:var(--surface);border:1px solid var(--surface-border);text-align:center;color:var(--ink-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;margin:0 26px 8px;padding:11px 18px;font-size:.85rem}.log-actions{gap:10px;padding:12px 26px 18px;display:flex}.log-action-btn{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:1;padding:13px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s}.log-action-btn:active{background:var(--surface-strong)}.log-action-btn:disabled{opacity:.4}.log{padding:4px 26px 34px}.empty{color:var(--ink-muted);text-align:center;padding:48px 0;font-size:.9rem}.drive-rows{flex-direction:column;gap:8px;display:flex}.ledger-row{border:1px solid var(--surface-border);background:var(--surface);cursor:pointer;border-radius:16px;grid-template-columns:5px 1fr auto auto;align-items:center;gap:14px;padding:15px 16px;transition:border-color .15s;display:grid;position:relative;overflow:hidden}.ledger-row:active{border-color:var(--ink-faint)}.ledger-row .dot{border-radius:999px;align-self:stretch;width:5px;height:auto}.ledger-row.day .dot{background:linear-gradient(var(--day-1), var(--day-2))}.ledger-row.night .dot{background:linear-gradient(var(--night-1), var(--night-2))}.ledger-date{flex-direction:column;gap:2px;min-width:0;display:flex}.ledger-date .d{letter-spacing:-.01em;font-size:14px;font-weight:700}.ledger-date .t{color:var(--ink-faint);font-size:11.5px}.ledger-source{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);font-size:9.5px;font-weight:700}.ledger-source.manual{color:var(--day-ink)}.ledger-dur{letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:700}.row-icons{justify-self:end;gap:7px;display:flex}.icon-btn{border:1px solid var(--surface-border);background:var(--bg);width:32px;height:32px;color:var(--ink-muted);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:flex}.icon-btn:active{color:var(--ink);border-color:var(--ink-faint)}.icon-btn.delete-btn:active{color:var(--red);border-color:var(--red)}.icon-btn:focus-visible{outline:2px solid var(--night-2);outline-offset:1px}.range-toggle{gap:6px;padding:2px 26px 16px;display:flex;position:relative}.range-toggle-indicator{background:var(--cta);border-radius:999px;transition:left .28s cubic-bezier(.16,1,.3,1),width .28s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;bottom:16px}.range-toggle-indicator.dragging{transition:none}@media (prefers-reduced-motion:reduce){.range-toggle-indicator{transition:none}}.range-toggle-btn{z-index:1;border:1px solid var(--surface-border);color:var(--ink-muted);letter-spacing:.02em;background:0 0;border-radius:999px;flex:1;padding:9px 6px;font-family:inherit;font-size:12px;font-weight:700;transition:color .15s,border-color .15s;position:relative}.range-toggle-btn.active{color:var(--cta-ink);border-color:#0000}.analytics-swipe-viewport{touch-action:pan-y;flex-shrink:0;overflow:hidden}.analytics-swipe-track{transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex}.analytics-swipe-track.dragging{transition:none}@media (prefers-reduced-motion:reduce){.analytics-swipe-track{transition:none}}.analytics-swipe-panel{flex:none;min-width:0}.analytics-stat{align-items:baseline;gap:10px;padding:4px 26px 22px;display:flex}.analytics-stat-pct{letter-spacing:-.02em;font-size:32px;font-weight:700}.analytics-stat-label{color:var(--ink-muted);font-size:13px}.chart-wrap{align-items:flex-start;display:flex}.chart-axis{flex:none;width:30px;margin:0 4px 0 26px;position:relative}.chart-axis-tick{color:var(--ink-faint);text-align:right;white-space:nowrap;font-size:9px;font-weight:600;position:absolute;left:0;right:0;transform:translateY(50%)}.chart-bars-row{flex:auto;min-width:0;padding:0 26px 30px 0}.chart-bars{align-items:flex-end;gap:4px;width:100%;display:flex}.chart-col{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.chart-bar-track{border-bottom:1px solid var(--hairline);align-items:flex-end;width:100%;height:140px;display:flex}.chart-bar{border-radius:4px 4px 2px 2px;flex-direction:column;width:100%;max-width:22px;margin:0 auto;display:flex;overflow:hidden}.chart-bar .seg{width:100%}.chart-bar .seg.day{background:linear-gradient(var(--day-1), var(--day-2))}.chart-bar .seg.night{background:linear-gradient(var(--night-1), var(--night-2))}.chart-label{height:11px;color:var(--ink-faint);white-space:nowrap;font-size:9px;font-weight:600;line-height:11px}.viz{background:var(--surface);border:1px solid var(--surface-border);border-radius:14px;flex-direction:column;gap:10px;margin:4px 26px 0;padding:16px 18px 14px;display:flex}.viz-legend{flex-wrap:wrap;gap:14px;display:flex}.legend-item{color:var(--ink-muted);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.legend-swatch{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.legend-swatch.day{background:linear-gradient(var(--day-1), var(--day-2))}.legend-swatch.night{background:linear-gradient(var(--night-1), var(--night-2))}.trend-chip{margin-left:2px;font-size:11px;font-weight:700}.trend-chip.up{color:var(--ink)}.trend-chip.down{color:var(--red)}.line-chart svg{width:100%;height:auto;display:block;overflow:visible}.lc-goal{stroke:var(--ink-faint);stroke-width:1px;stroke-dasharray:2 3}.lc-grid{stroke:var(--hairline);stroke-width:1px}.lc-today{stroke:var(--ink-faint);stroke-width:1px;stroke-dasharray:1.4 2.6;opacity:.8}.lc-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.lc-dash{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 3.4}.lc-line.lc-day,.lc-dash.lc-day{stroke:var(--day-ink)}.lc-line.lc-night,.lc-dash.lc-night{stroke:var(--night-ink)}.lc-dot{stroke:var(--bg);stroke-width:2px}.lc-dot.lc-day{fill:var(--day-ink)}.lc-dot.lc-night{fill:var(--night-ink)}.lc-dot-end{fill:var(--bg);stroke-width:1.6px}.lc-dot-end.lc-day{stroke:var(--day-ink)}.lc-dot-end.lc-night{stroke:var(--night-ink)}.line-chart-foot{color:var(--ink-faint);justify-content:space-between;padding:0 1px;font-size:10px;font-weight:600;display:flex}.line-chart-foot .today-mark{color:var(--ink-muted)}.line-callouts{border-top:1px solid var(--hairline);flex-direction:column;gap:5px;margin-top:1px;padding-top:10px;display:flex}.callout{color:var(--ink-muted);align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;display:flex}.callout .legend-swatch{margin-top:5px}.callout span{flex:1;min-width:0}.callout b{color:var(--ink);font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-bottom:var(--keyboard-inset,0px);z-index:10;background:#0606088c;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:460px;max-height:calc(var(--app-height,100dvh) - var(--keyboard-inset,0px) - 32px);overscroll-behavior:contain;background:var(--bg);border:1px solid var(--surface-border);padding:10px 24px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow-soft);border-bottom:none;border-radius:28px 28px 0 0;flex-direction:column;gap:14px;transition:transform .28s cubic-bezier(.16,1,.3,1);animation:.32s cubic-bezier(.16,1,.3,1) sheet-up;display:flex;overflow-y:auto}.modal.dragging{transition:none}@media (prefers-reduced-motion:reduce){.modal{transition:none}}.modal>*{flex-shrink:0}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{touch-action:none;cursor:grab;justify-content:center;align-self:center;align-items:center;width:120px;margin-top:-10px;padding:20px 0;display:flex}.modal-handle:before{content:"";background:var(--hairline);border-radius:999px;width:40px;height:4px}.modal-handle:active{cursor:grabbing}.modal h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.account-menu-email{color:var(--ink-muted);margin:-6px 0 0;font-size:.82rem}.modal form{flex-direction:column;gap:10px;display:flex}.modal label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);flex-direction:column;gap:4px;font-size:10.5px;font-weight:700;display:flex}.modal input,.modal select,.modal textarea{border:1px solid var(--surface-border);background:var(--surface);color:var(--ink);border-radius:14px;outline:none;padding:11px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--night-2);box-shadow:0 0 0 4px var(--night-glow)}.modal textarea{resize:vertical;min-height:36px}.field-row{gap:10px;display:flex}.field-row label{flex:1;min-width:0}.optional-hint{text-transform:none;letter-spacing:0;opacity:.6;font-weight:400}.supervisor-dl-entry{border-top:1px solid var(--surface-border);flex-direction:column;gap:6px;padding:10px 0;display:flex}.supervisor-dl-entry:first-of-type{border-top:none;padding-top:0}.supervisor-dl-name{font-size:14px;font-weight:700}.checkbox-field{align-items:center;padding:4px 2px;letter-spacing:.02em!important;text-transform:none!important;color:var(--ink)!important;flex-direction:row!important;gap:10px!important;font-size:12.5px!important}.checkbox-field input[type=checkbox]{width:19px;height:19px;accent-color:var(--night-2)}.modal-actions{gap:10px;margin-top:0;display:flex}.modal-actions button{letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:999px;flex:1;padding:14px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .12s}.modal-actions button:active{transform:translateY(1px)}.modal-actions button[type=submit],.modal-actions .modal-primary{background:var(--cta);color:var(--cta-ink);box-shadow:0 14px 30px -14px var(--cta-shadow)}.modal-actions .secondary{background:var(--surface);color:var(--ink);border:1px solid var(--surface-border)}.btn-delete-drive{color:var(--red);letter-spacing:.04em;opacity:.85;background:0 0;border:none;align-self:center;padding:8px;font-family:inherit;font-size:12.5px;font-weight:700}.btn-delete-drive:active{opacity:1}.summary-modal{text-align:center;align-items:center;gap:8px}.summary-modal form{text-align:left;gap:6px;width:100%}.summary-check{background:linear-gradient(135deg, var(--day-1), var(--day-2));color:#fff;width:32px;height:32px;box-shadow:0 12px 30px -8px var(--day-glow);border-radius:50%;justify-content:center;align-items:center;margin:0;animation:.4s cubic-bezier(.16,1,.5,1.3) pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.summary-list{border:1px solid var(--surface-border);background:var(--surface);border-radius:16px;flex-direction:column;width:100%;margin:0;padding:0 16px;display:flex}.summary-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:10.5px;font-weight:700}.summary-row dd{margin:0;font-size:15px;font-weight:700}.summary-tag{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--surface-border);border-radius:999px;padding:6px 13px;font-size:10.5px;font-weight:700}.summary-tag.day{color:var(--day-ink)}.summary-tag.night{color:var(--night-ink)}.summary-tag.mixed{color:var(--ink)}.summary-tag.realtime{color:var(--ink-muted)}.summary-tag.manual{color:var(--day-ink)}.summary-tag.import{color:var(--ink-faint)}.done-overlay{z-index:20;background:var(--bg);justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.done-check{background:linear-gradient(135deg, var(--day-1), var(--day-2));color:#fff;width:132px;height:132px;box-shadow:0 20px 50px -12px var(--day-glow);border-radius:50%;justify-content:center;align-items:center;animation:.5s cubic-bezier(.16,1,.5,1.3) done-pop;display:flex}@keyframes done-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.done-overlay,.done-check{animation:none}}.settings-screen{min-height:var(--app-height,100dvh);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 32px);overflow-y:auto}.settings-screen-inner{flex-direction:column;gap:16px;width:100%;max-width:460px;margin:0 auto;display:flex}.settings-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-header h1{letter-spacing:-.03em;margin:4px 0 0;font-size:1.75rem;font-weight:700}.settings-section{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-direction:column;gap:14px;padding:20px;display:flex}.settings-section h2{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:10.5px;font-weight:700}.settings-section-hint{color:var(--ink-muted);margin:-6px 0 0;font-size:.82rem}.settings-parent-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.settings-parent-row{align-items:center;gap:12px;display:flex}.settings-parent-avatar{background:var(--surface-strong);width:34px;height:34px;color:var(--ink);border-radius:999px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.settings-parent-email{color:var(--ink);font-size:.88rem;font-weight:600}.settings-section label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);flex-direction:column;gap:4px;font-size:10.5px;font-weight:700;display:flex}.settings-section input,.settings-section select{border:1px solid var(--surface-border);background:var(--surface-strong);color:var(--ink);border-radius:14px;outline:none;padding:11px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.settings-section input:focus,.settings-section select:focus{border-color:var(--night-2);box-shadow:0 0 0 4px var(--night-glow)}.settings-footer{flex-direction:column;align-items:center;gap:12px;margin-top:4px;display:flex}.settings-footer .cancel-link{color:var(--ink-muted);background:0 0;border:none;padding:4px;font-family:inherit;font-size:.9rem;font-weight:600}.settings-footer button[type=submit]{letter-spacing:.08em;text-transform:uppercase;background:var(--cta);width:100%;color:var(--cta-ink);box-shadow:0 14px 30px -10px var(--cta-shadow);border:none;border-radius:999px;padding:16px;font-family:inherit;font-size:.9rem;font-weight:700;transition:transform .12s}.settings-footer button[type=submit]:active{transform:translateY(1px)}
