@font-face{font-family:Source Code Pro;src:url(/assets/SourceCodePro-Light-DWl52NbG.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/assets/ClashDisplay-Medium-BPdWq--j.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/assets/ClashDisplay-Semibold-DcA1xgJG.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg:#f2eee7;--surface:#ffffff6b;--surface-2:#ffffff8c;--border:#4838241a;--border-strong:#48382433;--rim:#ffffff8c;--text:#26221c;--text-dim:#6f675c;--text-faint:#9d9587;--accent:#d95f34;--accent-soft:#d95f341a;--ink:#26221c;--ink-text:#f6f1e8;--up:#2f9e6f;--shadow:0 1px 2px #2e24180d, 0 16px 44px #2e24181f;--radius:16px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--display:"Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:15px;line-height:1.6}.container{max-width:1180px;margin:0 auto;padding-inline:28px}html,body{overflow-x:clip}h1,h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 16px;font-weight:500;line-height:1.08}h1{font-size:clamp(44px,6.5vw,76px)}h2{font-size:clamp(30px,4vw,44px)}.micro{display:none}.nav{padding-top:max(22px, env(safe-area-inset-top));align-items:center;gap:18px;padding-bottom:22px;display:flex}.site-brand{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.nav-mark{color:var(--accent);display:inline-flex}.nav-name{font-family:"Source Code Pro", var(--mono);letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:300;line-height:1}.footer-tag{color:var(--text-dim)}.footer-copy{color:var(--text-faint);font-size:12px}.nav-spacer{flex:1}.nav-link{color:var(--text-dim);font-size:13px;text-decoration:none}.nav-link:hover{color:var(--text)}.btn{white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.btn-ink{background:var(--ink);color:var(--ink-text)}.btn-ink:hover{background:var(--accent);color:#fff8f2}.btn-sm{padding:9px 15px;font-size:13px}.text-link{color:var(--text-dim);border-bottom:1px solid var(--border-strong);align-self:center;padding-bottom:1px;font-size:13px;text-decoration:none}.text-link:hover{color:var(--text);border-color:var(--text-dim)}.hero{padding-bottom:30px}.mockbrowser{background:var(--surface);backdrop-filter:blur(22px)saturate(1.5);border:1px solid var(--border);box-shadow:var(--shadow), inset 0 1px 0 var(--rim);border-radius:18px;overflow:hidden}.mb-chrome{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.mb-dots{gap:6px;display:inline-flex}.mb-dots i{background:var(--border-strong);border-radius:50%;width:10px;height:10px;display:block}.mb-dots i:first-child{background:#e0857a}.mb-dots i:nth-child(2){background:#e3b96a}.mb-dots i:last-child{background:#8fce9f}.mb-tab{background:var(--surface);color:var(--text-dim);border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:inline-flex}.mb-url{background:var(--surface);color:var(--text-faint);border-radius:999px;flex:1;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:flex}.mb-sky{background:radial-gradient(130% 100% at 85% 115%,#ffc094 0%,#0000 62%),radial-gradient(100% 80% at 8% -15%,#cfe2fb 0%,#0000 58%),radial-gradient(80% 70% at 45% 40%,#e4dbfb 0%,#0000 65%),#f2eee7;padding:16px 18px 20px;transition:background .4s}.mb-sky.is-dark{background:radial-gradient(130% 100% at 85% 115%,#8f3f2c 0%,#0000 62%),radial-gradient(100% 80% at 8% -15%,#322c55 0%,#0000 58%),radial-gradient(80% 70% at 45% 40%,#33244a 0%,#0000 65%),#121117}.mb-sky.is-dark .tile{color:#ece7de;background:#1c1b248c;border-color:#fff0e01a}.mb-sky.is-dark .tile-title{color:#6f6a61}.mb-sky.is-dark .mb-clock{color:#ece7de}.mb-sky.is-dark .mb-theme{color:#a39c90}.mb-topbar{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.mb-clock{letter-spacing:-.02em;font-size:26px;font-weight:300}.mb-greet{color:var(--text-dim);font-size:11px}.mb-topspace{flex:1}.mb-theme{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.mb-theme:hover{background:var(--surface-2)}.section{padding-block:84px}.section-sub{max-width:52ch;color:var(--text-dim);margin-top:-6px}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:36px;display:grid}.card{border-radius:var(--radius);background:var(--surface-2);box-shadow:inset 0 1px 0 var(--rim);padding:18px 20px}.card h4{margin:0 0 6px;font-size:14px}.card p{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.55}.feature-list{grid-template-columns:repeat(3,1fr);column-gap:60px;max-width:1000px;margin-top:28px;display:grid}.feature-item{border-top:1px solid var(--border);padding:20px 0 22px}.feature-item h4{letter-spacing:-.005em;color:var(--text);margin:0 0 6px;font-size:14px;font-weight:600}.feature-item p{max-width:30ch;color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.55}@media (width<=900px){.feature-list{grid-template-columns:1fr 1fr;column-gap:44px}}@media (width<=560px){.feature-list{grid-template-columns:1fr}}.weight{grid-template-columns:auto 1fr;align-items:center;gap:56px;width:fit-content;max-width:980px;margin:0 auto;display:grid}.weight-num{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:clamp(46px,5vw,72px);font-weight:500;line-height:.95}.weight-copy h2{margin:0 0 12px}.weight-copy p{max-width:52ch;color:var(--text-dim);margin:0;font-size:15px;line-height:1.6}.weight-facts{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:40px;max-width:980px;margin:52px auto 0;padding-top:36px;display:grid}.weight-fact-num{font-family:var(--display);letter-spacing:-.02em;margin:0 0 8px;font-size:34px;font-weight:500;line-height:1}.weight-fact-num span{color:var(--text-dim);letter-spacing:0;margin-left:2px;font-size:15px;font-weight:500}.weight-fact-body{max-width:34ch;color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.55}@media (width<=720px){.weight-facts{grid-template-columns:1fr;gap:24px}.weight{grid-template-columns:1fr;gap:18px}}.trust-lead{font-family:var(--display);letter-spacing:-.02em;max-width:16ch;margin:0 0 44px;font-size:clamp(30px,4.5vw,46px);font-weight:500;line-height:1.1}.trust-facts{grid-template-columns:1fr 1fr;gap:34px 56px;max-width:880px;display:grid}.trust-fact{align-items:baseline;gap:16px;display:flex}.trust-num{font-family:var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:10px}.trust-fact h4{margin:0 0 4px;font-size:14px}.trust-fact p{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.55}.how-cta{align-items:center;gap:16px;margin-top:40px;display:flex}.footer{color:var(--text-faint);align-items:center;gap:10px;padding:30px 28px 40px;font-size:12px;display:flex}.policy{max-width:68ch;padding:60px 0 80px}.policy h2{margin-top:40px;font-size:30px}.policy h3{margin:26px 0 6px;font-size:15px}.policy p,.policy li{color:var(--text-dim);font-size:14px}.policy table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.policy th,.policy td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.policy th{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.policy .callout{border-radius:var(--radius);background:var(--accent-soft);border:1px solid #d95f3440;padding:16px 18px;font-size:14px}@media (width<=980px){.hero-copy{padding-top:40px}.demo-viewport{height:78vh}}@media (width<=720px){.nav{gap:10px}.nav .btn{padding:9px 14px;font-size:13px}.nav-link{font-size:13px}.section{padding-block:48px}}.hero-mobile{display:none}.hero-mobile h1{margin:0 0 10px;font-size:34px}.hero-mobile p{color:var(--text-dim);max-width:46ch;margin:0 auto}@media (width<=720px){.trust-facts{grid-template-columns:1fr}.demo-wrap{display:none}.hero-mobile{text-align:center;padding-top:44px;display:block}}.topsys{flex-direction:column;flex:none;justify-content:center;gap:1px;display:flex}.topsys-stat{cursor:default;justify-content:space-between;align-items:baseline;gap:10px;line-height:1.3;display:flex}.topsys-label{letter-spacing:.06em;color:var(--text-faint);align-items:center;gap:3px;font-size:9.5px;font-weight:700;display:inline-flex}.topsys-val{color:var(--text);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600;transition:color .3s}.topsys-val.is-warn{color:#e0a63a}.topsys-val.is-crit{color:var(--down)}.topsys-bolt{color:var(--up);display:inline-flex}@media (width<=860px){.topsys{display:none}}.page-tabs{flex:none;align-items:center;gap:4px;min-height:30px;margin-bottom:12px;display:flex}.page-tab{border-radius:var(--radius-btn);max-width:200px;height:30px;color:var(--text-dim);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s,opacity .12s;display:inline-flex}.page-tab:hover{background:var(--surface-hover);color:var(--text)}.page-tab.is-active{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow), inset 0 1px 0 var(--rim)}.page-tab.is-dragging{opacity:.4}.page-tab-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.page-tab-remove{border-radius:calc(5px * var(--radius-scale));width:16px;height:16px;color:var(--text-faint);justify-content:center;align-items:center;margin-right:-4px;transition:background .12s,color .12s;display:inline-flex}.page-tab-remove:hover{background:var(--surface-hover);color:var(--down)}.page-tab-add{border-radius:var(--radius-btn);width:30px;height:30px;color:var(--text-faint);justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.page-tab-add:hover{background:var(--surface-hover);color:var(--text)}.page-tab-input{border:1px solid var(--accent);border-radius:var(--radius-btn);background:var(--surface-solid);max-width:170px;height:30px;color:var(--text);outline:none;padding:0 11px;font-size:12.5px;font-weight:500}.page-undo{z-index:40000;border-radius:var(--radius-btn);background:var(--ink);color:var(--ink-text);box-shadow:var(--shadow-lg);align-items:center;gap:14px;padding:9px 10px 9px 16px;font-size:13px;animation:.18s cubic-bezier(.22,1,.36,1) backwards pop-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.page-undo-text{text-overflow:ellipsis;white-space:nowrap;max-width:40ch;overflow:hidden}.page-undo-text.is-multiline{white-space:normal;max-width:44ch;line-height:1.45}.page-undo-btn{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ink-text) 16%, transparent);color:var(--ink-text);flex:none;padding:4px 12px;font-size:12px;font-weight:600;transition:background .12s}.page-undo-btn:hover{background:color-mix(in srgb, var(--ink-text) 28%, transparent)}html[data-theme=dark]:not([data-theme-pack]) :is(#widgets,#features){--surface:#fff4e60e;--surface-2:#fff4e614;--surface-hover:#fff4e61f;--border:#fff0e01a;--border-strong:#fff0e02e;--rim:#fff0e014;--shadow:0 1px 2px #0000004d, 0 18px 48px #0006}html:not([data-theme=dark]):not([data-theme-pack]) :is(#widgets,#features){--surface:#ffffff80;--surface-2:#ffffffb8;--surface-hover:#ffffffd9;--border:#4838241f;--border-strong:#48382438;--rim:#fff9;--shadow:0 1px 2px #2e24180d, 0 16px 44px #2e24181f}.jukebox{margin-top:30px}.jukebox-tabs{background:var(--surface);border:1px solid var(--border);width:fit-content;max-width:min(100%,760px);box-shadow:inset 0 1px 0 var(--rim);scrollbar-width:none;border-radius:999px;gap:3px;margin:0 auto 32px;padding:5px;display:flex;overflow-x:auto}.jukebox-tabs::-webkit-scrollbar{display:none}.jukebox-tab{height:32px;font:inherit;white-space:nowrap;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .14s,color .14s}.jukebox-tab:hover{color:var(--text)}.jukebox-tab.is-active{color:var(--text);background:var(--surface-2);box-shadow:0 1px 2px #00000040}.jukebox-body{grid-template-columns:560px minmax(280px,1fr);align-items:start;gap:52px;display:grid}.jukebox-stage-wrap{background:radial-gradient(120% 100% at 88% 112%, #e8916a29, transparent 60%), radial-gradient(100% 90% at 5% -10%, #7891c829, transparent 55%), var(--surface);border:1px solid var(--border);width:fit-content;min-width:0;max-width:100%;height:440px;box-shadow:var(--shadow);border-radius:22px;justify-content:center;justify-self:center;align-items:center;padding:22px;display:flex}.jukebox-stage{flex:none;min-width:0;max-width:100%;overflow:hidden}.jukebox-info{min-width:0;max-width:400px}.jukebox-caption{letter-spacing:-.01em;color:var(--text);margin:0 0 20px;font-size:17px;font-weight:500;line-height:1.4}.jukebox-details{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.jukebox-details li{color:var(--text-dim);padding-left:20px;font-size:13px;line-height:1.5;position:relative}.jukebox-details li:before{content:"";background:var(--accent);opacity:.85;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}@media (width<=820px){.jukebox-body{grid-template-columns:minmax(0,1fr);justify-items:center;gap:26px}.jukebox-info{max-width:560px}}@media (width<=720px){.jukebox-tabs{border-radius:22px;flex-wrap:wrap;justify-content:center;overflow-x:visible}.jukebox-stage-wrap{width:100%;height:auto;padding:14px}.jukebox-stage{width:100%!important}}.theme-rail{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.tr-cards{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tr-card{border:1px solid var(--border);background:var(--surface);height:34px;font:inherit;color:var(--text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:12.5px;font-weight:500;transition:border-color .14s,color .14s,background-color .14s;display:flex}.tr-card:hover{color:var(--text);border-color:var(--border-strong)}.tr-card.is-active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.tr-swatch{border:1px solid #0000001f;border-radius:999px;flex:none;width:34px;height:22px;position:relative;overflow:hidden}.tr-swatch i{border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.tr-swatch i:first-child{left:6px}.tr-swatch i:last-child{right:6px}.tr-modes{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.tr-mode{height:26px;font:inherit;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 12px;font-size:12px;font-weight:500;transition:background-color .14s,color .14s}.tr-mode:hover{color:var(--text)}.tr-mode.is-active{color:var(--text);background:var(--surface-2)}html,body{background:var(--bg);height:100%;overflow:hidden}.kiosk{background:var(--surface-solid);flex-direction:column;width:100vw;height:100vh;display:flex}.kiosk .mb-chrome{flex:none}.kiosk-viewport{flex:auto;min-height:0;position:relative}.kiosk-viewport .app{height:100%;padding:14px 16px 16px}.kiosk-viewport .topbar{min-height:42px;margin-bottom:10px}.kiosk-viewport .topclock-time{font-size:24px}@font-face{font-family:Dashi Wordmark;src:url(data:font/woff2;base64,d09GMgABAAAAAAQgABAAAAAAB8wAAAPGAAEGqAAAAAAAAAAAAAAAAAAAAAAAAAAAGUYaFhsgHDYGYD9TVEFUKgBMEQgKhCCDTgE2AiQDEgsSAAQgBYREByAbTQYAngPuahiL1di0aTHbpBRfzmPx/D/7fdvnjksyBRKTWCRt5knE68+sKQEioRKyadRQWbR5Vzl17052AEgzkeUgkBqdI4cU5GcZWHaBfu230xf2v5W883if/8vpH3TvQO58TDqgQz5ao41jalEvu4+1wRIMA9vU63kY8FiCiQXi6aZiKMo+WWjUduxqBN1oN6huiFQekHt6gdmXU1QF7pfGB7rB/doA7QL328JQL7hTgyjd+qUJQtAPKBEdIug1xRvqechUOzQAzeK6qJmYw9w8rgra3151KIiKeo7rAOx/v/uchYj4gOojZoQhGDNAAGD3voxSuAkXDLa926R9KfcRyM9aC8whIroF4xCm4Gcd0hByBUogywkCKLRhHLHjGTuAXt1KuUCkN9iAIynVvLDdFqstTOWIsjrECaDqMGCrXwI/gP7vDIpuXCSz/U6DztvUlsJiw200b6ydNzw3X/z2IRdywGi0WKIoUL015lffpiwxlqK3X15C69ojubVcRU+8RQ2yYB50tJ1Krhvqo7c6nWKhsoATfTc6UL1kfq9UhouZhMBLSsqI5jdfNuQYejmr5HcY1MOj66sV5ZTWzbdWxBxZ4a7Fh1XgyL99CFoHsUXgfs/fQeVHK27bad2yP8RymQ7bk8OC09gyl4D00nCuMjJSw+TilVKEEtIaGLB53HwZf5D3rd8Nk30tw/PjJal9uuTEkELfVIzb7ge/4Jkc/O1M+P2AiuBxi5FCHz6yPDasLbm1YQj074Nf4ml8vCExoa6qVQgM1pSnFOdFlkXF1EFKX8Fo8DF5hvJFBflxvO0x80yXJQ12YmpUdGNBWxhl3Wa/V3iGR1/Y4MIXBZbZVtjWan9x3Kc6DVS8/sl7fYNtJxwuOTtfcnA85Ox8CDpXqNGpaztTuACygc+NAkI6D2p2ODW32iT9MyXkB/ysOBINwF+veRFg83/pyCmgU4Hwl36izgA0Lx0g6ftSdVCiSSY9QQXBf0G3E1TuUled1qbQ4yEi7WbABuB87LKUL4Pe8G2O+DDdruM7nEkA12lnFjTIlWWunhlpmOehVzAnQpgIkVjpRLJFKJYfyZAhfRKEZjzaDCGYxX9LO1mPUP6CsEbpDZGwKlCDqAEjKBErh6zXEFYJQQ+KnXOFSrJhA9rRObdgsTIzIiuXGYCclW3MECkootdB6hmaM7mkA2Q3wYBwIXdjYiRaliVDqcQ5obs+2I3BsKY7YJD+NrMs+iWyIe27uZHwNGSiHoIuNOQ61BgKI1DMpE4FakMeoopI5ppZBwIA)format("woff2");font-weight:300;font-style:normal;font-display:swap}:root{--bg:#f2eee7;--surface:#ffffff61;--surface-2:#ffffff73;--surface-hover:#ffffffbf;--surface-solid:#faf7f1;--border:#4838241a;--border-strong:#48382433;--rim:#ffffff8c;--text:#26221c;--text-dim:#6f675c;--text-faint:#9d9587;--accent:#4c6ef5;--accent-soft:#4c6ef51a;--accent-text:#fff;--ink:#26221c;--ink-text:#f6f1e8;--up:#2f9e6f;--down:#d24b3e;--danger:#e0857a;--warn:#ffc46b;--shadow:0 1px 2px #2e24180d, 0 12px 32px #2e24181a;--shadow-lg:0 20px 60px #281e1438;--shadow-lift:0 2px 4px #2e24180d, 0 20px 48px #2e241826;--tooltip-bg:#26221c;--tooltip-text:#f6f1e8;--scrim:#140e0866;--radius:16px;--radius-sm:9px;--radius-btn:10px;--radius-pill:999px;--radius-scale:1;--glass:blur(22px) saturate(1.5);--pad-tile-head:12px 14px 6px;--pad-tile-body:2px 14px 14px;--pad-btn:8px 16px;--pad-input:8px 12px;--control-h:34px;--font-body:14px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#121117;--surface:#1c1b248c;--surface-2:#fff4e60d;--surface-hover:#fff4e61c;--surface-solid:#1b1a22;--border:#fff0e01a;--border-strong:#fff0e033;--rim:#fff0e01f;--text:#ece7de;--text-dim:#a39c90;--text-faint:#6f6a61;--accent:#748ffc;--accent-soft:#748ffc29;--accent-text:#0e1013;--ink:#ece5d8;--ink-text:#221e19;--up:#63d6a4;--down:#ff8a7a;--shadow:0 1px 2px #00000059, 0 12px 32px #00000059;--shadow-lg:0 20px 60px #0000008c;--shadow-lift:0 2px 4px #00000059, 0 20px 48px #00000080;--tooltip-bg:#34333e;--tooltip-text:#ece7de;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--glow-1:#ffd9ac;--glow-2:#ffc9bd;--glow-3:#e4dbfb}html[data-daypart=day]{--glow-1:#ffe6c2;--glow-2:#cfe2fb;--glow-3:#e6e0fa}html[data-daypart=dusk]{--glow-1:#ffc094;--glow-2:#ff9d85;--glow-3:#d9c6f2}html[data-daypart=night]{--glow-1:#dcd6f2;--glow-2:#e8def2;--glow-3:#ccd6ea}html[data-theme=dark]{--glow-1:#8a4b2a;--glow-2:#322c55;--glow-3:#4a2f52}html[data-theme=dark][data-daypart=day]{--glow-1:#1e4550;--glow-2:#2b3040;--glow-3:#223a4a}html[data-theme=dark][data-daypart=dusk]{--glow-1:#8f3f2c;--glow-2:#5e2b50;--glow-3:#33244a}html[data-theme=dark][data-daypart=night]{--glow-1:#262450;--glow-2:#1c2038;--glow-3:#2c2445}*{box-sizing:border-box}html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition:none!important}html,html[data-theme=light],html[data-theme=dark]{background:var(--bg)}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;font-size:var(--font-body);margin:0}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(130% 100% at 85% 115%, var(--glow-1) 0%, transparent 62%), radial-gradient(100% 80% at 8% -15%, var(--glow-2) 0%, transparent 58%), radial-gradient(80% 70% at 45% 40%, var(--glow-3) 0%, transparent 65%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:color-mix(in srgb, var(--accent) 24%, transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:calc(4px * var(--radius-scale))}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{font:inherit;color:inherit}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}.app{flex-direction:column;height:100dvh;padding:16px 20px 20px;display:flex;overflow:hidden}.topbar{flex:none;justify-content:flex-end;align-items:center;gap:10px;min-height:52px;margin-bottom:14px;display:flex}.topbar-left{flex:none;align-items:center;gap:12px;min-width:0;display:flex}.topbar-controls,.topbar .icon-btn{white-space:nowrap;flex:none}.brand{border-radius:calc(11px * var(--radius-scale));background:var(--accent-soft);height:36px;color:var(--accent);box-shadow:inset 0 1px 0 var(--rim);flex:none;align-items:center;display:inline-flex;overflow:hidden}.brand-mark{flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.brand-name{font-family:"Dashi Wordmark", var(--mono);letter-spacing:-.01em;white-space:nowrap;opacity:0;max-width:0;padding-right:0;font-size:16px;font-weight:300;transition:max-width .26s cubic-bezier(.2,.7,.2,1),opacity .18s,padding-right .26s cubic-bezier(.2,.7,.2,1);overflow:hidden}.brand:hover .brand-name{opacity:1;max-width:80px;padding-right:13px}@media (prefers-reduced-motion:reduce){.brand-name{transition-duration:0s}}.topbar-controls{border-radius:calc(12px * var(--radius-scale));background:var(--surface);backdrop-filter:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow), inset 0 1px 0 var(--rim);align-items:center;padding:3px;display:flex}.topbar-controls .icon-btn{border-radius:calc(9px * var(--radius-scale));min-width:30px;height:30px;padding:0 9px}.topbar-controls .icon-btn:hover{background:var(--surface-hover);border-color:#0000}.topbar-divider{background:var(--border);flex:none;width:1px;height:16px;margin:0 2px}.icon-btn[aria-pressed=true] .focus-on-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 6px var(--accent);border-radius:50%}.focus-caret{min-width:22px!important;padding:0 6px!important}.focus-caret svg{transform:rotate(90deg)}.ka-backdrop{z-index:60;position:fixed;inset:0}.ka-menu{z-index:61;border-radius:calc(12px * var(--radius-scale));background:var(--surface-2);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow), inset 0 1px 0 var(--rim);backdrop-filter:blur(18px)saturate(1.4);padding:6px;position:fixed}.ka-menu-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:6px 8px 4px;font-size:10px;font-weight:600}.ka-menu-item{border-radius:calc(7px * var(--radius-scale));text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:7px 8px;font-size:13px;display:block}.ka-menu-item:hover{background:var(--surface-hover)}.ka-menu-sep{background:var(--border);height:1px;margin:6px 4px}.ka-menu-check{color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.ka-menu-check input{accent-color:var(--accent)}.ka-menu-off,.ka-menu-check-mark{color:var(--accent)}.app-tooltip{z-index:9999;border-radius:calc(8px * var(--radius-scale));background:var(--tooltip-bg);max-width:280px;color:var(--tooltip-text);letter-spacing:.01em;pointer-events:none;border:1px solid #ffffff12;padding:5px 10px;font-size:11.5px;font-weight:500;line-height:1.45;animation:.14s tooltip-in;position:fixed;box-shadow:0 6px 20px #140f0847}html[data-theme=dark] .app-tooltip{border-color:#fff0e01f;box-shadow:0 6px 20px #00000073}@keyframes tooltip-in{0%{opacity:0;transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.app-tooltip{animation:none}}.focus-domain-list{font-family:var(--mono);resize:vertical;font-size:12px;line-height:1.7}.canvas{touch-action:none;flex:auto;min-height:0;position:relative;overflow:hidden}.canvas.is-move{cursor:grabbing}.canvas.is-resize{cursor:nwse-resize}.canvas-slide{position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.canvas-slide.is-sliding{animation:.24s cubic-bezier(.22,1,.36,1) page-slide}.canvas-slide.is-sliding .tile{backdrop-filter:none}}@keyframes page-slide{0%{opacity:0;transform:translateX(var(--slide-from,52px))}}.canvas.is-gesturing,.canvas.is-gesturing *{user-select:none}.canvas-item{animation:.28s cubic-bezier(.22,1,.36,1) backwards tile-in;position:absolute}@keyframes tile-in{0%{opacity:0;transform:translateY(6px)}}.canvas-item.is-interacting .tile{box-shadow:var(--shadow-lg);border-color:var(--border-strong);backdrop-filter:none}.canvas-empty{color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex;position:absolute;inset:0}.canvas-empty-mark{color:var(--accent);opacity:.8}.canvas-edge-hint{pointer-events:none;z-index:9000;justify-content:center;align-items:center;width:68px;animation:.14s ease-out fade-in;display:flex;position:absolute;top:0;bottom:0}.canvas-edge-hint.is-right{background:linear-gradient(to right, transparent, var(--accent-soft));right:0}.canvas-edge-hint.is-left{background:linear-gradient(to left, transparent, var(--accent-soft));left:0}.canvas-edge-arrow{background:var(--accent);width:34px;height:34px;color:var(--accent-text);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;animation:.9s ease-in-out infinite edge-nudge;display:flex}.canvas-edge-hint.is-left .canvas-edge-arrow{animation-name:edge-nudge-left}.canvas-edge-hint.is-left .canvas-edge-arrow svg{transform:rotate(180deg)}@keyframes edge-nudge{50%{transform:translate(4px)}}@keyframes edge-nudge-left{50%{transform:translate(-4px)}}.topbar-links{flex:auto;align-items:center;min-width:0;padding:0 8px;display:flex;position:relative}.topbar-links-strip{scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow:auto hidden}.topbar-links-strip::-webkit-scrollbar{display:none}.topbar-link{border-radius:var(--radius-sm,8px);flex:none;align-items:center;transition:background .12s;display:inline-flex;position:relative}.topbar-link:hover{background:var(--surface-hover)}.topbar-link-open{max-width:150px;color:var(--text-dim);align-items:center;gap:6px;padding:5px 8px;font-size:12px;text-decoration:none;display:inline-flex}.topbar-link:hover .topbar-link-open{color:var(--text)}.topbar-link-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-link-edit,.topbar-link-remove{border-radius:calc(5px * var(--radius-scale));width:0;height:18px;color:var(--text-faint);justify-content:center;align-items:center;margin:0;transition:width .12s,margin .12s,background .12s,color .12s;display:inline-flex;overflow:hidden}.topbar-link:hover .topbar-link-edit,.topbar-link:hover .topbar-link-remove,.topbar-link:focus-within .topbar-link-edit,.topbar-link:focus-within .topbar-link-remove{width:18px}.topbar-link:hover .topbar-link-remove,.topbar-link:focus-within .topbar-link-remove{margin-right:4px}.topbar-link-edit:hover{background:var(--surface);color:var(--text)}.topbar-link-remove:hover{background:var(--surface);color:var(--down)}.topbar-link-add{border-radius:var(--radius-sm,8px);height:26px;color:var(--text-faint);flex:none;align-items:center;gap:5px;padding:0 9px;font-size:12px;transition:background .12s,color .12s;display:inline-flex}.topbar-link-add:hover{background:var(--surface-hover);color:var(--text)}.topbar-link-add.is-on{background:var(--accent-soft);color:var(--accent)}.topbar-link-add-label{white-space:nowrap}.topbar-links.is-icon-only .topbar-link-title{display:none}.topbar-links.is-icon-only .topbar-link-open{gap:0;max-width:none;padding:5px 7px}.topbar-links-backdrop{z-index:20000;position:fixed;inset:0}.topbar-links-pop{z-index:20001;border:1px solid var(--border-strong);border-radius:calc(10px * var(--radius-scale));background:var(--surface-solid);width:260px;box-shadow:var(--shadow-lg);flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:8px}.topbar-links-pop-actions{gap:6px;display:flex}.topclock{border-radius:calc(12px * var(--radius-scale));cursor:pointer;align-items:center;gap:12px;padding:4px 12px 4px 4px;transition:background .12s;display:flex}.topclock:hover{background:var(--surface-hover)}.topclock-time{letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:32px;font-weight:300;line-height:1}.topclock-meta{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;gap:2px;display:flex;overflow:hidden}.topclock-greeting{color:var(--text-dim);font-size:12px;font-weight:500}.topclock-date{letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:600}@media (width<=760px){.topclock-meta{display:none}}.icon-btn{height:var(--control-h);min-width:var(--control-h);border-radius:var(--radius-btn);color:var(--text-dim);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s,transform 50ms;display:inline-flex}.icon-btn:active{transform:scale(.96)}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border);color:var(--text)}.icon-btn[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent)}.icon-btn.is-primary{background:var(--ink);color:var(--ink-text);border-color:#0000}.icon-btn.is-primary:hover{background:var(--ink);color:var(--ink-text);filter:brightness(1.15)}.tile{background:var(--surface);height:100%;backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 var(--rim);flex-direction:column;transition:box-shadow .16s ease-out,border-color .16s ease-out,transform .16s ease-out;display:flex;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow-lift), inset 0 1px 0 var(--rim);transform:translateY(-2px)}.canvas-item.is-highlight .tile{outline:2px solid var(--accent);outline-offset:2px;animation:1.5s reveal-pulse}@keyframes reveal-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}to{box-shadow:0 0 0 18px #0000}}.tile-pin-callout{background:var(--ink);color:var(--ink-text);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-lift);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;animation:.16s cubic-bezier(.22,1,.36,1) backwards pop-in;display:inline-flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.canvas-item.is-highlight .tile{animation:none}}.canvas-item.is-interacting .tile{transform:none}.tile-resize{opacity:0;touch-action:none;width:18px;height:18px;transition:opacity .12s;position:absolute;bottom:0}.tile-resize.is-se{cursor:nwse-resize;right:0}.tile-resize.is-sw{cursor:nesw-resize;left:0}.tile-resize:after{content:"";border-bottom:2px solid var(--text-faint);width:8px;height:8px;position:absolute;bottom:6px}.tile-resize.is-se:after{border-right:2px solid var(--text-faint);border-bottom-right-radius:min(8px, calc(var(--radius) / 2));right:6px}.tile-resize.is-sw:after{border-left:2px solid var(--text-faint);border-bottom-left-radius:min(8px, calc(var(--radius) / 2));left:6px}.tile:hover .tile-resize{opacity:.7}.tile-resize:hover{opacity:1}.tile-head{padding:var(--pad-tile-head);flex:none;align-items:center;gap:8px;display:flex}.tile-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:10.5px;font-weight:600;display:inline-flex;overflow:hidden}.tile-title svg{opacity:.9}.tile-actions{gap:2px;margin-left:auto;display:flex}.tile-action{opacity:.35;transition:opacity .12s}.tile:hover .tile-action,.tile:focus-within .tile-action,.tile-action[aria-expanded=true]{opacity:1}.tile-action{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-faint);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.tile-action:hover{background:var(--surface-hover);color:var(--text)}.tile-action.danger:hover{background:var(--down);color:#fff}.tile-body{min-height:0;padding:var(--pad-tile-body);flex:auto;overflow:auto}.tile-body.flush{padding:0}.tile-head{cursor:grab;user-select:none;touch-action:none}.tile-head:active{cursor:grabbing}.tile-actions{cursor:default}.tile.is-pinned{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.tile-pin{color:var(--accent);opacity:.85;flex:none;display:inline-flex}.widget-menu{z-index:20000;border:1px solid var(--border);border-radius:calc(12px * var(--radius-scale));background:var(--surface);backdrop-filter:var(--glass);box-shadow:var(--shadow-lg), inset 0 1px 0 var(--rim);padding:5px;animation:.16s ease-out backwards pop-in;position:fixed}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}.widget-menu-item{border-radius:calc(9px * var(--radius-scale));width:100%;color:var(--text);text-align:left;align-items:center;gap:9px;padding:7px 10px;font-size:13px;transition:background .1s,color .1s;display:flex}.widget-menu-item:hover{background:var(--surface-hover)}.widget-menu-item.is-danger{color:var(--down)}.widget-menu-item.is-danger:hover{background:color-mix(in srgb, var(--down) 12%, transparent)}.widget-menu-item.is-active{color:var(--accent)}.widget-menu-icon{opacity:.85;justify-content:center;width:15px;display:inline-flex}.widget-menu-check{color:var(--accent);margin-left:auto;display:inline-flex}.widget-menu-divider{background:var(--border);height:1px;margin:4px 8px}.w-empty{text-align:center;height:100%;min-height:60px;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.w-error{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--down) 10%, transparent);color:var(--down);align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.w-input{width:100%;padding:var(--pad-input);border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--surface-2);outline:none;transition:border-color .12s,background .12s,box-shadow .12s}.w-input:focus{border-color:var(--accent);background:var(--surface-hover);box-shadow:0 0 0 3px var(--accent-soft)}.w-input::placeholder{color:var(--text-faint)}.w-btn{padding:var(--pad-btn);border-radius:var(--radius-btn);background:var(--ink);color:var(--ink-text);justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:500;transition:filter .12s,background .12s,color .12s,transform 50ms;display:inline-flex}.w-btn:hover{filter:brightness(1.15)}.w-btn:active{transform:scale(.97)}.w-btn:disabled{opacity:.45;cursor:default}.w-btn.ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.w-btn.ghost:hover{background:var(--surface-hover);color:var(--text);filter:none}.w-skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);border-radius:calc(6px * var(--radius-scale));background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.w-skeleton,.canvas-item,.widget-menu,.modal,.modal-backdrop{animation:none}*{transition-duration:.01ms!important}}.up{color:var(--up)}.down{color:var(--down)}.mono{font-variant-numeric:tabular-nums;font-family:var(--mono)}.stale-dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.app-crash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;padding:24px;display:flex}.app-crash h1{margin:0;font-size:18px;font-weight:600}.app-crash p{max-width:46ch;color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.app-crash pre{border-radius:var(--radius-sm);background:var(--surface-2);max-width:60ch;color:var(--text-faint);text-align:left;margin:0;padding:10px 12px;font-size:11px;overflow-x:auto}.app-crash-actions{gap:8px;display:flex}.modal-backdrop{background:var(--scrim);backdrop-filter:blur(6px);z-index:30000;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out backwards fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--surface-solid);border:1px solid var(--border);border-radius:calc(18px * var(--radius-scale));width:100%;max-width:620px;max-height:80vh;box-shadow:var(--shadow-lg), inset 0 1px 0 var(--rim);flex-direction:column;animation:.18s cubic-bezier(.22,1,.36,1) backwards pop-in;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);align-items:center;padding:16px 20px;display:flex}.modal-head h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:11px;font-weight:600}.modal-body{padding:16px 20px 20px;overflow:auto}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.picker-card{text-align:left;border:1px solid var(--border);border-radius:calc(14px * var(--radius-scale));background:var(--surface-2);gap:12px;padding:13px;transition:border-color .12s,background .12s,box-shadow .12s,transform .12s;display:flex}.picker-search{margin-bottom:12px}.picker-none{color:var(--text-dim);padding:10px 2px 4px;font-size:13px}.picker-card.is-added{opacity:.6}.picker-card.is-added:hover{opacity:.85;border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--surface-2)}.picker-card-text{flex-direction:column;min-width:0;display:flex}.picker-card-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);vertical-align:1px;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:600}.picker-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft);box-shadow:var(--shadow);transform:translateY(-1px)}.picker-card-icon{border-radius:calc(11px * var(--radius-scale));background:var(--accent-soft);width:34px;height:34px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.picker-card-name{font-size:13px;font-weight:600;display:block}.picker-card-desc{color:var(--text-dim);margin-top:2px;font-size:12px;line-height:1.35;display:block}.settings-pop{z-index:5;background:var(--surface-solid);flex-direction:column;padding:14px;display:flex;position:absolute;inset:0;overflow:auto}.settings-pop h3{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin:0 0 10px;font-size:10.5px;font-weight:600}.field{margin-bottom:10px}.field label{color:var(--text-dim);margin-bottom:4px;font-size:12px;display:block}.field-row{align-items:center;gap:8px;display:flex}html,body{height:auto;overflow:clip auto}.demo-wrap{margin-top:18px}.demo-viewport{border-top:1px solid var(--border);height:clamp(560px,74vh,800px);position:relative;overflow:hidden}.demo-viewport .app{height:100%;padding:14px 16px 16px}.demo-viewport .topbar{min-height:42px;margin-bottom:10px}.demo-viewport .topclock-time{font-size:24px}.demo-hint{color:var(--text-faint);text-align:center;margin:10px 4px 0;font-size:11px}