@font-face{font-family:Outfit;src:url(/fonts/outfit.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;src:url(/fonts/outfit-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;src:url(/fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-moda.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;src:url(/fonts/syne.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;src:url(/fonts/unbounded.woff2) format("woff2");font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Doto;src:url(/fonts/doto.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Display;src:url(/fonts/big-shoulders.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2) format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4.woff2) format("woff2");font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #000;--fg: #f4f3ef;--soft: rgba(244, 243, 239, .86);--muted: rgba(244, 243, 239, .58);--faint: rgba(244, 243, 239, .34);--line: rgba(244, 243, 239, .09);--card: transparent;--control: rgba(255, 255, 255, .08);--accent: #ffb867;--on-accent: #1a1205;--danger: #ff7d6e;--clock-color: var(--fg);--clock-size: min(16.5vw, 28vh);--dim: 0;--night-bright: .55;--ui-font: "Outfit";--clock-font: "Outfit";--clock-weight: 500;--clock-track: -.035em;--clock-scale: 1;--face-scale: 1;--photo-dim: .2;--ease: cubic-bezier(.22, 1, .36, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ease-calm: cubic-bezier(.45, 0, .25, 1);--spring: cubic-bezier(.34, 1.3, .64, 1);--sans: var(--ui-font), -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html{color-scheme:dark;touch-action:manipulation}html,body{margin:0;height:100%;background:#000;overflow:hidden}body{position:fixed;inset:0;font-family:var(--sans);color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-weight:inherit;font-style:inherit;font-stretch:inherit}b,strong,h1,h2,h3,h4{font-weight:var(--w700, 700)}button{cursor:pointer}svg{display:block}.icon-btn svg,#weather svg,.sp-volume svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ctl svg{fill:currentColor}#app{position:absolute;inset:0;background:var(--bg);color:var(--fg);overflow:hidden;font-family:var(--sans);font-weight:var(--w400, 400)}#dim{position:absolute;inset:0;z-index:70;background:#000;opacity:var(--dim);pointer-events:none}.label{font-size:12px;font-weight:var(--w600, 600);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0}.faint{color:var(--faint)}.muted{color:var(--muted)}.center{text-align:center}.label.stale{color:var(--danger)}#app[data-night-style=amber]{--night: #cf7a1d;--night-muted: rgba(207, 122, 29, .55)}#app[data-night-style=red]{--night: #b92d2d;--night-muted: rgba(185, 45, 45, .55)}#app[data-night-style=white]{--night: #a9a9a9;--night-muted: rgba(169, 169, 169, .5)}#app[data-mode=night]{--bg: #000;--fg: var(--night);--soft: var(--night);--muted: var(--night-muted);--faint: var(--night-muted);--accent: var(--night);--clock-color: var(--night);--control: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .06);--dim: 0}#layout{position:absolute;inset:0;padding:max(30px,env(safe-area-inset-top)) 36px 30px;display:grid;grid-template-columns:minmax(0,1fr) 410px;grid-template-rows:minmax(0,1fr) auto;column-gap:36px}#clockPane{position:relative;grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center}#spotify{grid-column:1;grid-row:2;margin-top:22px}#side{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:18px;min-width:0;min-height:0;padding-top:56px}#calendar,#reminders{flex:1 1 0;min-height:0;display:flex;flex-direction:column}#clockPane,#spotify,#topbar,#toolbar{transition:opacity .45s var(--ease)}#side{transition:opacity .45s var(--ease),transform .6s var(--ease)}#date,#timeRow,#weather,#spotify,#spPill,#side{will-change:transform}#photoLayer{will-change:opacity,transform}#app[data-panels=off]{--clock-size: min(23vw, 38vh)}#app[data-panels=off] #layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}#app[data-panels=off] #side{position:absolute;top:max(30px,env(safe-area-inset-top));right:36px;bottom:30px;width:410px;opacity:0;visibility:hidden;transform:translate(56px);pointer-events:none;transition:opacity .3s,transform .5s var(--ease),visibility 0s linear .5s}#app[data-panels=off] #clockPane{grid-column:1;grid-row:1}#app[data-panels=off] #spotify{grid-column:1;grid-row:2;justify-self:center;width:min(620px,100%);margin:0 0 6px}#app[data-mode=night] #clockPane{opacity:var(--night-bright)}#app[data-mode=night]:not([data-peek]) #topbar,#app[data-mode=night]:not([data-peek]) #toolbar{opacity:0;pointer-events:none}#app[data-resting] #topbar,#app[data-resting] #toolbar{opacity:0;pointer-events:none;transition:opacity 1.6s var(--ease-calm)}#app[data-mode=night]:not([data-peek]){--clock-size: min(23vw, 38vh)}@media(orientation:portrait),(max-width:900px){:root{--clock-size: min(26vw, 20vh)}#app[data-mode=night]:not([data-peek]),#app[data-panels=off]{--clock-size: min(30vw, 26vh)}#app[data-placed],#app[data-placed][data-mode=night]:not([data-peek]){--clock-size: min(30vw, 26vh)}#layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,.9fr) auto minmax(0,1.3fr);padding-left:28px;padding-right:28px}#spotify{grid-row:2;margin:0 0 20px}#side{grid-column:1;grid-row:3;padding-top:0}#app[data-panels=off] #side{display:none}#layout{padding-top:78px}.awake-hint{top:auto;bottom:14px}}#face{display:flex;flex-direction:column;align-items:center;max-width:100%;transition:opacity .34s var(--ease)}#face.swapping{opacity:0;transition-duration:.18s}#date{height:30px;line-height:30px;margin-bottom:26px;font-size:clamp(16px,2.15vw,22px);font-weight:var(--w600, 600);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);white-space:nowrap}#dateText,#hm,#suffix,#weather>*{transition:color .9s var(--ease-calm),opacity .7s var(--ease-calm)}#app[data-mode=night][data-time-only]:not([data-peek]) #dateText,#app[data-mode=night][data-time-only]:not([data-peek]) #weather>*,#app[data-mode=night][data-time-only]:not([data-peek]) #wxFacts>*{opacity:0}#timeRow{position:relative;display:flex;justify-content:center;color:var(--clock-color);font-variant-numeric:tabular-nums lining-nums;line-height:.82}#hm{font-family:var(--clock-font),var(--sans);font-size:calc(var(--clock-size) * var(--clock-scale) * var(--face-scale) * var(--fit, 1));font-weight:var(--clock-weight);letter-spacing:var(--clock-track);margin-right:calc(var(--clock-track) * -1)}#suffix{position:absolute;left:100%;top:0;margin-left:.45em;display:flex;flex-direction:column;align-items:flex-start;gap:.35em;font-size:calc(var(--clock-size) * .15 * var(--face-scale) * var(--fit, 1));line-height:1;font-weight:var(--w600, 600);letter-spacing:.04em;color:var(--suffix-color, var(--soft));text-align:left;white-space:nowrap}#app:not([data-seconds]) #sec{display:none}#weather{display:flex;align-items:center;justify-content:center;gap:12px;height:30px;line-height:30px;margin-top:26px;font-size:24px;font-weight:var(--w500, 500);color:var(--soft);white-space:nowrap;max-width:100%}#weather svg{width:28px;height:28px;flex:none;stroke-width:1.8}#wxTemp{color:var(--fg);font-weight:var(--w600, 600);flex:none}#wxRange{font-size:19px;color:var(--soft);opacity:.8;font-variant-numeric:tabular-nums}#weather span{overflow:hidden;text-overflow:ellipsis}#weather{transition:opacity .6s var(--ease)}#weather.off{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}#weather,#wxFacts{cursor:pointer;-webkit-tap-highlight-color:transparent}#weather:active>*,#wxFacts:active>*{opacity:.55;transition-duration:.08s}.wx-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-top:16px;font-size:15px;font-weight:var(--w600, 600);color:var(--soft);white-space:nowrap}.wf{display:inline-flex;align-items:center;gap:.48em;padding:.4em .85em .4em .7em;border-radius:999px;transition:color .9s var(--ease-calm),opacity .7s var(--ease-calm)}.wf svg{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wf em{font-style:normal;opacity:.68}#app:not([data-face=photo]) .wf,#app[data-mode=night] .wf{padding-left:.3em;padding-right:.3em}#app[data-face=photo]:not([data-mode=night]) .wf{background:#0000004d}#app[data-panels=on] .wf-extra{display:none}.aq-dot{width:.62em;height:.62em;flex:none;border-radius:50%;background:#3ec46d}.aq-dot[data-level="1"]{background:#a5d65c}.aq-dot[data-level="2"]{background:#ffd60a}.aq-dot[data-level="3"]{background:#ff9f0a}.aq-dot[data-level="4"]{background:#ff453a}.aq-dot[data-level="5"]{background:#c0365a}#app[data-mode=night] .aq-dot{opacity:.55}#dateNow{color:var(--fg);font-size:1.2em;letter-spacing:.05em;transition:color .9s var(--ease-calm)}#dateNow:not(:empty)+#dateText:not(:empty):before{content:"\b7";margin:0 .6em;opacity:.6}#hm .dg{display:inline-block;width:calc(var(--digit-w, .62em) + var(--clock-track));text-align:center}#hm .cl{position:relative;top:calc(var(--colon-lift, 0em) * -1)}#app[data-tool-state=paused] #hm{opacity:.45}#app[data-tool-state=done] #timeRow{color:var(--accent)}#app[data-tool-state=done] #hm{animation:tool-pulse 1.2s var(--ease-calm) 25 alternate}@keyframes tool-pulse{to{opacity:.3}}#photoLayer{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1s var(--ease-calm),visibility 0s linear 1s}#app[data-face=photo] #photoLayer{opacity:1;visibility:visible;transform:none;transition:opacity 1.1s var(--ease-calm),transform 1.4s var(--ease)}#photoImg{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0}#photoImg:not([src]){display:none}#photoScrim{position:absolute;inset:0;background:#000;opacity:var(--photo-dim)}#app[data-mode=night] #photoScrim{opacity:calc(.5 + var(--photo-dim) * .5)}#app[data-face=photo][data-resting] #photoLayer{opacity:calc(1 - var(--rest-dark, 1));transform:scale(1.035);transition:opacity 3.2s var(--ease-calm),transform 3.6s var(--ease-calm),visibility 0s linear 3.6s}#app[data-face=photo][data-resting][data-rest-black] #photoLayer{visibility:hidden}#app[data-face=photo][data-rest-preview] #photoLayer{opacity:calc(1 - var(--rest-dark, 1));transition:opacity .3s var(--ease)}#app[data-placed],#app[data-placed][data-mode=night]:not([data-peek]){--clock-size: min(23vw, 38vh)}#app[data-arrange=solo] #spotify{display:none!important}#app[data-arrange=widgets] #spotify[hidden]{display:block!important}#app[data-placed] #clockPane{display:block}#app[data-placed] #face{position:absolute;left:0;top:0}#app[data-face=photo] #face{text-shadow:0 1px 3px rgba(0,0,0,.32)}#app[data-face=photo] #timeRow:before{content:"";position:absolute;z-index:-1;inset:-80% -16%;pointer-events:none;background:radial-gradient(closest-side,#0000003d,#0003 45%,#00000017 75%,#0000)}#app[data-placed][data-align=left] #face{align-items:flex-start;text-align:left}#app[data-placed][data-align=right] #face{align-items:flex-end;text-align:right}#app[data-placed][data-align=left] #timeRow,#app[data-placed][data-align=left] #weather{justify-content:flex-start}#app[data-placed][data-align=right] #timeRow,#app[data-placed][data-align=right] #weather{justify-content:flex-end}#app[data-placed]:not([data-align=center]) #suffix{position:relative;left:auto}#app[data-placed] #date{height:auto;line-height:1.3;font-size:calc(clamp(16px,2.15vw,22px) * var(--face-scale) * var(--fit, 1));margin-bottom:calc(22px * var(--face-scale) * var(--fit, 1))}#app[data-placed] #date.empty{display:none}#app[data-placed] #weather{height:auto;line-height:1.3;gap:.5em;font-size:calc(24px * var(--face-scale) * var(--fit, 1));margin-top:calc(22px * var(--face-scale) * var(--fit, 1))}#app[data-placed] #weather svg{width:1.15em;height:1.15em}#app[data-face=photo] #weather svg{filter:drop-shadow(0 1px 5px rgba(0,0,0,.4))}#app[data-placed] #wxRange{font-size:.8em}#app[data-placed] #wxFacts{font-size:calc(15px * var(--face-scale) * var(--fit, 1));margin-top:calc(16px * var(--face-scale) * var(--fit, 1));gap:.55em .65em}#app[data-placed][data-align=left] #wxFacts{justify-content:flex-start}#app[data-placed][data-align=right] #wxFacts{justify-content:flex-end}#app[data-mode=day][data-face=photo] #face{--clock-color: #fff;--fg: #fff;--soft: rgba(255, 255, 255, .92)}#app[data-mode=day][data-face=photo][data-clock-ink=dark] #timeRow{text-shadow:0 1px 3px rgba(255,255,255,.35)}#app[data-mode=day][data-face=photo][data-clock-ink=dark] #timeRow:before{background:radial-gradient(closest-side,#ffffff52,#ffffff42 45%,#ffffff1f 75%,#fff0)}#app[data-mode=day][data-face=photo][data-text-ink=dark] #date,#app[data-mode=day][data-face=photo][data-text-ink=dark] #weather{text-shadow:0 1px 14px rgba(255,255,255,.45)}#app[data-mode=day][data-face=photo][data-text-ink=dark] #weather svg{filter:none}#app[data-face=photo] #topbar,#app[data-face=photo] #toolbar{gap:8px}#app[data-mode=day][data-face=photo] .icon-btn{color:#ffffffe6;background:#00000052}#app[data-face=photo] .player,#app[data-face=photo] #calendar,#app[data-face=photo] #reminders{background:#0a0a0a94;border-color:#ffffff1a}#app[data-face=photo] .awake-hint{color:#ffffffd9;text-shadow:0 1px 8px rgba(0,0,0,.6)}#app[data-editing] #face{transform-origin:50% 50%;will-change:transform}#app[data-editing] #face:after{content:"";position:absolute;top:-14px;right:calc(-18px - var(--hang, 0px));bottom:-14px;left:calc(-18px - var(--hang, 0px));border:1.5px dashed rgba(255,255,255,.75);border-radius:22px;pointer-events:none}#app[data-editing][data-clock-ink=dark] #face:after{border-color:#0000008c}#app[data-editing] #topbar,#app[data-editing] #toolbar,#app[data-editing] .awake-hint{opacity:0;pointer-events:none}.edit-layer{position:absolute;inset:0;z-index:35;pointer-events:none}.edit-surface{position:absolute;inset:0;pointer-events:auto;touch-action:none;cursor:grab}.guide{position:absolute;display:block;background:#ffd696f2;opacity:0;transition:opacity .15s;pointer-events:none}.guide.v{top:0;bottom:0;width:1px}.guide.h{left:0;right:0;height:1px}.guide.on{opacity:1}.edit-bar{position:absolute;left:16px;right:16px;bottom:20px;max-width:880px;margin:0 auto;padding:14px 20px 16px;border-radius:26px;background:#101010e6;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000073;color:#f4f3ef;cursor:default;pointer-events:auto;transition:opacity .25s,transform .35s var(--ease)}.edit-bar.away{opacity:0;transform:translateY(16px);pointer-events:none}.edit-bar.top.away{transform:translateY(-16px)}.edit-bar.top{bottom:auto;top:max(16px,env(safe-area-inset-top))}.edit-tip{flex:1 1 220px;min-width:0;margin:0;font-size:13px;line-height:1.4;color:#fff9}.eb-switch{display:flex;align-items:center;gap:10px;font-size:15px;color:#fffc}.eb-switch input.switch{transform:scale(.85)}.eb-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.eb-row+.eb-row{margin-top:10px}.eb-field{flex:1 1 170px;display:flex;flex-direction:column;min-width:0}.eb-field .label{color:#ffffff80}.eb-field input{width:100%}.seg.icons button{padding:7px 13px}.seg.icons svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.color-btn{display:flex;align-items:center;gap:9px;padding:6px 14px 6px 7px;border:0;border-radius:999px;background:#ffffff14;color:inherit;font-size:15px;white-space:nowrap}.color-btn i{width:24px;height:24px;flex:none;border-radius:50%;background:var(--c, #fff);box-shadow:inset 0 0 0 1px #ffffff4d}.color-btn:active{transform:scale(.95)}.row .color-btn{color:var(--muted);font-variant-numeric:tabular-nums}.picker-wrap{position:absolute;top:0;bottom:0;z-index:64;display:flex;align-items:center;pointer-events:none}.picker-wrap.right{right:24px}.picker-wrap.left{left:24px}.picker{width:340px;padding:14px 16px 16px;border-radius:26px;background:#101010f0;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000080;color:#f4f3ef;pointer-events:auto}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.picker-head .seg button{padding:7px 12px;font-size:15px}.picker-head .btn{padding:9px 16px;font-size:16px}.cp-sv{position:relative;height:190px;border-radius:16px;background-color:red;background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0);touch-action:none;cursor:crosshair}.cp-hue{position:relative;height:24px;margin:16px 0 14px;border-radius:12px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);touch-action:none;cursor:ew-resize}.cp-hue:before{content:"";position:absolute;inset:-12px 0}.cp-thumb{position:absolute;display:block;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #0000004d,0 2px 10px #00000073;pointer-events:none}.cp-hue .cp-thumb{top:50%}.cp-row{display:flex;align-items:center;gap:12px}.cp-swatch{width:38px;height:38px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff4d}.cp-row input{width:116px;padding:8px 12px;font-size:18px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.cp-row .btn{padding:9px 14px;font-size:15px}.cp-presets{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-top:14px}.cp-presets button{aspect-ratio:1;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.18);transition:transform .2s var(--ease),border-color .2s}.cp-presets button.on{border-color:var(--accent);transform:scale(1.12)}.cp-note{margin:12px 2px 0;font-size:13px;line-height:1.4;color:#fff9}@media(max-width:760px){.picker-wrap,.picker-wrap.left,.picker-wrap.right{inset:auto 16px 16px;justify-content:center}}#topbar{position:absolute;top:max(12px,env(safe-area-inset-top));right:22px;display:flex;gap:2px;z-index:20}.icon-btn{width:52px;height:52px;padding:0;border:0;border-radius:50%;background:none;color:var(--faint);display:flex;align-items:center;justify-content:center}.icon-btn svg{width:25px;height:25px}.icon-btn:active{background:var(--control);color:var(--fg);transform:scale(.9)}.icon-btn.on{color:var(--fg)}#toolbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:22px;display:flex;gap:2px;z-index:20}#app[data-tool-menu] #toolbar{z-index:50}#toolbar .icon-btn.live{color:var(--accent)}.tool-scrim{position:absolute;inset:0;z-index:48}.tool-pop{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 62px);left:16px;z-index:49;width:330px;max-width:calc(100% - 24px);padding:16px 18px 18px;border-radius:26px;background:#121212f7;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000080;color:var(--fg);transition:opacity .16s,transform .6s cubic-bezier(.3,1.35,.45,1)}.tool-pop>*{transition:opacity .22s .15s}.tool-pop.away{opacity:0;transform:scale(.2);pointer-events:none;transition:opacity .2s .1s,transform .3s cubic-bezier(.4,0,.6,1)}.tool-pop.away>*{opacity:0;transition:opacity .1s}.tp-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 14px}.tp-title{font-size:21px;font-weight:var(--w600, 600)}.tp-note{font-size:14px;color:var(--muted);text-align:right}.tool-pop .duration{width:max-content;margin:0 auto}.tp-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.tp-presets button{padding:9px 4px;border:0;border-radius:999px;background:#ffffff14;color:var(--fg);font-size:15px;font-weight:var(--w500, 500);transition:transform .25s var(--ease),background-color .2s}.tp-presets button:active{transform:scale(.94);background:#ffffff29}.tp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 4px 0;font-size:16px}.tp-time{margin:0 0 2px;font-size:58px;font-weight:var(--w600, 600);line-height:1.15;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:opacity .3s}.tool-pop[data-phase=paused] .tp-time{opacity:.5}.tool-pop[data-phase=done] .tp-time{color:var(--accent)}.tp-actions{display:flex;gap:10px;margin-top:16px}.tp-actions .btn{flex:1;padding:13px 8px;font-size:17px}.card{overflow:hidden}#calendar,#reminders{border:1px solid var(--line);border-radius:26px;padding:15px 16px 4px 20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;padding-bottom:2px}.card-title{margin:0;font-size:21px;font-weight:var(--w600, 600);letter-spacing:-.01em;color:var(--fg)}.head-right{display:flex;align-items:center;gap:4px;min-width:0}.sync-note{font-size:13px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-note.stale{color:var(--danger)}.sync-btn{flex:none;width:44px;height:44px;margin:-6px -8px -6px 0;padding:0;border:0;border-radius:50%;background:none;color:var(--faint);display:flex;align-items:center;justify-content:center}.sync-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sync-btn:active{background:var(--control);color:var(--fg);transform:scale(.9)}.spinning svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;padding:0 6px 18px}#calList,#remList{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 30px),transparent)}.list::-webkit-scrollbar,.sheet-body::-webkit-scrollbar{display:none}.day{display:flex;align-items:baseline;gap:8px;margin:16px 0 2px}.day:first-child{margin-top:8px}.day-name{font-size:15px;font-weight:var(--w700, 700);color:var(--fg)}.day-date{font-size:14px;color:var(--faint)}.ev{position:relative;display:flex;gap:14px;padding:9px 0 9px 15px}.ev:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:2px;background:#ffffff38}.ev.allday:before{background:#ffb86799}.ev.bday:before{background:#ff8fb3}.ev.live:before{background:var(--accent)}.ev-time{flex:none;width:76px;display:flex;flex-direction:column;padding-top:2px;font-variant-numeric:tabular-nums;white-space:nowrap}.ev-time b{font-size:17px;font-weight:var(--w600, 600);color:var(--fg)}.ev-time b small{font-size:11px;font-weight:var(--w600, 600);letter-spacing:.04em;color:var(--muted)}.ev-time span{margin-top:1px;font-size:13px;color:var(--faint)}.ev.allday .ev-time b{padding-top:3px;font-size:14px;color:var(--muted)}.ev.live .ev-time b{color:var(--accent)}.ev-body{flex:1;min-width:0}.ev-title{font-size:20px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-icon{display:inline-block;width:18px;height:18px;margin:0 6px -2px 0;fill:none;stroke:#ff8fb3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ev-sub{margin-top:2px;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev.live .ev-sub{color:var(--accent)}.ev-progress{height:3px;margin-top:8px;border-radius:2px;background:var(--line);overflow:hidden}.ev-progress i{display:block;height:100%;background:var(--accent);transform-origin:0 50%}.grp{display:flex;align-items:center;gap:8px;margin:16px 0 2px;font-size:12px;font-weight:var(--w600, 600);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.grp:first-child{margin-top:8px}.grp.overdue{color:var(--danger)}.grp-count{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--control);font-size:11px;letter-spacing:0;text-align:center;color:var(--muted)}.rem{display:flex;align-items:flex-start;gap:13px;padding:8px 0}.ring{flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;border:1.6px solid var(--faint)}.rem.today .ring{border-color:var(--accent)}.rem.overdue .ring{border-color:var(--danger)}.rem-body{flex:1;min-width:0}.rem-title{font-size:20px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rem-sub{margin-top:1px;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rem.overdue .rem-when{color:var(--danger)}.rem-list{color:var(--faint)}.rem-when+.rem-list:before{content:"\b7";margin:0 6px}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin:26px 0;text-align:center;color:var(--faint);font-size:17px;line-height:1.5}.empty svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.empty p{margin:0;max-width:280px}.player{--sp-accent: var(--art-accent, var(--accent));--sp-glow: var(--art-glow, rgba(255, 184, 103, .3));padding:16px 18px 8px;border:1px solid var(--line);border-radius:28px}#app[data-mode=night] .player{--sp-accent: var(--night);--sp-glow: transparent}#app[data-mode=night] .sp-art img,#app[data-mode=night] .sp-pill-art img{filter:brightness(.6)}#spotify.leaving{opacity:0;transform:translateY(18px) scale(.98);transition:opacity .25s,transform .3s var(--ease)}.sp-top{display:flex;align-items:center;gap:18px}.sp-art{position:relative;display:block;width:96px;height:96px;flex:none;padding:0;border:0;border-radius:22px;background:#ffffff0f;overflow:hidden;box-shadow:0 16px 34px -14px var(--sp-glow);cursor:pointer;transition:transform .25s var(--ease),box-shadow .8s}.sp-note{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;fill:none;stroke:var(--faint);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sp-art img,.sp-pill-art img{position:relative;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--ease)}.sp-art,.av-art{will-change:transform}.sp-art img.fade,.sp-art img:not([src]),.sp-pill-art img.fade,.sp-pill-art img:not([src]){opacity:0;transition-duration:.2s}.sp-meta{flex:1;min-width:0}.sp-status{display:flex;align-items:center;gap:9px;margin-bottom:6px;font-size:12px;font-weight:var(--w600, 600);letter-spacing:.14em;text-transform:uppercase;color:var(--sp-accent);transition:color .8s}.eq{display:flex;align-items:flex-end;gap:2px;height:12px}.eq i{display:block;width:3px;height:12px;border-radius:1.5px;background:currentColor;transform-origin:50% 100%;transform:scaleY(.3);transition:transform .45s var(--ease)}.player.is-playing .eq i{transform:scaleY(.6)}.player.is-playing .eq i:nth-child(2){transform:scaleY(1)}.player.is-playing .eq i:nth-child(3){transform:scaleY(.45)}.player.is-playing .eq i:nth-child(4){transform:scaleY(.8)}.sp-title{font-size:24px;font-weight:var(--w600, 600);line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-artist{margin-top:2px;min-height:1.25em;font-size:17px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-device{align-self:flex-start;flex:none;display:flex;align-items:center;gap:7px;max-width:170px;padding:7px 13px 7px 10px;border:0;border-radius:999px;background:var(--control);color:var(--muted);font-size:13px}.sp-device svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.sp-device span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-device:active{transform:scale(.94)}#spotify.private .sp-progress,#spotify.private .ctl.mini{visibility:hidden}.sp-progress{display:flex;align-items:center;gap:12px;margin:16px 2px 2px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.sp-progress span{min-width:34px}.sp-progress span:last-child{text-align:right}.bar{position:relative;flex:1;height:4px;border-radius:2px;background:#ffffff1f}.bar:before{content:"";position:absolute;inset:-16px 0}.bar i{display:block;width:100%;height:100%;border-radius:2px;background:var(--sp-accent);transform-origin:0 50%;transform:scaleX(0)}.sp-controls{position:relative;display:flex;justify-content:center;align-items:center;gap:20px}.sp-controls>.ctl{transition:opacity .22s var(--ease),transform .25s var(--ease),background-color .2s}.sp-controls>.sp-vol-btn{position:absolute;right:0;top:50%;margin-top:-23px}.sp-controls>.sp-vol-btn.off{opacity:.4}.sp-vol-btn.on:after{display:none}.sp-vol-panel{position:absolute;inset:0 52px 0 4px;display:flex;align-items:center;gap:12px;color:var(--muted);opacity:0;transform:translate(14px);pointer-events:none;transition:opacity .22s var(--ease),transform .3s var(--ease)}.sp-vol-panel svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sp-vol-panel input{flex:1;min-width:0;height:46px}.sp-vol-panel input::-webkit-slider-runnable-track{height:4px;background:#ffffff29}.sp-vol-panel input::-webkit-slider-thumb{width:26px;height:26px;margin-top:-11px;background:var(--sp-accent)}.sp-controls.vol-open>.ctl:not(.sp-vol-btn){opacity:0;transform:scale(.85);pointer-events:none}.sp-controls.vol-open .sp-vol-panel{opacity:1;transform:none;pointer-events:auto}.ctl{position:relative;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:none;color:var(--fg);display:flex;align-items:center;justify-content:center}.ctl svg{width:30px;height:30px}.ctl:active{background:var(--control);transform:scale(.9)}.ctl.mini{width:46px;height:46px;color:var(--faint)}.ctl.mini svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ctl.mini.on{color:var(--sp-accent)}.ctl.mini.on:after{content:"";position:absolute;bottom:4px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}.ctl.mini b{display:none;position:absolute;top:9px;right:7px;font-size:9px;font-weight:var(--w800, 800)}.ctl.mini.one b{display:block}.ctl.primary{width:66px;height:66px;display:grid;place-items:center;background:var(--fg);color:#0a0a0a}.ctl.primary:active{background:var(--fg);transform:scale(.92)}.ctl.primary svg{grid-area:1 / 1;width:32px;height:32px;transition:opacity .2s,transform .35s var(--ease)}.ico-pause,.ctl.primary.playing .ico-play{opacity:0;transform:scale(.5)}.ctl.primary.playing .ico-pause{opacity:1;transform:none}.sp-pill{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;gap:18px;height:58px;padding:7px;border:0;border-radius:29px;background:#000;color:var(--art-accent, var(--accent));box-shadow:inset 0 0 0 1px #ffffff1f,0 12px 34px -14px var(--art-glow, rgba(0, 0, 0, .5));transition:color .8s,box-shadow .8s}.sp-pill-art{position:relative;width:44px;height:44px;flex:none;border-radius:50%;overflow:hidden;background:#ffffff14;-webkit-mask-image:-webkit-radial-gradient(white,black)}.sp-pill-art:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1a}.sp-pill-art .sp-note{width:18px;height:18px;margin:-9px 0 0 -9px}.wave{display:flex;align-items:center;justify-content:center;gap:4px;width:44px;height:26px;transition:transform .6s var(--ease),opacity .6s}.wave i{display:block;width:4px;height:100%;border-radius:2px;background:currentColor;transform:scaleY(.3);transition:transform .45s var(--ease)}.sp-pill.playing .wave i{transform:scaleY(.55)}.sp-pill.playing .wave i:nth-child(2){transform:scaleY(.9)}.sp-pill.playing .wave i:nth-child(3){transform:scaleY(.4)}.sp-pill.playing .wave i:nth-child(4){transform:scaleY(1)}.sp-pill.playing .wave i:nth-child(5){transform:scaleY(.65)}.sp-pill:not(.playing) .wave{opacity:.55}@keyframes sp-bounce{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.sp-pill.playing .wave i,.player.is-playing .eq i{animation:sp-bounce .62s ease-in-out infinite alternate;will-change:transform}.sp-pill.playing .wave i:nth-child(2),.player.is-playing .eq i:nth-child(2){animation-duration:.84s;animation-delay:-.3s}.sp-pill.playing .wave i:nth-child(3),.player.is-playing .eq i:nth-child(3){animation-duration:.53s;animation-delay:-.45s}.sp-pill.playing .wave i:nth-child(4),.player.is-playing .eq i:nth-child(4){animation-duration:.74s;animation-delay:-.12s}.sp-pill.playing .wave i:nth-child(5){animation-duration:.95s;animation-delay:-.6s}@media(prefers-reduced-motion:reduce){.sp-pill.playing .wave i,.player.is-playing .eq i{animation:none}}.sp-pill.leaving{opacity:0;transform:scale(.8);transition:opacity .22s,transform .26s var(--ease)}.sp-pill.waking{transform:scale(1.08);transition:transform .2s cubic-bezier(.3,1.35,.45,1)}#app[data-mode=night] .sp-pill{color:var(--night);box-shadow:inset 0 0 0 1px #ffffff14}.ghost{position:absolute;z-index:26;margin:0;pointer-events:none;transition:none}.sp-ghost .sp-art,.sp-pill-ghost .sp-pill-art{visibility:hidden}.sp-fly{transform-origin:50% 50%;transition:none;box-shadow:0 16px 34px -14px var(--art-glow, transparent)}.sp-fly-round{transform-origin:50% 50%;will-change:transform,opacity;transition:none}#app[data-mode=night] .sp-fly{box-shadow:none}#app[data-arrange=solo] #spPill[hidden]{display:flex!important}#app[data-arrange=widgets] #spPill{display:none!important}.sp-art:active{transform:scale(.95)}.cc-bar{position:absolute;left:0;top:0;z-index:21;display:flex;align-items:center;gap:6px;transition:transform .9s var(--ease);will-change:transform}.cc-bar.at-rest{transition:transform .62s var(--ease)}.cc-pill{position:relative;height:52px;display:flex;align-items:center;gap:14px;padding:0 17px 0 16px;border:0;border-radius:26px;background:#ffffff0f;color:#ffffffeb;font-size:16px;font-weight:var(--w600, 600);font-variant-numeric:tabular-nums;white-space:nowrap;transition:transform .25s var(--ease),background-color .4s;-webkit-tap-highlight-color:transparent}#app[data-face=photo] .cc-pill{background:#00000052}.cc-pill:active{transform:scale(.94)}.cc-pill svg,.cc-pop svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.cc-mark{width:21px;height:21px;flex:none;color:#d97757}.cc-pill .cc-mark,.cc-pop .cc-mark{fill:currentColor;stroke:none}.cc-n{display:inline-flex;align-items:center}.cc-n i{width:9px;height:9px;margin-right:7px;border-radius:50%;flex:none}.cc-n svg{margin-right:6px;flex:none}.cc-n b{position:relative;top:var(--cc-nudge, 0px);font-weight:inherit;line-height:1}.cc-w{display:block;overflow:hidden;line-height:1;padding:.3em 0;margin:-.3em 0;max-width:var(--w, 0px);transition:max-width .6s var(--ease),opacity .45s var(--ease)}.cc-w>span{display:inline-block;padding-left:.32em;white-space:nowrap;position:relative;top:var(--cc-nudge, 0px);line-height:1;font-weight:var(--w500, 500);color:#ffffffb3}.cc-n-done .cc-w>span{color:inherit;opacity:.8}.cc-bar.at-rest .cc-w{max-width:0;opacity:0;transition:max-width .5s var(--ease),opacity .3s var(--ease)}#app[data-mode=night] .cc-w>span{color:var(--night-muted)}.cc-n-needs i{background:#ffb340}.cc-n-work i{background:#d97757}.cc-n-done{color:#4cd47c}.cc-n-done svg{width:16px;height:16px;stroke-width:2.8}.cc-pill:after{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 0 2px #ffb340d9,0 0 26px 6px #ffb34080;opacity:0;pointer-events:none;transition:opacity .5s}.cc-pill.glow:after{opacity:1;animation:cc-breathe 1.4s ease-in-out infinite alternate;will-change:opacity}@keyframes cc-breathe{0%{opacity:0}to{opacity:1}}#app[data-mode=night] .cc-pill{background:none;color:var(--night)}#app[data-mode=night] .cc-mark,#app[data-mode=night] .cc-n-done{color:var(--night)}#app[data-mode=night] .cc-n i{background:var(--night)}#app[data-mode=night] .cc-n-needs i{box-shadow:0 0 6px var(--night)}#app[data-mode=night] .cc-pill:after{box-shadow:0 0 0 1.5px var(--night-muted),0 0 22px 4px var(--night-muted)}.cc-pop{position:absolute;z-index:49;width:360px;max-width:calc(100% - 24px);padding:14px 16px 6px;border-radius:24px;background:#121212f7;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000080;color:#fff}.cc-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;font-weight:var(--w700, 700);letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e}.cc-head .cc-mark{width:16px;height:16px}.cc-head span{margin-left:auto;letter-spacing:.04em;text-transform:none}.cc-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 0}.cc-row+.cc-row{border-top:1px solid rgba(255,255,255,.07)}.cc-st{width:22px;height:22px;display:grid;place-items:center}.cc-st i{width:10px;height:10px;border-radius:50%}.cc-row.cc-needs .cc-st i{background:#ffb340;box-shadow:0 0 0 4px #ffb34040}.cc-row.cc-working .cc-st i{background:#d97757;box-shadow:0 0 0 4px #d9775738}.cc-row.cc-done .cc-st svg,.cc-row.cc-idle .cc-st svg{width:18px;height:18px;color:#4cd47c;stroke-width:2.6}.cc-row.cc-idle .cc-st svg{color:#fff6}.cc-name{font-size:16px;font-weight:var(--w600, 600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-when{font-size:13px;font-weight:var(--w600, 600);white-space:nowrap;color:#ffffff8c}.cc-row.cc-needs .cc-when{color:#ffc56b}.cc-row.cc-working .cc-when{color:#f0a080}#app[data-mode=night] .cc-pop{background:#000;color:var(--night);border-color:#ffffff14;box-shadow:none}#app[data-mode=night] .cc-head,#app[data-mode=night] .cc-row .cc-when{color:var(--night-muted)}#app[data-mode=night] .cc-row .cc-st i{background:var(--night);box-shadow:none}#app[data-mode=night] .cc-row .cc-st svg{color:var(--night)}.wx-view{position:absolute;inset:0;z-index:32;overflow:hidden;color:#fff;-webkit-tap-highlight-color:transparent}#app[data-wx-open]>#topbar,#app[data-wx-open]>#toolbar,#app[data-wx-open]>#layout,#app[data-wx-open]>#photoLayer{visibility:hidden}.wxv-bg{position:absolute;inset:0;background:linear-gradient(165deg,#101d44,#0a1129,#05070f)}.wx-view.is-night .wxv-bg{background:radial-gradient(70% 60% at 18% 12%,#6e8cff42,#6e8cff00 70%),linear-gradient(165deg,#101d44,#0a1129,#05070f)}.wx-view.is-night.sky-haze .wxv-bg{background:radial-gradient(70% 60% at 18% 12%,#c8a07829,#c8a07800 70%),linear-gradient(165deg,#2a2432,#16131c 55%,#08070a)}.wx-view.is-night.sky-cloud .wxv-bg,.wx-view.is-night.sky-rain .wxv-bg{background:linear-gradient(165deg,#1f2836,#121821 55%,#07090d)}.wx-view.is-day .wxv-bg{background:radial-gradient(70% 60% at 18% 6%,#fff0c86b,#fff0c800 70%),linear-gradient(170deg,#2f72c4,#4f93d8,#79b0e2)}.wx-view.is-day.sky-haze .wxv-bg{background:radial-gradient(70% 60% at 18% 6%,#ffe4b461,#ffe4b400 70%),linear-gradient(170deg,#5d6f88,#7e8191,#9a8e7a)}.wx-view.is-day.sky-cloud .wxv-bg{background:linear-gradient(170deg,#4f5f74,#6c7b8e 55%,#8794a3)}.wx-view.is-day.sky-rain .wxv-bg{background:linear-gradient(170deg,#34404f,#4b5868 55%,#607080)}.wxv-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:22px;z-index:1;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#00000038;color:inherit;display:grid;place-items:center;transition:transform .25s var(--ease),background-color .2s}.wxv-close svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.wxv-close:active{transform:scale(.9);background:#00000059}.wxv-grid{position:absolute;inset:58px 48px 44px;display:grid;grid-template-columns:minmax(0,352px) minmax(0,1fr);gap:24px}.wxv-col{display:flex;flex-direction:column;gap:14px;min-width:0}.wxv-label{font-size:12px;font-weight:var(--w700, 700);letter-spacing:.14em;text-transform:uppercase;color:#ffffffa8}.wxv-hero{padding:6px 4px 0}.wxv-temp{margin:10px 0 6px -5px;font-family:var(--clock-font),var(--sans);font-weight:var(--clock-weight);font-size:124px;line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.wxv-cond{font-size:28px;font-weight:var(--w600, 600)}.wxv-range{margin-top:6px;font-size:18px;font-weight:var(--w600, 600);color:#ffffffc7;white-space:pre}.wxv-card,.wxv-tile{border-radius:24px;background:#ffffff14;border:1px solid rgba(255,255,255,.09)}.is-day .wxv-card,.is-day .wxv-tile{background:#ffffff26;border-color:#ffffff2e}.is-day .wxv-label{color:#ffffffd9}.wxv-card{padding:16px 18px 12px}.wxv-key{float:right;display:inline-flex;align-items:center;gap:6px;letter-spacing:.06em;text-transform:none;font-weight:var(--w600, 600)}.wxv-key i{width:10px;height:10px;border-radius:3px;background:#64beffb3}.wxv-chart{display:block;width:100%;height:auto;margin-top:4px;overflow:visible}.wxv-chart text{fill:#fff;font-size:14px;font-weight:var(--w600, 600);text-anchor:middle}.wxv-chart .wxv-hour{fill:#ffffffa8;font-size:12px;font-weight:var(--w500, 500)}.wxv-line{fill:none;stroke:url(#wxvLine);stroke-width:3.5;stroke-linecap:round}.wxv-area{fill:url(#wxvFill)}.wxv-dot{fill:#fff}.wxv-now{fill:#fff;stroke:#ffffff59;stroke-width:6}.wxv-sunmark line{stroke:#ffc56b;stroke-opacity:.6;stroke-width:1.5;stroke-dasharray:3 5}.wxv-chart .wxv-sunmark text{fill:#ffc56b;font-size:11px;text-anchor:start;letter-spacing:.08em}.wxv-chart .wxv-sunmark text.end{text-anchor:end}.wxv-rainbar{fill:#64beff99}.wxv-chart .wxv-raintxt{fill:#9fdcff;font-size:11px}.wxv-week{flex:1;display:flex;flex-direction:column}.wxv-day{flex:1;display:grid;grid-template-columns:74px 46px 40px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:40px;font-size:18px;font-weight:var(--w600, 600);font-variant-numeric:tabular-nums}.wxv-day+.wxv-day{border-top:1px solid rgba(255,255,255,.07)}.wxv-dicon{display:flex;flex-direction:column;align-items:center;line-height:1}.wxv-dicon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wxv-dayrain{margin-top:2px;font-size:10px;color:#9fdcff}.wxv-lo{text-align:right;color:#fff9}.is-day .wxv-lo{color:#fffc}.wxv-range-bar{position:relative;display:block;height:6px;border-radius:3px;background:#ffffff1f}.wxv-range-bar i{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#64d2ff,#ffd60a,#ff9f0a)}.wxv-range-bar b{position:absolute;top:-3px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.45)}.wxv-tiles{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px}.wxv-tile{position:relative;min-height:140px;padding:14px 16px}.wxv-v{margin-top:10px;font-size:30px;font-weight:var(--w700, 700);line-height:1.1;font-variant-numeric:tabular-nums}.wxv-unit{font-size:16px}.wxv-s{margin-top:2px;font-size:15px;font-weight:var(--w600, 600);color:#fffc}.wxv-f{position:absolute;left:16px;right:12px;bottom:12px;font-size:13px;line-height:1.35;font-weight:var(--w500, 500);color:#ffffffa8}.is-day .wxv-f,.is-day .wxv-range{color:#ffffffd9}.wxv-scale{position:relative;height:6px;margin-top:12px;border-radius:3px;background:linear-gradient(90deg,#3ec46d 0 10%,#a5d65c 10% 20%,#ffd60a 20% 40%,#ff9f0a 40% 60%,#ff453a 60% 80%,#c0365a 80%)}.wxv-scale[data-scale=us]{background:linear-gradient(90deg,#3ec46d 0 10%,#ffd60a 10% 20%,#ff9f0a 20% 30%,#ff453a 30% 40%,#bf5af2 40% 60%,#8e1f3e 60%)}.wxv-scale i{position:absolute;top:-4px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.4)}.wxv-arc{position:absolute;left:16px;top:80px;width:138px;height:36px;overflow:visible}.wxv-arcpath{fill:none;stroke:#ffffff4d;stroke-width:2;stroke-dasharray:2 5}.wxv-horizon{stroke:#ffffff4d;stroke-width:1.5}.wxv-sun{fill:#ffc56b}.wxv-sun.down{opacity:.45}.wxv-dial{position:absolute;right:14px;top:30px;width:62px;height:62px}.wxv-dial circle{fill:none;stroke:#ffffff47;stroke-width:2}.wxv-dial text{fill:#ffffffa8;font-size:9px;font-weight:var(--w700, 700);text-anchor:middle}.wxv-arrow{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.wxv-source{position:absolute;left:48px;right:48px;bottom:14px;font-size:12px;line-height:1.35;color:#ffffff8c}.is-day .wxv-source{color:#fffc}#app[data-mode=night] .wx-view{color:var(--night)}#app[data-mode=night] .wxv-bg{background:#000}#app[data-mode=night] .wxv-card,#app[data-mode=night] .wxv-tile{background:none;border-color:transparent}#app[data-mode=night] .wxv-label,#app[data-mode=night] .wxv-f,#app[data-mode=night] .wxv-s,#app[data-mode=night] .wxv-range,#app[data-mode=night] .wxv-lo,#app[data-mode=night] .wxv-source{color:var(--night-muted)}#app[data-mode=night] .wxv-chart text,#app[data-mode=night] .wxv-dot,#app[data-mode=night] .wxv-now,#app[data-mode=night] .wxv-sun{fill:var(--night)}#app[data-mode=night] .wxv-chart .wxv-hour,#app[data-mode=night] .wxv-chart .wxv-sunmark text,#app[data-mode=night] .wxv-chart .wxv-raintxt,#app[data-mode=night] .wxv-rainbar,#app[data-mode=night] .wxv-dial text{fill:var(--night-muted)}#app[data-mode=night] .wxv-line,#app[data-mode=night] .wxv-arrow{stroke:var(--night)}#app[data-mode=night] .wxv-now{stroke:none}#app[data-mode=night] .wxv-area{fill:none}#app[data-mode=night] .wxv-sunmark line,#app[data-mode=night] .wxv-arcpath,#app[data-mode=night] .wxv-horizon,#app[data-mode=night] .wxv-dial circle{stroke:var(--night-muted)}#app[data-mode=night] .wxv-range-bar{background:#ffffff0f}#app[data-mode=night] .wxv-range-bar i,#app[data-mode=night] .wxv-scale{background:var(--night-muted)}#app[data-mode=night] .wxv-range-bar b,#app[data-mode=night] .wxv-scale i{background:var(--night);border-color:#000}#app[data-mode=night] .wxv-day+.wxv-day{border-top-color:#ffffff0a}#app[data-mode=night] .wxv-dayrain{color:var(--night-muted)}#app[data-mode=night] .wxv-key i{background:var(--night-muted)}@media(max-width:860px){.wx-view{overflow-y:auto;-webkit-overflow-scrolling:touch}.wxv-grid{position:relative;inset:auto;margin:70px 16px 60px;grid-template-columns:minmax(0,1fr)}.wxv-source{position:relative;left:auto;right:auto;bottom:auto;margin:0 16px 24px}.wxv-bg{position:fixed}}.art-view{position:absolute;inset:0;z-index:30;overflow:hidden;color:#fff;--sp-accent: #fff}.av-dark{position:absolute;inset:0;background:#0b0b0c}.av-bg{position:absolute;inset:0}.av-set{position:absolute;inset:0;overflow:hidden}.av-base{position:absolute;inset:0}#app[data-art-open]>#topbar,#app[data-art-open]>#toolbar,#app[data-art-open]>#layout{visibility:hidden}.av-wash{position:absolute;display:block;max-width:none}.av-drift{position:absolute;width:0;height:0}.av-w1{left:50%;top:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;animation:av-spin 70s linear infinite}.av-d2{left:0;top:0;animation:av-drift-a 22s ease-in-out infinite alternate}.av-w2{left:0;top:0;width:115vmax;height:115vmax;margin:-57.5vmax 0 0 -57.5vmax;opacity:.9;animation:av-spin-back 48s linear infinite}.av-d3{right:0;bottom:0;animation:av-drift-b 27s ease-in-out infinite alternate}.av-w3{left:0;top:0;width:100vmax;height:100vmax;margin:-50vmax 0 0 -50vmax;opacity:.85;animation:av-spin 58s linear infinite}.av-wash,.av-drift{animation-play-state:paused}#app[data-art-open] .av-wash,#app[data-art-open] .av-drift{animation-play-state:running}@keyframes av-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes av-spin-back{0%{transform:rotate(360deg) scaleX(-1)}to{transform:rotate(0) scaleX(-1)}}@keyframes av-drift-a{0%{transform:translate(18vw,22vh)}50%{transform:translate(52vw,62vh)}to{transform:translate(78vw,26vh)}}@keyframes av-drift-b{0%{transform:translate(-16vw,-24vh)}50%{transform:translate(-58vw,-52vh)}to{transform:translate(-30vw,-78vh)}}.av-shade{position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 50%,#0000 40%,#00000052),#0000001f}#app[data-mode=night] .av-shade{background:#000000b8}#app[data-mode=night] .art-view{color:var(--night);--sp-accent: var(--night)}#app[data-mode=night] .av-art img{filter:brightness(.6)}.av-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(36px,6vw,84px);padding:48px 64px}.av-art{flex:none;display:block;width:min(68vh,48vw);height:min(68vh,48vw);padding:0;border:0;border-radius:18px;overflow:hidden;background:#ffffff14;cursor:pointer;box-shadow:0 40px 90px -30px #000000b3,0 12px 32px #00000040}.av-fly{position:absolute;margin:0;pointer-events:none;transform-origin:50% 50%;box-shadow:none;transition:none}.av-art img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--ease),transform .45s var(--ease)}.av-art img.fade,.av-art img:not([src]){opacity:0;transition-duration:.2s}.av-side{flex:0 1 380px;min-width:0;text-shadow:0 1px 14px rgba(0,0,0,.22)}.av-title{font-size:32px;font-weight:var(--w700, 700);line-height:1.2;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.av-artist{margin-top:6px;font-size:22px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av-scrub{position:relative;margin-top:34px;padding:14px 0;cursor:pointer}.av-bar{height:6px;border-radius:3px;background:#ffffff3d;overflow:hidden}.av-bar i{display:block;height:100%;background:currentColor;opacity:.9;transform-origin:0 50%;transform:scaleX(0)}.av-times{display:flex;justify-content:space-between;margin-top:-4px;font-size:14px;opacity:.62;font-variant-numeric:tabular-nums}.av-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.av-controls .ctl{color:inherit;width:64px;height:64px}.av-controls .ctl svg{width:38px;height:38px}.av-controls .ctl.primary,.av-controls .ctl.primary:active{width:84px;height:84px;background:none;color:inherit}.av-controls .ctl.primary:active{background:#ffffff1f}.av-controls .ctl.primary svg{width:54px;height:54px}.av-controls .ctl.mini{width:48px;height:48px;color:inherit;opacity:.55}.av-controls .ctl.mini.on{opacity:1}.av-controls .ctl.mini svg{width:24px;height:24px}.av-volume{display:flex;align-items:center;gap:10px;margin-top:10px}.av-vol-panel{flex:1;min-width:0;display:flex;align-items:center;gap:14px;opacity:0;transform:translate(16px);pointer-events:none;transition:opacity .25s var(--ease),transform .35s var(--ease)}.av-vol-panel svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.av-vol-panel input{flex:1;min-width:0;height:44px}.av-vol-panel input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#ffffff3d}.av-vol-panel input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px;background:currentColor;box-shadow:0 2px 10px #0000004d}.av-volume.open .av-vol-panel{opacity:1;transform:none;pointer-events:auto}.ctl.av-vol-btn{flex:none;width:48px;height:48px;color:inherit;opacity:.55}.ctl.av-vol-btn svg{width:24px;height:24px}.ctl.av-vol-btn.on{opacity:1}.ctl.av-vol-btn.on:after{display:none}.ctl.av-vol-btn.off{opacity:.25}.av-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:22px;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#00000038;color:inherit;display:grid;place-items:center;transition:transform .25s var(--ease),background-color .2s}.av-close svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.av-close:active{transform:scale(.9);background:#00000059}@media(orientation:portrait),(max-width:700px){.av-content{flex-direction:column;gap:36px;padding:80px 36px 48px}.av-art{width:min(74vw,48vh);height:min(74vw,48vh)}.av-side{flex:none;width:min(74vw,48vh)}}.sp-volume{display:flex;align-items:center;gap:12px;padding:4px 0 8px;color:var(--muted)}.sp-volume svg{width:22px;height:22px;flex:none}.sp-volume input{flex:1;min-width:0}.device.on{box-shadow:inset 0 0 0 1.5px var(--accent)}.pill{max-width:190px;padding:8px 16px;border:0;border-radius:999px;background:var(--control);color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill:active{opacity:.65}.btn{font-size:18px;padding:12px 20px;border-radius:14px;border:0;background:var(--control);color:var(--fg)}.btn:active{opacity:.8;transform:scale(.96)}label.btn{display:inline-block;cursor:pointer}.icon-btn,.ctl,.btn,.pill,.sync-btn,.seg button,.font-grid button,.face-tile,.close,.device,.sp-device,.nav-row,.link-row,.back{transition:transform .25s var(--ease),background-color .2s,color .2s,opacity .2s,border-color .2s,box-shadow .2s}.btn.primary{background:var(--accent);color:var(--on-accent);font-weight:var(--w600, 600)}.btn.danger{color:var(--danger)}.btn.wide{width:100%}.btn:disabled{cursor:default}input[type=text],input[type=time],select{font-size:19px;color:var(--fg);background:var(--control);border:0;border-radius:12px;padding:10px 14px;color-scheme:dark;-webkit-user-select:text;user-select:text;min-width:0}input[type=text]::placeholder{color:var(--faint)}input.switch{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:54px;height:32px;margin:0;border-radius:16px;background:#ffffff29;transition:background-color .3s var(--ease)}input.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .36s var(--spring)}input.switch:checked{background:var(--accent)}input.switch:checked:after{transform:translate(22px)}input[type=range]{-webkit-appearance:none;appearance:none;height:32px;background:none;margin:0}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(var(--accent),var(--accent)) 0 0 / var(--fill, 0%) 100% no-repeat,#ffffff29}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000059,0 0 0 .5px #0000001a}#app[data-mode=night] input[type=range]::-webkit-slider-thumb{background:var(--night)}.seg{display:flex;padding:3px;border-radius:12px;background:var(--control)}.seg button{border:0;border-radius:9px;padding:7px 15px;background:none;color:var(--muted);font-size:17px}.seg button.on{background:#ffffff29;color:var(--fg)}.seg button:active,.font-grid button:active,.face-tile:active,.device:active{transform:scale(.97)}.sheet{position:absolute;inset:0;z-index:40;visibility:hidden;background:#0000;transition:background .35s,visibility 0s linear .45s}.sheet.open{visibility:visible;background:#00000073;transition:background .35s}.sheet.parked,.page.parked,#side.parked{display:none}.sheet-panel{position:absolute;top:10px;right:10px;bottom:10px;width:min(530px,calc(100% - 20px));display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:var(--sheet-bg);box-shadow:0 0 0 1px #ffffff12,0 30px 80px #0009;transform:translate(calc(100% + 24px));transition:transform .45s var(--ease-sheet);touch-action:pan-y}.sheet-panel.narrow{width:min(440px,calc(100% - 20px))}:root{--sheet-bg: #0e0e10;--group-bg: rgba(255, 255, 255, .065)}#app[data-mode=night]{--sheet-bg: #050505;--group-bg: rgba(255, 255, 255, .04)}.sheet.open .sheet-panel{transform:none}#app[data-mode=night] .sheet.open{background:#000000d1}.sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:max(20px,env(safe-area-inset-top)) 26px 14px}.sheet-head h2{margin:0;font-size:28px;font-weight:var(--w500, 500);letter-spacing:-.01em}.close{flex:none;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--control);color:var(--fg);-webkit-appearance:none;appearance:none}.close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.close:active{transform:scale(.9)}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 26px 44px}.sheet-body h3{margin:30px 0 4px;color:var(--accent)}.sheet-body h3.first{margin-top:6px}.hint{margin:10px 0;font-size:14px;line-height:1.5;color:var(--faint)}.spacer{flex:1}.nav{position:relative;flex:1;min-height:0;overflow:hidden}.page{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--sheet-bg);transition:transform .46s var(--ease-sheet),opacity .46s var(--ease-sheet)}.page.is-off{transform:translate(100%);visibility:hidden;transition:transform .46s var(--ease-sheet),visibility 0s linear .46s}.page.is-under{transform:translate(-28%);opacity:.3;visibility:hidden;pointer-events:none;transition:transform .46s var(--ease-sheet),opacity .46s var(--ease-sheet),visibility 0s linear .46s}.page:not([data-page=root]){box-shadow:-1px 0 0 var(--line)}.nav.instant .page{transition:none!important}.page-head{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:max(12px,env(safe-area-inset-top)) 20px 2px 12px}.back{display:flex;align-items:center;gap:1px;height:44px;padding:0 14px 0 4px;border:0;border-radius:22px;background:none;color:var(--accent);font-size:18px}.back svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.back:active{background:var(--control);transform:scale(.96)}.page-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 22px 56px}.page-title{margin:2px 0 22px 6px;font-size:34px;font-weight:var(--w700, 700);letter-spacing:-.02em;line-height:1.1}.group-label{margin:30px 0 9px 18px;font-size:13px;font-weight:var(--w600, 600);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.group{border-radius:18px;background:var(--group-bg);overflow:hidden}.group+.group,.group-foot+.group{margin-top:18px}.group-foot{margin:9px 18px 0;font-size:14px;line-height:1.45;color:var(--faint)}.group-foot+.group-foot{margin-top:6px}.group-foot.center{margin-top:26px;text-align:center}.row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:10px 18px;font-size:18px}.row:after{content:"";position:absolute;top:0;left:18px;right:0;border-top:1px solid var(--line);pointer-events:none}.group>:first-child:after,.group>:first-child>.row:first-child:after{display:none}.row-text{min-width:0}.row-text small{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:var(--faint)}.row strong{font-weight:var(--w500, 500);color:var(--muted);text-align:right}.row .seg button{padding:7px 13px;font-size:16px}.row.disabled{opacity:.45}.row.sub{padding-left:52px}.row.sub:after{left:52px}.row.sub:before{content:"";position:absolute;left:28px;top:0;width:12px;height:50%;border-left:1.5px solid rgba(255,255,255,.16);border-bottom:1.5px solid rgba(255,255,255,.16);border-bottom-left-radius:8px;pointer-events:none}.row.sub:has(+.row.sub:not([hidden])){background:linear-gradient(#ffffff29,#ffffff29) 28px 0 / 1.5px 100% no-repeat}.row.slider{flex-direction:column;align-items:stretch;gap:2px;padding-top:12px;padding-bottom:8px}.duration{--wheel-bg: rgb(30, 30, 31);position:relative;flex:none;display:flex;align-items:center;height:170px;padding:0 8px 0 4px;border-radius:16px;background:var(--wheel-bg);overflow:hidden}#app[data-mode=night] .duration{--wheel-bg: rgb(22, 22, 22)}.duration:before{content:"";position:absolute;left:6px;right:6px;top:50%;height:36px;margin-top:-18px;border-radius:10px;background:#ffffff1c;pointer-events:none}.wheel{position:relative;width:54px;height:170px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:ns-resize;outline:none}.wheel-item{position:absolute;left:0;right:0;top:50%;height:34px;margin-top:-17px;padding-right:8px;line-height:34px;text-align:right;font-size:23px;font-weight:var(--w500, 500);font-variant-numeric:tabular-nums;color:var(--fg);pointer-events:none;will-change:transform,opacity}.wheel-unit{position:relative;margin-right:8px;font-size:16px;font-weight:var(--w600, 600);color:var(--fg);pointer-events:none}.row-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.row-top output{color:var(--muted);font-size:16px;font-variant-numeric:tabular-nums}.row.slider input[type=range]{width:100%}.range-ends{display:flex;justify-content:space-between;margin-top:-4px;font-size:13px;color:var(--faint)}.row.actions{justify-content:flex-start;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.row.actions .btn,.btn.small{padding:10px 16px;font-size:16px}.row.stack{flex-direction:column;align-items:stretch;gap:8px;padding-top:14px;padding-bottom:14px}.row.stack input{width:100%;font-size:16px}.row.search{gap:10px}.row.search input{flex:1}.link-row{width:100%;justify-content:flex-start;border:0;background:none;color:var(--accent);font-size:18px;text-align:left}.link-row.danger{color:var(--danger)}.link-btn{padding:4px 0;border:0;background:none;color:var(--accent);font-size:15px}.results:empty{display:none}.result{width:100%;border:0;background:none;color:var(--fg);text-align:left}.result small{color:var(--faint);font-size:14px}.hint-row{color:var(--faint);font-size:15px}.nav-row:active,.link-row:active,.result:active{background:#ffffff12}.nav-row{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:10px 16px 10px 14px;border:0;background:none;color:var(--fg);font-size:18px;text-align:left}.nav-row:after{content:"";position:absolute;top:0;left:60px;right:0;border-top:1px solid var(--line);pointer-events:none}.ico{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--ico);color:#fff}.ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#app[data-mode=night] .ico{background:#ffffff1a;color:var(--night)}.nav-label{flex:none}.nav-label small{display:block;margin-top:2px;font-size:14px;color:var(--faint)}.nav-value{flex:1;min-width:0;color:var(--muted);font-size:16px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{width:16px;height:16px;flex:none;margin-right:-4px;fill:none;stroke:var(--faint);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.error{color:var(--danger);font-size:16px}.device{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;margin:8px 0;padding:14px 16px;border:0;border-radius:14px;background:var(--control);color:var(--fg);font-size:19px;text-align:left}.device small{color:var(--faint);font-size:14px}.lock{position:absolute;inset:0;z-index:62;display:flex;align-items:center;justify-content:center;background:#050506;padding:24px}.lock-card{width:min(440px,100%);text-align:center}.lock-card h2{margin:0 0 8px;font-size:40px;font-weight:var(--w500, 500);letter-spacing:.02em}.lock-card input{width:100%;margin:18px 0 14px;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:24px;letter-spacing:.08em}.toast{position:absolute;left:50%;bottom:36px;z-index:90;max-width:80%;padding:13px 24px;border-radius:999px;background:var(--fg);color:#0e0c08;font-size:17px;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,140%) scale(.9);transition:opacity .25s,transform .4s var(--ease),visibility 0s linear .4s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .25s,transform .7s cubic-bezier(.25,1.45,.4,1)}.pill.update{position:absolute;left:50%;bottom:92px;z-index:55;transform:translate(-50%);max-width:none;background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:var(--w600, 600)}.awake-hint{position:absolute;left:50%;top:max(18px,env(safe-area-inset-top));z-index:30;transform:translate(-50%);font-size:12px;font-weight:var(--w500, 500);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .5s}.awake-hint.show{opacity:1}#nosleep{position:fixed;bottom:0;left:0;width:2px;height:2px;opacity:.02;pointer-events:none}.face-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 6px}.face-tile{display:flex;flex-direction:column;gap:10px;padding:9px 9px 14px;border:1.5px solid transparent;border-radius:18px;background:var(--control);color:var(--fg);text-align:left;font-size:18px}.face-tile.on{border-color:var(--accent)}.ft-prev{position:relative;display:flex;align-items:center;justify-content:center;height:96px;border-radius:12px;overflow:hidden;background:#000}.ft-prev b{position:relative;font-family:var(--clock-font),var(--sans);font-weight:var(--clock-weight);letter-spacing:var(--clock-track);font-size:38px;color:#f4f3ef}.ft-photo{background:linear-gradient(135deg,#34404f,#141a22)}.ft-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ft-photo img:not([src]){display:none}.ft-photo b{text-shadow:0 1px 12px rgba(0,0,0,.45)}.ft-ph{position:absolute;left:10px;top:10px;width:26px;height:26px;fill:none;stroke:#ffffff8c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.has-photo .ft-ph{display:none}.ft-name{padding:0 6px;font-weight:var(--w500, 500)}.ft-name small{display:block;margin-top:2px;font-size:13px;font-weight:var(--w400, 400);color:var(--faint)}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.font-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 4px}.group+.font-grid{margin-top:14px}.font-grid+.group{margin-top:14px}.font-grid button{padding:14px 16px;border:1px solid transparent;border-radius:14px;background:var(--control);color:var(--fg);text-align:left;font-size:18px}.font-grid button small{display:block;margin-top:2px;font-size:13px;color:var(--faint)}.font-grid button.on{border-color:var(--accent)}@media(max-width:600px),(max-height:520px){:root,#app[data-mode=night]:not([data-peek]),#app[data-panels=off],#app[data-face=photo],#app[data-face=photo][data-mode=night]:not([data-peek]){--clock-size: min(24vw, 34vh)}#layout{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:72px 18px 28px}#clockPane{padding:6px 0 28px}#spotify{margin:0 0 28px}#side{display:block;padding-top:0}#app[data-panels=off] #side{display:none}#calendar,#reminders{margin-bottom:30px}.list{overflow:visible}.awake-hint,#wxRange{display:none}}@keyframes rise{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes swap{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes pill{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.enter-pill{animation:pill .6s var(--spring) both}.enter-reveal{animation:reveal .38s var(--ease) both}.enter-pop{animation:pop .55s var(--ease) both}.enter-rise{animation:rise .6s var(--ease) both}.enter-swap{animation:swap .5s var(--ease) both}#hm .d,#hm .dg{position:relative;display:inline-block}#hm .d i,#hm .dg i{display:inline-block;font-style:normal}#hm i.out{position:absolute;left:0;right:0;top:0;text-align:center;pointer-events:none}#app[data-clock-style=stacked]:not([data-tool]) #hm{display:inline-flex;flex-direction:column;align-items:center;line-height:.86;font-size:calc(var(--clock-size) * var(--clock-scale) * var(--face-scale) * var(--fit, 1) * .8)}#app[data-clock-style=stacked]:not([data-tool]) #hm .cl{display:none}#app[data-placed][data-align=left][data-clock-style=stacked]:not([data-tool]) #hm{align-items:flex-start}#app[data-placed][data-align=right][data-clock-style=stacked]:not([data-tool]) #hm{align-items:flex-end}.dial{display:none;position:relative;flex:none;width:calc(var(--clock-size) * var(--face-scale) * var(--fit, 1) * 1.38);height:calc(var(--clock-size) * var(--face-scale) * var(--fit, 1) * 1.38)}.dial svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.dial-minor{fill:none;stroke:var(--soft);stroke-width:1.4;stroke-linecap:round;opacity:.4}.dial-major{fill:none;stroke:var(--clock-color);stroke-width:3.6;stroke-linecap:round}.dial-hour{stroke:var(--clock-color);stroke-width:8;stroke-linecap:round}.dial-minute{stroke:var(--clock-color);stroke-width:5;stroke-linecap:round}.dial-hub{fill:var(--clock-color)}.dial-seconds{will-change:transform;transition:transform .32s cubic-bezier(.4,2.1,.55,1)}.dial-seconds line{stroke:var(--accent);stroke-width:2;stroke-linecap:round}.dial-seconds circle{fill:var(--accent)}#app[data-face=photo] .dial svg{filter:drop-shadow(0 2px 12px rgba(0,0,0,.35))}#app[data-clock-style=analog]:not([data-tool]) #hm,#app[data-clock-style=analog]:not([data-tool]) #suffix{display:none}#app[data-clock-style=analog]:not([data-tool]) .dial{display:block}.moon{display:none;width:1.2em;height:1.2em;margin-left:.7em;vertical-align:-.24em;transition:opacity .7s var(--ease-calm)}.moon-disc{fill:currentColor;opacity:.16}.moon-lit{fill:currentColor}#app[data-mode=night] .moon{display:inline-block}#app[data-mode=night][data-time-only]:not([data-peek]) .moon{opacity:0}#albumGlow{position:absolute;inset:0;overflow:hidden;pointer-events:none}#albumGlow i{position:absolute;inset:0;width:100%;height:100%;background-size:100% 100%;opacity:0;transition:opacity 1.6s var(--ease-calm);will-change:opacity;-webkit-mask-image:radial-gradient(64% 60% at 50% 44%,rgba(0,0,0,0) 34%,#000 100%);mask-image:radial-gradient(64% 60% at 50% 44%,#0000 34%,#000)}#albumGlow i.on{opacity:.5}#app[data-mode=night] #albumGlow i.on{opacity:.16}#app[data-face=photo] #albumGlow i.on{opacity:.38}#app[data-art-open] #albumGlow{visibility:hidden}.av-left{position:relative;flex:none}.art-view.queue-open .av-art img{opacity:0;transform:scale(.94)}.av-queue{position:absolute;inset:0;display:flex;flex-direction:column;padding:20px 8px 8px 16px;border-radius:22px;background:#0000004d;opacity:0;transform:scale(.96);visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease),transform .45s var(--ease),visibility 0s linear .45s}.art-view.queue-open .av-queue{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .3s var(--ease) .08s,transform .5s var(--ease)}.avq-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 14px 12px 4px;font-size:22px;font-weight:var(--w700, 700)}.avq-head small{font-size:13px;font-weight:var(--w500, 500);opacity:.6}.avq-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:8px}.avq-list.busy{opacity:.6;pointer-events:none;transition:opacity .2s}.avq-row{display:flex;align-items:center;gap:13px;width:100%;padding:7px 8px;border:0;border-radius:14px;background:none;color:inherit;text-align:left;transition:background-color .2s,transform .25s var(--ease)}.avq-row:active{background:#ffffff1f;transform:scale(.98)}.avq-row.going{background:#ffffff29}.avq-row img{width:50px;height:50px;flex:none;border-radius:9px;object-fit:cover;background:#ffffff14}.avq-text{min-width:0}.avq-text b{display:block;font-size:16px;font-weight:var(--w600, 600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avq-text small{display:block;margin-top:2px;font-size:14px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avq-empty{margin:18px 6px;font-size:15px;opacity:.65}.av-volume{justify-content:space-between}.av-volume .av-vol-panel{margin-left:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}