:root{--color-bg:#0c0a09;--color-bg-elevated:#1c1917;--color-bg-elevated-2:#292524;--color-text:#f7f4ef;--color-text-muted:#a8a29e;--color-text-faint:#78716c;--color-border:#44403c;--nav-height:64px;--color-accent:#e8a33d;--color-accent-strong:#f2b65a;--color-warning:#e2574c;--color-success:#5fa968;--text-2xs:.6875rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1rem;--text-lg:clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--text-xl:clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;accent-color:var(--color-accent)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior-y:none}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;display:flex}h1,h2{line-height:1.25}h1{font-size:var(--text-xl);letter-spacing:-.01em;margin:0 0 1.1rem;font-weight:700}h2{font-size:var(--text-xs);color:var(--color-text-muted);margin:1.85rem 0 .85rem;font-weight:600}p{margin:0 0 1rem}a{color:var(--color-accent);transition:opacity .15s}a:hover{opacity:.8}main{width:100%;max-width:32rem;padding:1.25rem 1rem;padding-top:calc(1.25rem + env(safe-area-inset-top));padding-bottom:calc(1.25rem + var(--nav-height) + env(safe-area-inset-bottom));flex:1;margin:0 auto}body:not([data-has-nav=true]) main{padding-bottom:1.25rem}label{color:var(--color-text-muted);margin-bottom:1rem;font-size:.85rem;font-weight:500;display:block}input,select,textarea{background:var(--color-bg-elevated);width:100%;min-height:44px;color:var(--color-text);border:1px solid var(--color-border);border-radius:.75rem;margin-top:.4rem;padding:.65rem .75rem;font-family:inherit;font-size:1rem;display:block}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}input[type=checkbox]{vertical-align:middle;width:auto;min-height:0;margin:0 .5rem 0 0;display:inline-block}button,a{-webkit-tap-highlight-color:transparent}button{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));min-height:44px;color:var(--color-bg);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-size:1rem;font-weight:600;transition:filter .15s;display:inline-flex}button:hover{filter:brightness(1.08)}button:active{filter:brightness(1.15)}input:disabled,select:disabled,button:disabled{opacity:.6;cursor:not-allowed}input.pending,select.pending{opacity:.6;pointer-events:none}button.pending{color:#0000;pointer-events:none;position:relative}button.pending:after{content:"";border:2px solid #0c0a0959;border-top-color:var(--color-bg);border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite glowline-spin;position:absolute}@keyframes glowline-spin{to{transform:rotate(360deg)}}main ul{flex-direction:column;gap:.65rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}main ul li{background:linear-gradient(160deg, var(--color-bg-elevated), var(--color-bg));border:1px solid var(--color-border);border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 6px 20px #00000047,inset 0 1px #ffffff08}.inline-view-list{flex-flow:wrap;gap:.6rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.inline-view-list li{box-shadow:none;background:0 0;border:none;padding:0}.inline-view-list .view-button{min-height:38px;padding:.5rem .9rem;font-size:.9rem}.view-button{background:linear-gradient(135deg, rgba(var(--view-glow), .95), rgba(var(--view-glow), .55));box-shadow:0 0 22px 2px rgba(var(--view-glow), .45), 0 0 3px rgba(var(--view-glow), .8);position:relative;overflow:hidden}.view-button:hover{filter:brightness(1.1)}.view-button:active{filter:brightness(1.2)}.view-button.is-current{box-shadow:0 0 0 2px rgba(var(--view-glow), .9), 0 0 32px 6px rgba(var(--view-glow), .65), 0 0 8px rgba(var(--view-glow), .9)}ul.view-list[data-device-online=false] .view-button,ul.inline-view-list[data-device-online=false] .view-button{filter:grayscale(.9)brightness(.55);opacity:.35}.view-current-label{opacity:.75;font-size:.7rem;font-weight:500;display:block}.view-preview{z-index:0;background:radial-gradient(circle at 30% 30%, rgba(var(--view-glow), .9), rgba(var(--view-glow), .35) 70%);position:absolute;inset:0}.view-swatch-canvas{z-index:0;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.view-label{z-index:1;position:relative}.view-preview.motion-breathe{animation:4.5s ease-in-out infinite glowline-breathe}.view-preview.motion-cycle{animation:1.5s ease-in-out infinite glowline-cycle}.view-preview.motion-dark{background:radial-gradient(circle at 30% 30%,#ffffff0f,#0000 70%)}@keyframes glowline-breathe{0%,to{opacity:.55;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.25)}}@keyframes glowline-cycle{0%,to{filter:hue-rotate(-35deg)brightness(1.05)}50%{filter:hue-rotate(35deg)brightness(1.35)}}html.animations-paused .view-preview{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.view-preview.motion-breathe,.view-preview.motion-cycle{animation:none}}.glow-composer{gap:var(--space-3);flex-direction:column;display:flex}.glow-composer-field{color:var(--color-text-muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.glow-composer-field textarea{resize:vertical;min-height:2.75rem}.glow-composer-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.glow-composer-actions .glow-composer-build{color:var(--color-text-muted);font-size:.85rem}.view-choice{min-height:38px;color:inherit;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem .9rem;font-size:.9rem;font-weight:500;transition:filter .15s;display:inline-flex}.view-choice-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.view-choice:has(.view-choice-input:checked){box-shadow:0 0 0 2px rgba(var(--view-glow), .9), 0 0 32px 6px rgba(var(--view-glow), .65), 0 0 8px rgba(var(--view-glow), .9)}.view-choice:has(.view-choice-input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.view-list>li[data-custom=true]{overflow:hidden}.view-swipe-surface{align-items:center;gap:var(--space-2);display:flex}.view-apply-form{flex:1;min-width:0}.view-apply-form .view-button{width:100%}.drag-handle{width:1.75rem;min-height:44px;color:var(--color-text-muted);cursor:grab;touch-action:none;flex:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.dragging{opacity:.5}.edit-view-button,.delete-view-form{flex:none}.edit-view-button,.delete-view-button{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:40px;min-height:40px;color:var(--color-text-muted);justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.edit-view-button:active,.delete-view-button:active{filter:none;color:var(--color-text);border-color:var(--color-text-muted)}.subtle-save-form{margin-left:.4rem;display:inline}.subtle-save{min-height:0;color:var(--color-text-muted);text-underline-offset:2px;background:0 0;margin:-.65rem -.4rem;padding:.65rem .4rem;font-size:.8rem;font-weight:400;text-decoration:underline;display:inline-block}.subtle-save:hover,.subtle-save:active{filter:none;color:var(--color-text)}.glow-note{color:var(--color-text-muted);overflow-wrap:anywhere;margin:.3rem 0 0;font-size:.88rem}.swatch{vertical-align:middle;border:1px solid var(--color-border);border-radius:50%;width:.9rem;height:.9rem;margin-left:.4rem;display:inline-block}main ul li.held-glow{border-left:3px solid var(--color-text-muted)}.held-badge{border:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;border-radius:999px;margin-right:.4rem;padding:.05rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.wizard-choices{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.wizard-choice{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;border-left:3px solid #0000;flex-direction:column;gap:.15rem;display:flex;position:relative}.wizard-choice:has(.wizard-choice-input:checked){border-left-color:var(--color-accent);background:var(--color-bg-elevated-2)}.wizard-choice:has(.wizard-choice-input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.wizard-choice-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.wizard-choice-title{font-size:.95rem;font-weight:600}.wizard-choice-desc{color:var(--color-text-muted);font-size:.8rem}.wizard-panel{gap:var(--space-3);flex-direction:column;display:flex}.wizard-back{min-height:0;padding:var(--space-2) 0;color:var(--color-accent);background:0 0;border:none;align-self:flex-start;font-size:.85rem;font-weight:500}.wizard-back:hover{filter:none;opacity:.8}.day-group{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.day-group summary{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-elevated);cursor:pointer;font-size:.9rem;font-weight:600;display:flex}.day-group-count{color:var(--color-text-faint);font-size:.75rem;font-weight:400}.day-group>ul{padding:0 var(--space-3) var(--space-3);margin:0}.readout{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sort-toggle{border:1px solid var(--color-border);min-height:0;color:var(--color-text-muted);background:0 0;border-radius:999px;align-items:center;gap:.35rem;margin:.6rem 0 1rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.sort-toggle:hover{filter:none;color:var(--color-text);border-color:var(--color-text-muted)}.fab-menu{right:var(--space-4);bottom:calc(var(--nav-height) + var(--space-4) + env(safe-area-inset-bottom));z-index:800;align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.fab{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));width:3.25rem;height:3.25rem;color:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;line-height:1;display:inline-flex;box-shadow:0 8px 22px #e8a33d66}.fab:hover{filter:brightness(1.08)}.fab:active{filter:brightness(1.15)}.fab-icon{transition:transform .2s;display:inline-block}.fab[aria-expanded=true] .fab-icon{transform:rotate(45deg)}.fab-menu-actions{align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex}.fab-menu-actions.is-collapsed .fab-mini{opacity:0;pointer-events:none;transform:translateY(10px)scale(.85)}.fab-mini{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);border-radius:999px;padding:.55rem 1rem .55rem .7rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .18s,transform .18s;display:inline-flex;box-shadow:0 6px 18px #00000059}.fab-mini-icon{color:var(--color-accent);display:inline-flex}.fab-mini-icon svg{width:18px;height:18px}@media (width>=640px){.fab-menu{bottom:var(--space-4)}}.offline-banner{top:calc(var(--space-3) + env(safe-area-inset-top));left:var(--space-3);right:var(--space-3);z-index:950;border:1px solid var(--color-border);border-left:3px solid var(--color-warning);background:var(--color-bg-elevated);border-radius:.6rem;max-width:32rem;margin:0 auto;padding:.85rem 1rem;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0006}.offline-banner p{margin:0}.offline-banner-headline{font-size:.95rem;font-weight:600}.offline-banner-meta{color:var(--color-text-muted);margin-top:.25rem;font-size:.85rem}.offline-banner-bar{background:var(--color-warning);transform-origin:0;width:100%;height:3px;transition:transform 5s linear;position:absolute;bottom:0;left:0;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.offline-banner-bar{transition:none}}.toast{top:calc(var(--space-3) + env(safe-area-inset-top));left:var(--space-3);right:var(--space-3);z-index:960;text-align:center;border-radius:999px;max-width:26rem;margin:0 auto;padding:.45rem .9rem;font-size:.78rem;font-weight:600;transition:opacity .25s;position:fixed;box-shadow:0 8px 20px #00000059}.toast-success{background:var(--color-success);color:var(--color-bg)}.toast-error{background:var(--color-warning);color:var(--color-bg)}.toast.is-hiding{opacity:0}