@property --ui{syntax: "<color>"; inherits: true; initial-value: #22d3ee;}:root{color-scheme:dark;--glass: rgba(255,255,255,.1);--card: rgba(15,18,30,.58);--line: rgba(255,255,255,.16);--dim: rgba(255,255,255,.62);--ui-mid: #1f90e3}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:#fff;overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body.dragging{user-select:none;cursor:grabbing}.wallpaper{position:fixed;inset:0;z-index:0;background:#0b1020 url(/wallpaper.jpg) center / cover no-repeat}.lock{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:clamp(1rem,3vw,2rem);will-change:transform,opacity}.statusbar{width:min(440px,92vw);display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:.42rem;font-weight:600;letter-spacing:.02em;color:var(--ui-mid);text-shadow:0 2px 14px rgba(0,0,0,.6)}.wordmark-icon{flex:none;width:2.4em;height:2.4em;background:currentColor;-webkit-mask:url(/favicon.svg) center / contain no-repeat;mask:url(/favicon.svg) center / contain no-repeat;filter:drop-shadow(0 2px 14px rgba(0,0,0,.6))}.gear{all:unset;cursor:pointer;font-size:1.2rem;color:var(--ui-mid);padding:.3rem;border-radius:10px;text-shadow:0 2px 14px rgba(0,0,0,.6)}.gear:hover{background:var(--glass)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:clamp(1rem,6vh,4rem)}.fleet{display:inline-grid;grid-template-columns:auto auto auto;justify-items:center;align-items:baseline;color:var(--ui);text-shadow:0 2px 30px rgba(0,0,0,.6)}.hh,.sep,.mm{font-size:clamp(4.5rem,20vw,11rem);font-weight:200;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:.95}.hh{grid-area:1 / 1}.sep{grid-area:1 / 2;transition:opacity .3s ease;padding:0 .04em}.mm{grid-area:1 / 3}.lbl{grid-row:2;margin-top:.2rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-mid);text-shadow:0 1px 10px rgba(0,0,0,.6)}.lbl-s{grid-column:1}.lbl-p{grid-column:3}.date{margin-top:1rem;font-size:1.15rem;color:var(--ui);text-shadow:0 2px 16px rgba(0,0,0,.65)}.weather{margin-top:.9rem;display:flex;flex-direction:column;gap:.55rem;width:min(360px,92vw);padding:.7rem .85rem;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 30px #0000004d}.wx-now{display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:.92rem}.wx-icon{font-size:1.15rem}.wx-now .wx-temp{font-weight:600;color:var(--ui-mid)}.wx-now .wx-desc{color:var(--dim)}.wx-loc{color:var(--dim);padding-left:.4rem;border-left:1px solid var(--line)}.wx-forecast{display:flex;gap:.4rem}.wx-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .2rem;border-radius:13px;background:#ffffff12}.wx-day-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.wx-day-icon{font-size:1.3rem}.wx-day-temp{font-size:.8rem;font-weight:600}.wx-lo{color:var(--dim);font-weight:400}.weather[hidden]{display:none}.markets{margin-top:.9rem;flex-direction:column;gap:.6rem;width:min(440px,92vw);padding:.7rem .85rem;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 30px #0000004d}.markets[hidden]{display:none}.markets:not([hidden]){display:flex}.mk-head{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.mk-group{flex:1;min-width:0;background:#ffffff14;border:1px solid var(--line);border-radius:12px;padding:.5rem .6rem;color:#fff;font:inherit;font-size:.85rem}.mk-group option,.mk-group optgroup{color:#000}.mk-range{font-size:.8rem}.mk-range button{padding:.42rem .55rem}.mk-chart{width:100%;height:120px;display:block}.mk-caption{display:flex;gap:.55rem;align-items:baseline;flex-wrap:wrap;font-size:.85rem;color:var(--dim)}.mk-sym{font-weight:600;color:#fff;letter-spacing:.03em}.mk-last{color:var(--ui-mid);font-weight:600}.mk-chg.up{color:#34d399}.mk-chg.down{color:#f87171}.mk-win{margin-left:auto;color:var(--dim)}.mk-leg{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.mk-dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block;flex:none}.notifications{width:min(440px,92vw);display:flex;flex-direction:column;gap:.6rem;margin-top:clamp(1.5rem,5vh,3rem)}.notif{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #00000059}.notif-head{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:.8rem;width:100%;padding:.85rem 1rem;cursor:pointer}.notif-icon{font-size:1.15rem;width:1.6rem;text-align:center;color:#fff}.notif-text{display:flex;flex-direction:column;line-height:1.2;flex:1}.notif-title{font-weight:600;color:var(--ui-mid)}.notif-sub{font-size:.8rem;color:var(--dim)}.notif-chevron{display:inline-grid;place-items:center;width:1.2em;height:1.2em;color:var(--dim)}.chev{grid-area:1 / 1;opacity:0;transition:opacity .167s ease}.chev-up{transform:rotate(180deg)}.notif:not(.open) .chev-down{opacity:1;transition-delay:.167s}.notif.open .chev-up{opacity:1;transition-delay:.167s}.notif-body{max-height:0;overflow:hidden;transition:max-height .3s ease}.notif.open .notif-body{max-height:240px}.notif-link{display:block;padding:.7rem 1rem .7rem 3.4rem;color:#fff;text-decoration:none;border-top:1px solid var(--line);font-size:.92rem}.notif-link:hover{background:#ffffff14}.unlock-zone{flex:1 0 auto;min-height:8rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;touch-action:none}.spacer{flex:1}.unlock{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--ui-mid);text-decoration:none;padding:.6rem;font-size:.9rem;text-shadow:0 2px 14px rgba(0,0,0,.65)}.unlock-arrow{font-size:1.3rem;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-6px);opacity:1}}.sheet-backdrop{position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;padding:1rem;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet-backdrop[hidden]{display:none}.sheet-backdrop:not([hidden]){display:flex}.sheet{width:min(380px,94vw);background:#141826eb;border:1px solid var(--line);border-radius:22px;padding:1.1rem 1.2rem 1.4rem;box-shadow:0 20px 60px #00000080}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.sheet-head h2{margin:0;font-size:1.15rem;font-weight:600}.sheet-close{all:unset;cursor:pointer;opacity:.7;font-size:1rem;padding:.2rem .4rem;border-radius:8px}.sheet-close:hover{opacity:1;background:var(--glass)}.field{display:flex;flex-direction:column;gap:.5rem;padding:.7rem 0;border-top:1px solid var(--line)}.field-label{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.wx-search{display:flex;gap:.5rem}.wx-search input{flex:1;min-width:0;background:#ffffff14;border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem;color:#fff;font:inherit}.wx-search input::placeholder{color:#ffffff73}.wx-search button{all:unset;cursor:pointer;padding:.6rem 1rem;border-radius:12px;background:#ffffff29;font-weight:600}.wx-search button:hover{background:#ffffff42}.field-hint{margin:0;font-size:.82rem;color:var(--dim)}.seg{display:inline-flex;background:#ffffff14;border:1px solid var(--line);border-radius:12px;overflow:hidden;width:fit-content}.seg button{all:unset;cursor:pointer;padding:.5rem 1.1rem;font-weight:600}.seg button.active{background:#ffffff38}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.5rem}.bg-swatch{all:unset;cursor:pointer;aspect-ratio:16 / 10;border-radius:12px;background:#0b1020 center / cover no-repeat;box-shadow:inset 0 0 0 1px var(--line);outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s ease,box-shadow .15s ease}.bg-swatch:hover{box-shadow:inset 0 0 0 1px var(--ui-mid)}.bg-swatch.active{outline-color:var(--ui-mid)}@media(max-width:480px){.statusbar,.notifications{width:94vw}}