:root{--bg:#000;--surface:#0e0e10;--surface-2:#17171a;--surface-3:#1f1f23;--border:#ffffff14;--border-strong:#ffffff29;--text:#f5f5f7;--text-2:#a8a8ad;--text-3:#8c8c92;--green:#30d158;--amber:#e0b25c;--red:#ff6b61;--radius:24px;--radius-sm:14px;--gap:16px;--pad:clamp(20px, 2.2vw, 32px);--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0;font-size:17px;line-height:1.45}h1,h2,h3,p,ul,dl,dd,figure{margin:0}ul{padding:0;list-style:none}button,input{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{gap:var(--gap);max-width:1680px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 4px;display:flex}.brand{letter-spacing:.24em;font-size:15px;font-weight:600}.brand-slash{color:var(--text-3);margin:0 .2em;font-weight:300}.header-right{align-items:center;gap:12px;display:flex}.status{letter-spacing:.16em;color:var(--text-2);align-items:center;gap:10px;font-size:13px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #30d15824}.status-dot.is-offline{background:var(--text-3);box-shadow:none}.status-offline{color:var(--amber)}.dashboard{gap:var(--gap);flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"clock""weather""outfit""extras";display:grid}.area-clock{grid-area:clock}.area-weather{grid-area:weather}.area-outfit{grid-area:outfit}.area-extras{grid-area:extras}.area-clock,.area-weather,.area-outfit{min-width:0;display:flex}.area-clock>.card,.area-weather>.card,.area-outfit>.card{flex:1}.area-extras{gap:var(--gap);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@media (width>=640px){.dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"clock weather""outfit outfit""extras extras"}.area-extras{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width>=1024px){.dashboard{grid-template:"clock outfit""weather outfit"1fr"extras extras"/minmax(0,.95fr) minmax(0,2fr)}}@media (width>=1400px){.dashboard{grid-template:"clock outfit extras""weather outfit extras"1fr/minmax(0,.95fr) minmax(0,1.9fr) minmax(0,.85fr)}.area-extras{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}}@media (width>=1024px) and (height<=820px){:root{--pad:22px;--gap:14px}.app{padding-top:max(14px, env(safe-area-inset-top));gap:12px}.card{gap:10px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);flex-direction:column;gap:14px;min-width:0;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08,0 20px 40px -24px #000c}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.eyebrow{letter-spacing:.18em;color:var(--text-2);font-size:13px;font-weight:600}.eyebrow--small{font-size:12px}.tag{letter-spacing:.16em;border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.tag--muted{color:var(--text-3);border-color:var(--border)}.muted{color:var(--text-2);font-size:16px}.fineprint{color:var(--text-3);font-size:13px;line-height:1.4}.placeholder-title{letter-spacing:-.01em;font-size:19px;font-weight:500}.pill-button,.icon-button,.segment,.result-button,.text-button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.pill-button{border:1px solid var(--border-strong);background:var(--surface-2);letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:15px;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.pill-button:active:not(:disabled){background:var(--surface-3)}.pill-button:disabled{opacity:.45;cursor:default}.pill-button--primary{background:var(--text);color:#000;border-color:var(--text);letter-spacing:.12em}.pill-button--primary:active:not(:disabled){background:#d8d8dc}.pill-button--quiet{letter-spacing:.02em;min-height:44px;color:var(--text-2);background:0 0;padding:0 16px;font-size:14px;font-weight:500}.icon-button{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--text-2);border-radius:50%;place-items:center;display:inline-grid}.icon-button:active{background:var(--surface-2)}.text-button{min-height:44px;color:var(--amber);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:10px 0;font-size:14px;-webkit-text-decoration:underline #e0b25c66;text-decoration:underline #e0b25c66}.clock-card{justify-content:space-between;container-type:inline-size}.clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:flex-start;gap:.12em;margin:6px 0 4px;font-size:clamp(64px,27cqi,184px);font-weight:200;line-height:.9;display:flex}.clock-colon{color:var(--text-2);padding:0 .02em;position:relative;top:-.06em}.clock-side{letter-spacing:.04em;flex-direction:column;gap:.35em;padding-top:.32em;font-size:.2em;line-height:1;display:flex}.clock-period{color:var(--text);font-weight:500}.clock-seconds{color:var(--text-3);min-width:2ch;font-weight:400}.clock-date{color:var(--text-2);letter-spacing:-.01em;font-size:clamp(20px,8cqi,30px);font-weight:400}.clock-weekday{color:var(--text);font-weight:500}.weather-card{container-type:inline-size}.weather-location{flex-wrap:wrap;align-items:center;column-gap:12px;margin-top:-6px;font-size:17px;font-weight:500;display:flex}.weather-body{flex-direction:column;flex:1;gap:14px;display:flex}.weather-now{align-items:center;gap:18px;display:flex}.weather-icon{width:clamp(52px,20cqi,84px);height:clamp(52px,20cqi,84px);color:var(--text);flex:none}.weather-temp{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(56px,22cqi,112px);font-weight:200;line-height:.95}.weather-deg{letter-spacing:0;color:var(--text-2);vertical-align:top;margin-left:.08em;font-size:.32em;font-weight:400;position:relative;top:.35em}.weather-desc{font-size:20px;font-weight:500}.weather-feels{color:var(--text-2);font-weight:400}.weather-stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:14px;display:grid}.weather-stats dt{letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600}.weather-stats dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px;font-size:24px;font-weight:400}.weather-stats .unit{color:var(--text-2);font-size:13px}.weather-updated{color:var(--text-3);margin-top:auto;font-size:14px}.weather-updated.is-warning{color:var(--amber)}.weather-message{color:var(--text-2);font-size:17px}.weather-message-title{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:500}.weather-skeleton{flex-direction:column;gap:14px;display:flex}.skeleton-bar{background:var(--surface-2);border-radius:12px;width:70%;height:56px}.skeleton-bar--short{width:45%;height:20px}.attribution{color:var(--text-3);font-size:12px}.attribution a{text-underline-offset:2px;text-decoration-color:#ffffff40}.outfit-card{container-type:inline-size}.outfit-body{flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"visual""details""controls";align-content:start;gap:20px;display:grid}.outfit-visual{grid-area:visual}.outfit-details{grid-area:details}.outfit-controls{grid-area:controls}.outfit-visual{border:1px solid var(--border);background:radial-gradient(120% 90% at 50% 40%,#1b1b1e 0%,#111113 70%);border-radius:18px;place-items:center;min-height:0;padding:18px 18px 34px;display:grid;position:relative}.outfit-svg{width:100%;height:auto;max-height:min(34dvh,320px);animation:.35s both fade-in;display:block}.outfit-visual-caption{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:12px;position:absolute;bottom:10px;left:16px}.outfit-details{flex-direction:column;gap:16px;min-width:0;display:flex}.outfit-name{letter-spacing:-.02em;font-size:clamp(28px,6cqi,40px);font-weight:500;line-height:1.1}.outfit-name+.fineprint{margin-top:6px}.outfit-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:16px;display:grid}.outfit-items li{flex-direction:column;font-size:16px;display:flex}.outfit-item-part{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600}.outfit-styling{color:var(--text-2);margin-top:14px;font-size:16px}.weather-note{border-left:2px solid var(--border-strong);flex-direction:column;gap:6px;padding:2px 0 2px 16px;display:flex}.weather-note-title{font-size:17px;font-weight:500}.weather-note-list{color:var(--text-2);flex-direction:column;gap:4px;font-size:15px;display:flex}.outfit-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.outfit-controls .pill-button--primary{flex:220px}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:320px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segment{min-height:44px;color:var(--text-2);background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s}.segment[aria-pressed=true]{background:var(--surface-3);color:var(--text);box-shadow:0 0 0 1px var(--border-strong) inset}@container (width>=620px){.outfit-body{grid-template:"visual details""controls details"1fr/minmax(0,1.05fr) minmax(0,1fr);gap:14px 28px}.outfit-visual{padding:14px 14px 32px}.outfit-svg{max-height:300px}.outfit-controls{flex-direction:column;align-self:start;align-items:stretch;padding-top:0}.outfit-controls .segmented,.outfit-controls .pill-button--primary{flex:none}.outfit-name{font-size:clamp(26px,4.4cqi,38px)}.outfit-items,.outfit-styling{margin-top:12px}}.event-list li{border-top:1px solid var(--border);gap:16px;padding:10px 0;display:flex}.event-time{color:var(--text-2);font-variant-numeric:tabular-nums;min-width:5.5em}.settings{flex-direction:column;gap:20px;width:100%;max-width:720px;margin:0 auto;padding-bottom:24px;display:flex}.settings-top{justify-content:space-between;align-items:center;min-height:56px;display:flex}.settings-title{letter-spacing:-.02em;font-size:34px;font-weight:600}.settings-title:focus{outline:none}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);flex-direction:column;align-items:flex-start;gap:16px;display:flex}.settings-section>*{max-width:100%}.choice-group{border:0;flex-direction:column;gap:10px;width:100%;margin:0;padding:0;display:flex}.choice,.toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;align-items:flex-start;gap:14px;width:100%;padding:14px 16px;display:flex}.choice:has(input:checked){border-color:var(--border-strong);background:var(--surface-3)}.choice input[type=radio]{width:22px;height:22px;accent-color:var(--text);flex:none;margin:2px 0 0}.choice-body{flex-direction:column;flex:1;gap:4px;display:flex}.choice-title{font-weight:500}.choice-desc{color:var(--text-2);font-size:15px}.toggle{align-items:center}.switch{appearance:none;background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;flex:none;width:52px;height:32px;margin:0;transition:background-color .2s;position:relative}.switch:after{content:"";background:var(--text-2);border-radius:50%;width:24px;height:24px;transition:transform .2s,background-color .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--green);border-color:var(--green)}.switch:checked:after{background:#fff;transform:translate(20px)}.switch:disabled{opacity:.4}.search{flex-direction:column;gap:8px;width:100%;display:flex}.field-label{color:var(--text-2);font-size:15px}.search-row{gap:10px;display:flex}.text-input{border:1px solid var(--border-strong);background:var(--bg);border-radius:999px;flex:1;min-width:0;min-height:48px;padding:0 16px;font-size:17px}.text-input::placeholder{color:var(--text-3)}.result-list{flex-direction:column;gap:8px;width:100%;display:flex}.result-button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 18px;display:flex}.result-button:active{background:var(--surface-3)}.form-error{color:var(--red)}.form-success{color:var(--green)}.settings-back{align-self:flex-start}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=480px){.status span:not(.status-dot){display:none}.weather-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}}