:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--grid-size:20px;--bg:#f4f4f7;--bg-glow-1:#cbb2ff;--bg-glow-2:#a3e8ec;--surface:#ffffff29;--surface-strong:#ffffff52;--border:#14141e1f;--text:#16171c;--text-dim:#16171c9e;--text-body:#16171cd9;--grid-line:#14141e0f;--overlay-hover:#14141e0f;--overlay-active:#14141e17;--dock-bg:#ffffffb3;--tooltip-bg:#fffffff2;--shadow-color:#14142829;--shadow-color-drag:#14142838;--shadow-color-dock:#1414282e;--inset-highlight:#ffffffb3;--flare-violet-text:#5e33d7;--flare-violet-boundary:#8c7aff;--flare-violet-fill:#7447fe;--flare-violet-on-fill:#fff;--flare-coral-text:#ad1829;--flare-coral-boundary:#ef5c5e;--flare-coral-fill:#d02b38;--flare-coral-on-fill:#fff;--flare-mint-text:#008051;--flare-mint-boundary:#00a268;--flare-mint-fill:#009861;--flare-mint-on-fill:#000;--flare-teal-text:#007d7f;--flare-teal-boundary:#009d9f;--flare-teal-fill:#009d9f;--flare-teal-on-fill:#000;--flare-amber-text:#9e6300;--flare-amber-boundary:#c57e02;--flare-amber-fill:#b47200;--flare-amber-on-fill:#000;--flare-pink-text:#ac0064;--flare-pink-boundary:#f7479d;--flare-pink-fill:#d3007c;--flare-pink-on-fill:#fff;--flare-lime-text:#467e00;--flare-lime-boundary:#599e00;--flare-lime-fill:#519200;--flare-lime-on-fill:#000;--flare-blue-text:#0056ad;--flare-blue-boundary:#408eef;--flare-blue-fill:#006cd4;--flare-blue-on-fill:#fff;--flare-neutral-text:#57575d;--flare-neutral-boundary:#8d8d94;--flare-neutral-fill:#6d6d73;--flare-neutral-on-fill:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c10;--bg-glow-1:#1b1030;--bg-glow-2:#05161c;--surface:#ffffff0f;--surface-strong:#ffffff17;--border:#ffffff1f;--text:#f2f2f5;--text-dim:#f2f2f59e;--text-body:#f2f2f5d9;--grid-line:#ffffff09;--overlay-hover:#ffffff14;--overlay-active:#ffffff1a;--dock-bg:#14141ab3;--tooltip-bg:#14141af2;--shadow-color:#0009;--shadow-color-drag:#000000bf;--shadow-color-dock:#000000b3;--inset-highlight:#ffffff0f;--flare-violet-text:#8a76ff;--flare-violet-boundary:#9c92ff;--flare-violet-fill:#7d5dff;--flare-violet-on-fill:#000;--flare-coral-text:#ff817e;--flare-coral-boundary:#ff9995;--flare-coral-fill:#e72f3f;--flare-coral-on-fill:#000;--flare-mint-text:#43c98a;--flare-mint-boundary:#7bdca8;--flare-mint-fill:#008c59;--flare-mint-on-fill:#000;--flare-teal-text:#2bc6c7;--flare-teal-boundary:#71d9da;--flare-teal-fill:#00888a;--flare-teal-on-fill:#000;--flare-amber-text:#eda341;--flare-amber-boundary:#f9bd76;--flare-amber-fill:#ab6c00;--flare-amber-on-fill:#000;--flare-pink-text:#ff6cad;--flare-pink-boundary:#ff89b9;--flare-pink-fill:#eb008b;--flare-pink-on-fill:#000;--flare-lime-text:#7dc540;--flare-lime-boundary:#9ed975;--flare-lime-fill:#4c8900;--flare-lime-on-fill:#000;--flare-blue-text:#6aabff;--flare-blue-boundary:#8bf;--flare-blue-fill:#0078eb;--flare-blue-on-fill:#000;--flare-neutral-text:#b2b2b8;--flare-neutral-boundary:#c8c8cd;--flare-neutral-fill:#797980;--flare-neutral-on-fill:#000}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c10;--bg-glow-1:#1b1030;--bg-glow-2:#05161c;--surface:#ffffff0f;--surface-strong:#ffffff17;--border:#ffffff1f;--text:#f2f2f5;--text-dim:#f2f2f59e;--text-body:#f2f2f5d9;--grid-line:#ffffff09;--overlay-hover:#ffffff14;--overlay-active:#ffffff1a;--dock-bg:#14141ab3;--tooltip-bg:#14141af2;--shadow-color:#0009;--shadow-color-drag:#000000bf;--shadow-color-dock:#000000b3;--inset-highlight:#ffffff0f;--flare-violet-text:#8a76ff;--flare-violet-boundary:#9c92ff;--flare-violet-fill:#7d5dff;--flare-violet-on-fill:#000;--flare-coral-text:#ff817e;--flare-coral-boundary:#ff9995;--flare-coral-fill:#e72f3f;--flare-coral-on-fill:#000;--flare-mint-text:#43c98a;--flare-mint-boundary:#7bdca8;--flare-mint-fill:#008c59;--flare-mint-on-fill:#000;--flare-teal-text:#2bc6c7;--flare-teal-boundary:#71d9da;--flare-teal-fill:#00888a;--flare-teal-on-fill:#000;--flare-amber-text:#eda341;--flare-amber-boundary:#f9bd76;--flare-amber-fill:#ab6c00;--flare-amber-on-fill:#000;--flare-pink-text:#ff6cad;--flare-pink-boundary:#ff89b9;--flare-pink-fill:#eb008b;--flare-pink-on-fill:#000;--flare-lime-text:#7dc540;--flare-lime-boundary:#9ed975;--flare-lime-fill:#4c8900;--flare-lime-on-fill:#000;--flare-blue-text:#6aabff;--flare-blue-boundary:#8bf;--flare-blue-fill:#0078eb;--flare-blue-on-fill:#000;--flare-neutral-text:#b2b2b8;--flare-neutral-boundary:#c8c8cd;--flare-neutral-fill:#797980;--flare-neutral-on-fill:#000}[data-accent=violet]{--accent-text:var(--flare-violet-text);--accent-boundary:var(--flare-violet-boundary);--accent-fill:var(--flare-violet-fill);--accent-on-fill:var(--flare-violet-on-fill)}[data-accent=coral]{--accent-text:var(--flare-coral-text);--accent-boundary:var(--flare-coral-boundary);--accent-fill:var(--flare-coral-fill);--accent-on-fill:var(--flare-coral-on-fill)}[data-accent=mint]{--accent-text:var(--flare-mint-text);--accent-boundary:var(--flare-mint-boundary);--accent-fill:var(--flare-mint-fill);--accent-on-fill:var(--flare-mint-on-fill)}[data-accent=teal]{--accent-text:var(--flare-teal-text);--accent-boundary:var(--flare-teal-boundary);--accent-fill:var(--flare-teal-fill);--accent-on-fill:var(--flare-teal-on-fill)}[data-accent=amber]{--accent-text:var(--flare-amber-text);--accent-boundary:var(--flare-amber-boundary);--accent-fill:var(--flare-amber-fill);--accent-on-fill:var(--flare-amber-on-fill)}[data-accent=pink]{--accent-text:var(--flare-pink-text);--accent-boundary:var(--flare-pink-boundary);--accent-fill:var(--flare-pink-fill);--accent-on-fill:var(--flare-pink-on-fill)}[data-accent=lime]{--accent-text:var(--flare-lime-text);--accent-boundary:var(--flare-lime-boundary);--accent-fill:var(--flare-lime-fill);--accent-on-fill:var(--flare-lime-on-fill)}[data-accent=blue]{--accent-text:var(--flare-blue-text);--accent-boundary:var(--flare-blue-boundary);--accent-fill:var(--flare-blue-fill);--accent-on-fill:var(--flare-blue-on-fill)}[data-accent=neutral]{--accent-text:var(--flare-neutral-text);--accent-boundary:var(--flare-neutral-boundary);--accent-fill:var(--flare-neutral-fill);--accent-on-fill:var(--flare-neutral-on-fill)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(circle at 15% 10%, var(--bg-glow-1), transparent 45%), radial-gradient(circle at 85% 80%, var(--bg-glow-2), transparent 50%), repeating-linear-gradient(to right, var(--grid-line) 0, var(--grid-line) 1px, transparent 1px, transparent var(--grid-size)), repeating-linear-gradient(to bottom, var(--grid-line) 0, var(--grid-line) 1px, transparent 1px, transparent var(--grid-size)), var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}#app{width:100vw;height:100vh;position:relative}.skip-link{z-index:2000;background:var(--text);color:var(--bg);border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.desk{width:100%;height:100%;position:relative;overflow:auto}.box{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);min-width:240px;min-height:160px;box-shadow:0 20px 60px -20px var(--shadow-color), inset 0 1px 0 var(--inset-highlight);transform-origin:0 0;border-radius:14px;flex-direction:column;transition:opacity .22s,transform .22s,box-shadow .15s,border-color .15s;display:flex;position:absolute}.box:hover{border-color:color-mix(in srgb, var(--accent-boundary) 40%, var(--border))}.box.is-dragging{box-shadow:0 30px 80px -20px var(--shadow-color-drag), inset 0 1px 0 var(--inset-highlight)}.box{scroll-margin-top:16px;scroll-margin-bottom:90px}.box.is-highlighted{animation:.9s box-pulse}@keyframes box-pulse{0%{box-shadow:0 0 0 0 var(--accent-boundary), 0 20px 60px -20px var(--shadow-color)}70%{box-shadow:0 0 0 10px transparent, 0 20px 60px -20px var(--shadow-color)}to{box-shadow:0 0 0 0 transparent, 0 20px 60px -20px var(--shadow-color)}}.box.is-closed{opacity:0;pointer-events:none;transform:scale(.92)}.box.is-open{opacity:1;transform:scale(1)}.box:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent-boundary), transparent 40%);-webkit-mask-composite:xor;opacity:.5;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.box-head{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);touch-action:none;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.box-head:active{cursor:grabbing}.box-icon{color:var(--accent-text);display:inline-flex}.box-icon svg{width:16px;height:16px}.box-title{letter-spacing:.02em;flex:1;font-size:.85rem;font-weight:600}.box-close{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:1.1rem;line-height:1;display:flex}.box-close:hover{background:var(--overlay-active);color:var(--text)}.box-body{color:var(--text-body);flex:1;padding:.9rem 1rem 1.1rem;font-size:.88rem;line-height:1.55;overflow:auto}.box-more{display:none}.box-body p{margin:0 0 .85em}.box-body p:last-child{margin-bottom:0}.box-body a{color:var(--accent-text);border-bottom:1px solid color-mix(in srgb, var(--accent-text) 50%, transparent);text-decoration:none}.box-body a:hover{border-bottom-color:var(--accent-text)}.box-body strong{color:var(--text)}.box-body .tag{color:var(--text-dim);font-size:.82em}.box-body img,.box-body video,.box-body iframe{border-radius:8px;max-width:100%;margin:.6em 0;display:block}.box-resize{cursor:nwse-resize;touch-action:none;width:16px;height:16px;position:absolute;bottom:2px;right:2px}.box-resize:after{content:"";border-right:2px solid var(--border);border-bottom:2px solid var(--border);width:7px;height:7px;position:absolute;bottom:4px;right:4px}.dock{background:var(--dock-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);box-shadow:0 20px 50px -20px var(--shadow-color-dock);z-index:999;border-radius:18px;gap:6px;padding:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.dock-btn{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px 6px;transition:background .15s,transform .15s,color .15s;display:flex;position:relative}.dock-btn:hover{background:var(--overlay-hover);color:var(--text);transform:translateY(-2px)}.dock-icon{color:var(--accent-text);display:inline-flex}.dock-icon svg{width:18px;height:18px}.dock-label{letter-spacing:.03em;text-transform:uppercase;font-size:.62rem}.dock-btn.is-active{background:var(--overlay-active)}.dock-btn.is-active .dock-icon{text-shadow:0 0 12px var(--accent-boundary)}.dock-reset{border-left:1px solid var(--border);margin-left:4px;padding-left:12px}.dock-reset .dock-icon{color:var(--text-dim)}.dock-mode{position:relative}.dock-mode-btn .dock-icon{color:var(--text-dim)}.dock-mode-menu{background:var(--tooltip-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);min-width:132px;box-shadow:0 20px 50px -20px var(--shadow-color-dock);opacity:0;pointer-events:none;border-radius:12px;margin:0;padding:6px;list-style:none;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);right:-4px;transform:translateY(4px)}.dock-mode-menu[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.dock-mode-option{appearance:none;width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:.8rem;display:flex}.dock-mode-option:hover{background:var(--overlay-hover)}.dock-mode-option[aria-checked=true]{background:var(--overlay-active);font-weight:600}.dock-mode-option .dock-icon{color:var(--text-dim);display:inline-flex}.dock-mode-option .dock-icon svg{width:15px;height:15px}@media (width<=640px){.dock-label{background:var(--tooltip-bg);border:1px solid var(--border);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:.65rem;transition:opacity .15s,transform .15s;display:block;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.dock-btn.show-tip .dock-label{opacity:1;transform:translate(-50%)}}@media (width<=640px) and (hover:hover){.dock-btn:hover .dock-label{opacity:1;transform:translate(-50%)}}@media (width<=720px){body{overflow:hidden auto}#app{height:auto;min-height:100vh}.desk{flex-direction:column;gap:14px;padding:16px 16px 100px;display:flex;position:static;overflow:visible}.box{width:100%!important;height:auto!important;position:static!important;transform:none!important}.box.is-closed{display:none}.box-body{max-height:220px;position:relative;overflow:hidden}.box.is-content-expanded .box-body{max-height:none}.box.has-more .box-body:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface-strong));pointer-events:none;height:44px;position:absolute;bottom:0;left:0;right:0}.box.is-content-expanded .box-body:after{display:none}.box-more{appearance:none;color:var(--accent-text);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 1rem 12px;font-size:.78rem;font-weight:600;display:none}.box.has-more .box-more{display:block}.box-head{cursor:default}.box-resize{display:none}.dock{border-radius:0;flex-wrap:wrap;justify-content:center;width:100%;padding:6px 10px;bottom:0;left:0;right:0;overflow:visible;transform:none}.dock-btn{flex:none}}
