@font-face{font-family:Gotham;src:url(/fonts/Gotham-Book.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gotham;src:url(/fonts/Gotham-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gotham;src:url(/fonts/Gotham-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gotham;src:url(/fonts/Gotham-Black.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f2ec;--bg-grad:linear-gradient(158deg, #faf8f4 0%, #f1ece3 100%);--surface:#fff;--surface-soft:#faf8f4;--surface-hover:#f1ece3;--divider:#e9e5df;--hairline:#1c19170d;--dock-bg:#1c1917;--dock-fg:#fff;--dock-fg-dim:#a8a29e;--accent:#e0820d;--accent-press:#b8650a;--accent-soft:#fdebd0;--accent-grad:linear-gradient(135deg, #f7b14a, #e0740a);--on-accent:#fff;--text:#1c1917;--text-dim:#78716c;--text-disabled:#a8a29e;--ok:#22c55e;--warn:#e5484d;--caution:#f5a524;--cool:#2563eb;--heat:#ea580c;--dry:#0d9488;--radius-lg:30px;--radius-md:18px;--radius-pill:999px;--shadow-window:0 1px 2px #1c19170d, 0 10px 24px -18px #1c19174d;--shadow-card:0 1px 2px #1c19170d, 0 24px 48px -30px #1c191747;--shadow-dialog:0 8px 16px #1c19171a, 0 28px 64px #1c191752;--shadow-accent:0 14px 30px -12px #e0740acc;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--status-h:56px;--dock-h:96px;--touch-min:80px;--gap:16px;--ease-enter:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.2, 0, 0, 1);--dur-enter:.3s;--dur-exit:.18s;--dur-spring:.35s;--dur-color:.15s;--dur-page:.2s;--dur-page-in:.28s;--dur-page-out:.16s;--font-body:"Gotham", "Manrope", ui-sans-serif, system-ui, sans-serif;--camera-bg:#14151c;--on-caution:#1c1917}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16130f;--bg-grad:linear-gradient(158deg, #1b1713 0%, #110e0b 100%);--surface:#221d18;--surface-soft:#2a241d;--surface-hover:#332b22;--divider:#332c23;--hairline:#ffffff0f;--dock-bg:#0d0b09;--dock-fg:#fff;--dock-fg-dim:#a8a29e;--accent:#f0a73a;--accent-press:#e0820d;--accent-soft:#f0a73a2e;--on-accent:#1c1917;--text:#f7f3ee;--text-dim:#b7afa6;--text-disabled:#837b71;--ok:#2ec27e;--warn:#e5484d;--caution:#f5a524;--shadow-window:0 2px 6px #0006, 0 16px 36px #0000008c;--shadow-card:0 4px 10px #0006, 0 20px 44px #00000094;--shadow-dialog:0 8px 18px #00000073, 0 32px 72px #000000b8;--camera-bg:#0b0a09}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body,#root{background:var(--bg);height:100%;margin:0;padding:0}html,body{overscroll-behavior:none;overflow:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;font-family:Gotham,Manrope,ui-sans-serif,system-ui,sans-serif;line-height:1.1;display:flex}#root{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important}}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}input[type=range]{appearance:none;color:var(--accent);background:0 0}input[type=range]::-webkit-slider-runnable-track{background:var(--divider);border-radius:9999px;height:16px}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--divider);width:48px;height:48px;box-shadow:var(--shadow-window);background:#fff;border-radius:9999px;margin-top:-16px}input[type=range]::-moz-range-track{background:var(--divider);border-radius:9999px;height:16px}input[type=range]::-moz-range-thumb{border:1px solid var(--divider);width:48px;height:48px;box-shadow:var(--shadow-window);background:#fff;border-radius:9999px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-7.5px)}80%{transform:translate(7.5px)}}@keyframes pinPopIn{0%{opacity:0;transform:scale(.97)translateY(15px)}to{opacity:1;transform:none}}.pin-shake{animation:.38s shake}.pin-popin{animation:.24s pinPopIn}.pin-key{background:var(--surface);box-shadow:var(--shadow-window);color:var(--text);transition:background .1s,color .1s,transform .1s}.pin-key:active{background:var(--accent);color:#fff}.pin-key-action{box-shadow:none;color:var(--text-disabled);background:0 0}.pin-key-action:active{background:var(--surface);color:var(--text-disabled)}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}@keyframes popIn{0%{opacity:0;transform:scale(.97)translateY(15px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes orbRing{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes orbSpin{to{transform:rotate(360deg)}}@keyframes orbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pageInForward{0%{opacity:0;transform:translate(56px)}to{opacity:1;transform:none}}@keyframes pageInBackward{0%{opacity:0;transform:translate(-56px)}to{opacity:1;transform:none}}@keyframes pageOutForward{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-28px)}}@keyframes pageOutBackward{0%{opacity:1;transform:none}to{opacity:0;transform:translate(28px)}}.tap{touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .22s var(--ease-enter), opacity .22s var(--ease-enter), background-color var(--dur-color) ease-out, color var(--dur-color) ease-out, box-shadow var(--dur-color) ease-out}.tap:active{opacity:.88;transition-duration:60ms;transform:scale(.96)}.icon-btn:active{background-color:var(--surface-hover)}.page-transition{min-height:0;display:grid}.page-slide-in-forward,.page-slide-out-forward,.page-slide-in-backward,.page-slide-out-backward{will-change:transform, opacity;contain:layout paint;pointer-events:none}.page-slide-in-forward{animation:pageInForward var(--dur-page-in) var(--ease-enter) both}.page-slide-in-backward{animation:pageInBackward var(--dur-page-in) var(--ease-enter) both}.page-slide-out-forward{animation:pageOutForward var(--dur-page-out) var(--ease-exit) both}.page-slide-out-backward{animation:pageOutBackward var(--dur-page-out) var(--ease-exit) both}@media (prefers-reduced-motion:reduce){.page-slide-in-forward,.page-slide-out-forward,.page-slide-in-backward,.page-slide-out-backward{animation-duration:1ms}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rise,.page-fresh>div>*>*{animation:rise var(--dur-enter) var(--ease-enter) both}.page-fresh>div>*>:nth-child(2){animation-delay:40ms}.page-fresh>div>*>:nth-child(3){animation-delay:80ms}.page-fresh>div>*>:nth-child(4){animation-delay:.12s}.page-fresh>div>*>:nth-child(5){animation-delay:.16s}.page-fresh>div>*>:nth-child(n+6){animation-delay:.2s}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.card-in{animation:cardIn .42s var(--ease-enter) both}@keyframes popIn2{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.pop-in{animation:popIn2 var(--dur-spring) cubic-bezier(.3, 1.4, .5, 1) both}@keyframes ringIn{0%{box-shadow:inset 0 0 #0000}to{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--accent) 40%, transparent)}}.edit-ring{animation:ringIn var(--dur-enter) var(--ease-enter) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--dur-enter) var(--ease-enter) both}.skeleton{background:var(--surface-soft);overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--surface) 75%, transparent) 50%, transparent 100%);animation:shimmer 1.5s var(--ease-enter) infinite;will-change:transform;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.list-fade{background:linear-gradient(to bottom, transparent, var(--surface));border-radius:0 0 var(--radius-lg) var(--radius-lg);pointer-events:none;height:40px;position:absolute;bottom:0;left:0;right:0}.live-dot{background:var(--warn);border-radius:999px;flex:none;width:12px;height:12px;animation:1.8s ease-in-out infinite livePulse}@keyframes toastIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-24px)}to{opacity:1;transform:translate(-50%)}}@keyframes bannerOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-16px)}}.toast{animation:toastIn var(--dur-enter) var(--ease-enter) both}.toast[data-state=closing]{animation:toastOut var(--dur-exit) var(--ease-exit) both}.banner{animation:bannerIn var(--dur-enter) var(--ease-enter) both;transform:translate(-50%)}.banner[data-state=closing]{animation:bannerOut var(--dur-exit) var(--ease-exit) both}.dock-dot{background:var(--accent);opacity:0;width:6px;height:6px;transition:transform var(--dur-spring) var(--ease-enter), opacity var(--dur-color) ease-out;border-radius:999px;margin-left:-3px;position:absolute;bottom:4px;left:50%;transform:scale(0)}.dock-dot[data-on=true]{opacity:1;transform:scale(1)}.seg-thumb{background:var(--accent);transition:transform var(--dur-spring) var(--ease-enter), width var(--dur-spring) var(--ease-enter), background-color var(--dur-color) ease-out;border-radius:12px;position:absolute;top:4px;bottom:4px;left:0}.theme-anim,.theme-anim *,.theme-anim :before,.theme-anim :after{transition:background-color .45s ease-out,color .45s ease-out,border-color .45s ease-out,box-shadow .45s ease-out,fill .45s ease-out,stroke .45s ease-out!important}@media (prefers-reduced-motion:reduce){.rise,.card-in,.pop-in,.edit-ring,.page-fresh>div>*>*,.fade-in,.toast,.banner,.skeleton:after,.live-dot{animation-duration:1ms!important;animation-iteration-count:1!important}}.grid-card{transition:transform var(--dur-enter) var(--ease-enter), width var(--dur-enter) var(--ease-enter), height var(--dur-enter) var(--ease-enter)}@media (prefers-reduced-motion:reduce){.grid-card{transition:none}}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.list-row{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--dur-color) ease-out}.list-row:active{background-color:var(--surface-hover)}.eq-bars{flex:none;align-items:flex-end;gap:3px;height:21px;display:inline-flex}.eq-bars span{background:currentColor;border-radius:1.5px;width:4.5px;animation:1s ease-in-out infinite eqbar}.eq-bars span:first-child{animation-delay:-.6s}.eq-bars span:nth-child(2){animation-delay:-.3s}@keyframes eqbar{0%,to{height:6px}50%{height:21px}}@media (prefers-reduced-motion:reduce){.eq-bars span{height:13px;animation:none}}@keyframes settings-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.settings-page-in{animation:settings-page-in var(--dur-page) ease-in-out}@media (prefers-reduced-motion:reduce){.settings-page-in{animation:none}}.settings-card>*+*{border-top:1px solid var(--divider)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalMoveIn{0%{transform:translateY(24px)scale(.97)}to{transform:none}}@keyframes modalMoveOut{0%{transform:none}to{transform:translateY(12px)scale(.98)}}.modal-backdrop{animation:modalFadeIn var(--dur-enter) var(--ease-enter) both}.modal-backdrop[data-state=closing]{animation:modalFadeOut var(--dur-exit) var(--ease-exit) both}.modal-panel{animation:modalMoveIn var(--dur-enter) var(--ease-enter) both, modalFadeIn 90ms linear both}.modal-panel[data-state=closing]{animation:modalMoveOut var(--dur-exit) var(--ease-exit) both, modalFadeOut 80ms linear .1s both}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-panel,.modal-backdrop[data-state=closing],.modal-panel[data-state=closing]{animation-duration:1ms}}
