/*! Homebase Hub - https://github.com/Jackpison/Homebase-Hub
 * Copyright (C) 2026 Jackpison
 * SPDX-License-Identifier: GPL-3.0-only
 * This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation, version 3 of the License. It is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License (the LICENSE file) for more details.
 */:root{--ink:#F6F5F1;--ink-2:rgba(246,245,241,.72);--panel-a:.4;--panel-blur:22px;--glass:rgba(12,14,22,var(--panel-a));--glass-line:rgba(255,255,255,.12);--font:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Tahoma, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--s-bg:#FFFFFF;--s-bg2:#F4F4F1;--s-bg3:#ECECE7;--s-ink:#15171C;--s-mute:#6B6F78;--s-line:#E6E5E0;--accent:#2B59FF;--accent-ink:#fff;--danger:#E5484D;--r-sheet:22px;--r-ctl:11px}@media(prefers-color-scheme:dark){:root{--s-bg:#17181D;--s-bg2:#202228;--s-bg3:#2A2C33;--s-ink:#F2F2F0;--s-mute:#9A9DA6;--s-line:#2D2F37;--accent:#7D9CFF;--accent-ink:#0B1020}}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:#05060b;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:2px solid #A8D8FF;outline-offset:3px;border-radius:8px}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(120% 90% at 20% 10%,#1b2440,#0a0d18 55%,#05060b)}#bg>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease,filter .25s ease}#bg>.on{opacity:1}#bg.wait>.on{filter:brightness(.8) saturate(.92)}#bg>.kb{animation:kenburns 60s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.03) translateZ(0)}to{transform:scale(1.15) translate3d(-2%,-1.5%,0)}}#scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 55% at 50% 50%,rgba(5,6,12,.28),transparent 70%),rgba(5,6,12,var(--dim))}.stage{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding:clamp(70px,16vh,150px) 16px 0;pointer-events:none}.stage>*{pointer-events:auto}.clock{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.4);user-select:none}.clock p{margin:0}.greet,.date{font-size:clamp(15px,2.2vw,19px);font-weight:600}.date{font-weight:500}.time{font-size:clamp(76px,13vw,128px);font-weight:800;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}body:not(.has-widgets) .stage{justify-content:center;padding-top:0;padding-bottom:6vh}:root{--g-tint:rgba(255,255,255,calc(var(--panel-a) * .3));--g-hover:rgba(255,255,255,calc(var(--panel-a) * .3 + .12))}html[data-glass=dark]{--g-tint:rgba(16,22,30,calc(var(--panel-a) * .6));--g-hover:rgba(60,70,84,calc(var(--panel-a) * .6))}html[data-glass=solid]{--g-tint:rgba(24,28,36,.92);--g-hover:rgba(44,50,62,.94)}.lg,.chip{position:relative;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.35);background:linear-gradient(140deg,#ffffff3d,#ffffff14 55%,#ffffff1f),var(--g-tint);backdrop-filter:blur(var(--panel-blur)) saturate(175%);-webkit-backdrop-filter:blur(var(--panel-blur)) saturate(175%);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #ffffff1a,0 14px 40px #0008144d}.lg:before,.chip:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(110% 70% at 18% 0%,#ffffff4d,#fff0 55%)}.lg>*,.chip>*{position:relative}html[data-glass=solid] .lg,html[data-glass=solid] .chip{backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:none}html[data-glass=solid] .lg:before,html[data-glass=solid] .chip:before{display:none}@media(forced-colors:active){.lg,.chip{border:1px solid CanvasText}}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:min(720px,100%)}.wchip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer}.wchip .dot{width:8px;height:8px;border-radius:50%;background:#ff9b85;flex:none}.wchip:hover,.wcard:hover,.chip:hover{background-color:var(--g-hover)}.wdock{position:fixed;z-index:5;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:4px;padding:6px;border-radius:999px;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.wdb{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.wdb svg{width:20px;height:20px;stroke-width:1.9}.wdb:hover{background:#ffffff24}.wdb[aria-expanded=true]{background:#ffffffe0;color:#141414}.wcards{position:fixed;z-index:5;left:50%;bottom:max(84px,calc(env(safe-area-inset-bottom) + 60px));transform:translate(-50%);width:min(calc(100% - 32px),calc(var(--n,4) * 260px));display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.wcards>.wcard{flex:0 0 calc((100% - (var(--n,4) - 1) * 14px) / var(--n,4))}.wcard{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:118px;padding:16px 18px;border-radius:24px;text-align:left;cursor:pointer;font-size:13px;min-width:0}.wcard[aria-expanded=true]{border-color:#ffffffe6;background-color:var(--g-hover)}.wc-h{display:flex;justify-content:space-between;gap:8px;width:100%;font-weight:700}.wc-h>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-h em{font-style:normal;color:#ffc2b5;white-space:nowrap}.wc-big{font-size:28px;font-weight:800;line-height:1.1}.wc-s{font-size:13px;line-height:1.4;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.wpanel{position:fixed;z-index:6;left:50%;transform:translate(-50%);width:min(480px,calc(100% - 24px));max-height:min(60vh,520px);padding:16px 20px 20px;border-radius:28px;display:flex;flex-direction:column;gap:12px;animation:wIn .22s cubic-bezier(.2,.9,.3,1.1)}@keyframes wIn{0%{opacity:0;transform:translate(-50%,10px) scale(.98)}}body[data-wstyle=dock] .wpanel{bottom:calc(max(28px,env(safe-area-inset-bottom)) + 72px)}body[data-wstyle=glance] .wpanel{top:clamp(250px,40vh,320px);width:min(520px,calc(100% - 24px))}.wph{display:flex;justify-content:space-between;align-items:center;gap:10px}.wph h2{margin:0;font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:#ffffff2e;color:#fff;cursor:pointer;font-size:15px;display:grid;place-items:center}.wx:hover{background:#ffffff4d}.wbody{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.wmsg{margin:0;font-size:15px;line-height:1.5}.wmsg.small{font-size:12.5px;opacity:.85}.wmore{align-self:flex-start;font-size:13px;font-weight:700;color:#fff2c4;text-decoration:underline;text-underline-offset:3px}.wmore:hover{color:#fff}.wlist{display:flex;flex-direction:column;gap:6px}.wrow{display:flex;gap:12px;align-items:center;font-size:15px;padding:9px 12px;border-radius:14px;background:#ffffff1a;cursor:pointer}.wrow.late{background:#ff78643d}.wrow input{accent-color:#ffd45c;width:18px;height:18px;margin:0;flex:none}.wr-n{flex:1;min-width:0;overflow-wrap:anywhere}.wr-t{font-size:12px;opacity:.9;white-space:nowrap}.wqa input,#wPad{width:100%;font:inherit;font-size:15px;padding:11px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:#ffffff14;color:#fff}.wqa input::placeholder,#wPad::placeholder{color:#ffffffb3}.wqa input:focus,#wPad:focus{outline:none;border-color:#fffc;background:#ffffff24;box-shadow:0 0 0 3px #ffffff29}#wPad{resize:vertical;min-height:120px;line-height:1.5}.wcount{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}.wcount b{font-size:64px;font-weight:800;line-height:1}.wcount span{font-size:16px;font-weight:600}.wnote{margin:0;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.wtools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wtools a{padding:12px 14px;border-radius:14px;background:#ffffff1f;font-size:14px;font-weight:600}.wtools a:hover{background:#ffffff38}.wcal-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.wcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;font-size:13px;text-align:center}.wcal-h{opacity:.75;font-weight:700;padding-bottom:2px}.wcal-d{padding:6px 0;border-radius:999px}.wcal-d.busy{font-weight:800;color:#ffd45c}.wcal-d.now{background:#fff;color:#141414;font-weight:800}.wchip svg{width:18px;height:18px;stroke-width:1.8}.wquote{margin:0;display:flex;flex-direction:column;gap:8px}.wquote blockquote{margin:0;font-size:20px;line-height:1.4;font-weight:600}.wquote figcaption{font-size:14px;opacity:.85}.wquote figcaption:before{content:"\2014  "}.wbtn{align-self:flex-start;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.wbtn:hover{background:#ffffff38}.wzones{display:flex;flex-direction:column;gap:6px}.wzone{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:14px;background:#ffffff1a}.wz-n{display:flex;flex-direction:column;font-size:15px;font-weight:700;min-width:0}.wz-n small{font-size:12px;font-weight:500;opacity:.85}.wzone b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.wwnow{display:flex;align-items:center;gap:14px}.wwnow svg{width:46px;height:46px;stroke-width:1.5}.wwnow b{font-size:48px;font-weight:800;line-height:1}.wwnow span{display:flex;flex-direction:column;font-size:15px;font-weight:600}.wwnow small{font-size:12.5px;font-weight:500;opacity:.85}.wwdays{display:flex;flex-direction:column;gap:4px}.wwday{display:grid;grid-template-columns:7em 22px 1fr auto 2.6em;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#ffffff14;font-size:14px}.wwday svg{width:20px;height:20px}.ww-t{opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ww-min{opacity:.7;text-align:right}@media(max-height:820px){body[data-wstyle=dock].w-open .chips{visibility:hidden}}body.w-cover .clock,body.w-cover .chips{visibility:hidden}.wpanel{backdrop-filter:blur(calc(var(--panel-blur) + 24px)) saturate(150%);-webkit-backdrop-filter:blur(calc(var(--panel-blur) + 24px)) saturate(150%);background:linear-gradient(140deg,#ffffff38,#ffffff14 55%,#ffffff1f),linear-gradient(var(--g-tint),var(--g-tint)),#0c0e1447}html[data-glass=solid] .wpanel{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--g-tint)}html[data-ix-bar][data-ix-nav=dock] .wdock{bottom:calc(var(--ix-dock) + 36px)}html[data-ix-bar][data-ix-nav=dock] .wcards{bottom:calc(var(--ix-dock) + 44px)}html[data-ix-bar][data-ix-nav=dock] body[data-wstyle=dock] .wpanel{bottom:calc(var(--ix-dock) + 108px)}.editing .wdock,.editing .wcards,.editing .wpanel,.editing .chips{display:none!important}#toolbar{display:none}.corner{position:fixed;z-index:3;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px)}.credit-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw;font-size:.82rem;color:var(--ink-2);text-shadow:0 1px 8px rgba(0,0,0,.5)}.credit-text[href]:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.editing #editBtn{display:none}.chip{border-radius:999px;height:40px;padding:0 16px;cursor:pointer;font-size:.88rem;font-weight:700;color:#fff}.chip.round{width:40px;padding:0;display:grid;place-items:center}.chip.spin svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.credit-text{max-width:40vw}.cgrid{grid-template-columns:1fr}.stage{padding-top:clamp(56px,12vh,110px);gap:16px}.wdock{bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px))}.wdock{gap:0;padding:5px}.wdb{padding:0 9px;min-height:42px}.wdb span{display:none}.wcards{bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px));width:100%;gap:10px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 12px;padding:2px 12px 6px;scrollbar-width:none}.wcards>.wcard{flex:0 0 calc(50% - 17px);scroll-snap-align:start}.wcard{min-height:96px;padding:12px 14px;border-radius:20px}.wc-big{font-size:22px}body[data-wstyle=dock] .wpanel{bottom:calc(max(76px,calc(env(safe-area-inset-bottom) + 64px)) + 68px)}body[data-wstyle=glance] .wpanel{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}.wcount b{font-size:48px}}@media(max-width:640px)and (max-height:700px){.time{font-size:64px}}.sheet{border:0;padding:0;margin:auto;width:min(480px,calc(100% - 24px));max-height:min(86vh,820px);border-radius:var(--r-sheet);background:var(--s-bg);color:var(--s-ink);font-family:var(--font);box-shadow:0 40px 100px -20px #0000008c;overflow:hidden}.sheet.narrow{width:min(400px,calc(100% - 24px))}.sheet.wide{width:min(620px,calc(100% - 24px))}.sheet[open]{display:flex;animation:pop .26s cubic-bezier(.2,.9,.3,1.15)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.sheet::backdrop{background:#04050a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sheet-in{display:flex;flex-direction:column;width:100%;max-height:inherit;min-height:0}.sh{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 8px}.sh h2{font-size:1.22rem;font-weight:620;letter-spacing:-.015em}.x{background:var(--s-bg2);border:0;width:32px;height:32px;border-radius:50%;cursor:pointer;color:var(--s-mute);font-size:13px}.x:hover{color:var(--s-ink);background:var(--s-bg3)}.sb{padding:10px 22px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;min-height:0;overscroll-behavior:contain}.sb section{display:flex;flex-direction:column;gap:10px}.sb section+section{margin-top:8px}.sb h3{font-size:.95rem;font-weight:600;color:var(--s-ink)}.sf{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--s-line)}.sf-r{display:flex;gap:8px;margin-left:auto}.lead{color:var(--s-mute);line-height:1.5;font-size:.95rem}.hint{color:var(--s-mute);font-size:.84rem;line-height:1.45}.err{color:var(--danger);font-size:.88rem;min-height:1.1em}.err:empty{display:none}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:.86rem;font-weight:500;color:var(--s-mute)}.field b{color:var(--s-ink);font-weight:600}.sheet input[type=text],.sheet input[type=password]{width:100%;background:var(--s-bg2);border:1.5px solid transparent;border-radius:var(--r-ctl);padding:11px 13px;color:var(--s-ink);transition:border-color .15s,background .15s}.sheet input[type=text]:focus,.sheet input[type=password]:focus{outline:none;border-color:var(--accent);background:var(--s-bg)}.sheet input::placeholder{color:var(--s-mute);opacity:.7}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline>input{flex:1;min-width:140px}.inline.end{justify-content:flex-end}.btn{background:var(--s-bg2);border:0;border-radius:var(--r-ctl);padding:10px 15px;cursor:pointer;font-weight:500;font-size:.92rem;color:var(--s-ink);white-space:nowrap;transition:background .15s,transform .1s}.btn:hover{background:var(--s-bg3)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:none;color:var(--s-mute)}.btn.ghost:hover{color:var(--s-ink);background:var(--s-bg2)}.btn.danger{background:none;color:var(--danger);padding-left:4px}.btn.small{padding:6px 11px;font-size:.84rem;border-radius:9px}.btn:disabled{opacity:.5;pointer-events:none}.btn.busy,.chip.busy{opacity:.65;pointer-events:none}.seg{display:inline-flex;background:var(--s-bg2);border-radius:var(--r-ctl);padding:3px;gap:2px;flex-wrap:wrap;align-self:flex-start}.seg button{background:none;border:0;border-radius:9px;padding:7px 13px;cursor:pointer;font-size:.88rem;font-weight:500;color:var(--s-mute)}.seg button[aria-checked=true]{background:var(--s-bg);color:var(--s-ink);box-shadow:0 1px 3px #0000001f}.seg button:disabled{opacity:.4;cursor:not-allowed}.icon-edit{display:flex;gap:14px;align-items:flex-start}.icon-controls{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.icon-preview{flex:none;width:56px;height:56px;border-radius:15px;background:var(--s-bg2);display:grid;place-items:center;font-size:30px;overflow:hidden;border:1px solid var(--s-line)}.icon-preview img{width:34px;height:34px;object-fit:contain}.icon-preview img.own{width:40px;height:40px;object-fit:contain}.icon-preview img.full{width:100%;height:100%;object-fit:cover}.icon-preview .letter{font-weight:600;font-size:22px;color:var(--s-mute)}.icon-preview.sm{width:40px;height:40px;border-radius:11px;font-size:20px}.icon-preview.sm img{width:24px;height:24px}.emoji-in{font-size:1.2rem}.group{background:var(--s-bg2);border-radius:16px;overflow:hidden}.g-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;width:100%;text-align:left;background:none;border:0;color:inherit}.g-row+.g-row{border-top:1px solid var(--s-line)}.g-row.stack{flex-direction:column;align-items:stretch;gap:9px}.g-row.link{cursor:pointer}.g-row.link:hover{background:var(--s-bg3)}.g-row .sheet input[type=text],.group input[type=text]{background:var(--s-bg)}.g-label{display:flex;flex-direction:column;gap:2px;font-weight:500;font-size:.95rem;min-width:0}.g-label small{font-weight:400;color:var(--s-mute);font-size:.82rem;line-height:1.4}.chev{color:var(--s-mute);font-size:1.3rem;line-height:1}.src-row{gap:0}.src-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.src-status{font-size:.8rem;color:var(--s-mute);margin-top:8px}.src-status.bad{color:var(--danger)}.src-err{display:block;color:var(--danger);margin-top:2px;line-height:1.4}.g-label a.ext{color:var(--accent);font-weight:500}.src-tools{display:flex;align-items:center;gap:10px}.switch{appearance:none;-webkit-appearance:none;flex:none;width:44px;height:26px;border-radius:999px;background:var(--s-bg3);position:relative;cursor:pointer;transition:background .2s;border:1px solid var(--s-line)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .22s cubic-bezier(.3,1.4,.5,1)}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{transform:translate(18px)}input[type=range]{width:100%;accent-color:var(--accent)}.drop{border:1.5px dashed var(--s-line);border-radius:16px;padding:22px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:var(--s-mute);font-size:.86rem;transition:border-color .15s,background .15s}.drop strong{color:var(--s-ink);font-weight:550;font-size:.95rem}.drop:hover,.drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.prog{height:4px;border-radius:4px;background:var(--s-bg2);overflow:hidden}.prog:not(.on){display:none}.prog i{display:block;height:100%;width:0;background:var(--accent);transition:width .15s}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.thumbs:empty{display:none}.thumb{position:relative;border-radius:12px;overflow:hidden;background:var(--s-bg2);aspect-ratio:16/10}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block}.thumb .acts{position:absolute;inset:auto 0 0;display:flex;gap:4px;padding:6px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .15s}.thumb:hover .acts,.thumb:focus-within .acts{opacity:1}@media(hover:none){.thumb .acts{opacity:1}}.thumb .acts button{flex:1;font-size:.76rem;padding:5px;border-radius:7px;border:0;background:#fff3;color:#fff;cursor:pointer;backdrop-filter:blur(6px)}.thumb .acts button.del{background:#e5484dd9}.thumb .badge{position:absolute;top:6px;left:6px;font-size:.7rem;background:#0009;color:#fff;padding:2px 8px;border-radius:99px}.sheet textarea{width:100%;background:var(--s-bg2);border:1.5px solid transparent;border-radius:var(--r-ctl);padding:10px 13px;color:var(--s-ink);font:inherit;font-size:.9rem;resize:vertical}.sheet textarea:focus{outline:none;border-color:var(--accent);background:var(--s-bg)}.sheet code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:var(--s-bg2);padding:1px 5px;border-radius:5px}.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.test-row{display:flex;gap:12px;align-items:flex-start}.test-out{font-size:.86rem;color:var(--s-mute);line-height:1.45;padding-top:9px;word-break:break-all}.test-out.ok{color:#1f9d55}.test-out.bad{color:var(--danger)}@media(prefers-color-scheme:dark){.test-out.ok{color:#4ade80}}@media(max-width:560px){.sheet,.sheet.narrow,.sheet.wide{width:100%;max-width:100%;margin:auto 0 0;border-radius:var(--r-sheet) var(--r-sheet) 0 0;max-height:92vh}.sheet[open]{animation:up .3s cubic-bezier(.2,.9,.3,1)}@keyframes up{0%{transform:translateY(40px);opacity:0}}.sf{padding-bottom:max(18px,env(safe-area-inset-bottom))}.icon-edit{flex-direction:column}}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:8px}.theme{border:1px solid var(--s-line,rgba(255,255,255,.12));border-radius:14px;overflow:hidden;background:var(--s-bg2);display:grid}.theme.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.theme-mos{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:#000;height:106px}.theme-mos img{width:100%;height:100%;object-fit:cover;display:block}.theme-mos img:first-child{grid-row:1/3}.theme-ph{grid-column:1/-1;grid-row:1/3;display:grid;place-items:center;color:var(--s-mute);font-size:.82rem;background:var(--s-bg3)}.theme-b{padding:10px 12px;display:grid;gap:4px}.theme-b small{color:var(--s-mute);font-size:.82rem}.theme-b .pill{font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--accent);color:var(--accent-ink);margin-left:4px;vertical-align:middle}.theme-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.theme.off .theme-b{padding:14px}.theme-mos video{width:100%;height:100%;object-fit:cover;display:block}.theme-mos[data-n="1"]{grid-template-columns:1fr}.theme-mos[data-n="2"]{grid-template-columns:1fr 1fr}.theme-mos[data-n="2"]>*{grid-row:1/3}.theme-mos[data-n="3"]{grid-template-columns:2fr 1fr}.theme-mos video:first-child{grid-row:1/3}.theme.new .theme-ph{font-size:1.8rem}.thumbs.pick .thumb{cursor:pointer;outline:2px solid transparent;outline-offset:-2px}.thumbs.pick .thumb.sel{outline-color:var(--accent)}.thumbs.pick input{position:absolute;top:8px;right:8px;width:20px;height:20px;accent-color:var(--accent)}#welcome{position:fixed;inset:0;z-index:4;display:grid;place-items:center;margin:0;padding:0 24px;text-align:center;pointer-events:none;color:#fff;font-size:clamp(34px,7vw,88px);font-weight:700;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.6);opacity:0;transform:scale(.97);transition:opacity .8s ease,transform 4.4s ease}#welcome[hidden]{display:none}#welcome.in{opacity:1;transform:scale(1)}#welcome.out{opacity:0;transition:opacity 3s ease,transform 4.4s ease}.stage{transition:opacity 1.6s ease}html.hl-welcome .stage,html.hl-welcome .wdock,html.hl-welcome .wcards{opacity:0}.wdock,.wcards{transition:opacity 1.6s ease}@media(prefers-reduced-motion:reduce){#welcome,#welcome.out{transform:none;transition:opacity 1s linear}#bg>.kb{animation:none}.sheet[open],.wpanel{animation:none}}.wstyles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wstyles button{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px;border-radius:16px;border:2px solid var(--s-line);background:var(--s-bg2);color:var(--s-ink);text-align:left;cursor:pointer}.wstyles button[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.wstyles b{font-size:.95rem}.wstyles small{font-size:.8rem;color:var(--s-mute);line-height:1.35}.wprev{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:56px;padding:8px;border-radius:11px;background:linear-gradient(160deg,#5b7da8,#2a3a52)}.wprev i{display:block;border-radius:5px;background:#ffffffb3}.wprev.dock i{width:16px;height:10px;border-radius:5px}.wprev.glance i{flex:1;height:22px}.wl-row{padding:9px 10px 9px 15px}.wl-on{display:flex;align-items:center;gap:12px;flex:1;min-width:0;font-weight:500;cursor:pointer}.wl-mv{display:flex;gap:4px}.wl-mv .btn{min-width:36px;background:var(--s-bg)}.sheet select,.sheet input[type=date]{width:100%;background:var(--s-bg);border:1.5px solid var(--s-line);border-radius:var(--r-ctl);padding:10px 12px;color:var(--s-ink);font:inherit}.sheet .inline>input[type=date]{flex:0 1 170px;min-width:140px}.sheet select:focus,.sheet input[type=date]:focus{outline:none;border-color:var(--accent)}.wzedit{display:flex;flex-direction:column;gap:8px}.wzedit .inline>input[data-zn]{flex:0 1 170px}
