:root,:root[data-theme=light]{--bg:#fff;--surface:#fff;--surface-2:#f2f4f7;--surface-3:#e8ebf0;--border:#e3e6eb;--border-strong:#cdd2da;--ring-strong:#d1d5db;--text:#121418;--text-muted:#5a616d;--text-subtle:#7b828e;--accent:#2f6fe4;--accent-strong:#1f5bcc;--accent-soft:#e6eefc;--on-accent:#fff;--success:#1d8a4b;--success-soft:#e3f4ea;--error:#c4362d;--error-soft:#fbe8e6;--warning:#8f5c00;--warning-soft:#fcf1da;--scrim:#12141861;--shadow:0 1px 2px #1214180d, 0 10px 30px #1214181a;--focus:0 0 0 3px #2f6fe466;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#050505;--surface:#121418;--surface-2:#1a1d22;--surface-3:#23272e;--border:#23262c;--border-strong:#353a42;--ring-strong:#2e2e2e;--text:#f1f3f6;--text-muted:#a3a9b4;--text-subtle:#7d8490;--accent:#4d8dff;--accent-strong:#79a9ff;--accent-soft:#15233d;--on-accent:#fff;--success:#4cc27f;--success-soft:#13291c;--error:#f0776e;--error-soft:#36191a;--warning:#e6b450;--warning-soft:#33280f;--scrim:#0009;--shadow:0 1px 2px #0006, 0 12px 32px #00000073;--focus:0 0 0 3px #4d8dff8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#050505;--surface:#121418;--surface-2:#1a1d22;--surface-3:#23272e;--border:#23262c;--border-strong:#353a42;--ring-strong:#2e2e2e;--text:#f1f3f6;--text-muted:#a3a9b4;--text-subtle:#7d8490;--accent:#4d8dff;--accent-strong:#79a9ff;--accent-soft:#15233d;--scrim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--radius:18px;--radius-sm:10px;--ease:cubic-bezier(.2, .7, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}:root.theme-switching :not(.theme-icon svg),:root.theme-switching :before,:root.theme-switching :after{transition:none!important}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);min-width:320px;margin:0;overflow:hidden}h1,h2,h3,p,ul,ol,dl,dd,blockquote{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{box-shadow:var(--focus);outline:none}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.mono{font-family:var(--mono);letter-spacing:.08em}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dialog{--dx-a:#6f52e8;--dx-b:#d94a8c;--dx-c:#2b85cc;--dx-panel:#fcfaffed;--dx-edge:#281e6e24;--dx-title:linear-gradient(180deg, #221858, #5a3fd0 95%);--dx-glow-a:#7c5cff38;--dx-glow-b:#ff5ca829;--dx-shadow:0 40px 90px #3c288c59;--dx-scrim:#281e5a42;--accent:#6f52e8;--accent-strong:#5a3fd0;--accent-soft:#6f52e81f;--surface:#ffffffb3;--surface-2:#3c289612;--surface-3:#3c28961f;--border:#281e6e21;--border-strong:#281e6e3d;--focus:0 0 0 3px #6f52e866}:root[data-theme=dark] .dialog{--dx-a:#8b6cff;--dx-b:#ff5ca8;--dx-c:#4cd7ff;--dx-panel:#100c26d6;--dx-edge:#ffffff1f;--dx-title:linear-gradient(180deg, #fff, #c3b6ff 90%);--dx-glow-a:#7c5cff4d;--dx-glow-b:#ff5ca82e;--dx-shadow:0 40px 100px #000000a6;--dx-scrim:#02010c9e;--accent:#a38cff;--accent-strong:#c3b6ff;--accent-soft:#8b6cff2e;--surface:#ffffff0d;--surface-2:#ffffff0f;--surface-3:#ffffff1c;--border:#ffffff1a;--border-strong:#fff3;--focus:0 0 0 3px #a38cff80}.dialog{background:var(--dx-panel);-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6);width:min(100% - 24px,500px);max-height:min(100dvh - 24px,740px);box-shadow:var(--dx-shadow), 0 0 0 1px var(--dx-edge), inset 0 1px 0 #ffffff2e;border:0;border-radius:30px;animation:.6s cubic-bezier(.2,1.15,.3,1) both dx-in}.dialog::backdrop{background:radial-gradient(60% 50% at 50% 42%, color-mix(in srgb, var(--dx-a) 20%, transparent), var(--dx-scrim) 75%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade .3s var(--ease) both}.dialog:before{content:"";z-index:3;border-radius:inherit;background:conic-gradient(from var(--cx-ang), transparent 0 52%, var(--dx-a) 68%, var(--dx-b) 84%, var(--dx-c) 94%, transparent);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:6s linear infinite cx-edge-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.dialog-inner{isolation:isolate;position:relative}.dialog-inner:before,.dialog-inner:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.dialog-inner:before{background:radial-gradient(circle, var(--dx-glow-a), transparent 70%);animation:14s ease-in-out infinite alternate dx-drift-a;top:-120px;left:-90px}.dialog-inner:after{background:radial-gradient(circle, var(--dx-glow-b), transparent 70%);animation:17s ease-in-out infinite alternate dx-drift-b;bottom:-130px;right:-100px}.dialog-head{justify-content:flex-start;gap:12px;padding:20px 18px 8px 22px}.dialog-badge{background:linear-gradient(135deg, var(--dx-a), var(--dx-b));width:42px;height:42px;box-shadow:0 10px 26px color-mix(in srgb, var(--dx-a) 50%, transparent), inset 0 1px 0 #fff6;color:#fff;border-radius:15px;flex:none;place-items:center;animation:6s ease-in-out infinite dx-badge;display:grid;position:relative}.dialog-badge:after{content:"";border:2px solid var(--dx-a);border-radius:inherit;opacity:0;animation:3s ease-out infinite cx-avatar-ring;position:absolute;inset:-4px}.dialog-title{background:var(--dx-title);color:#0000;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;flex:1;min-width:0;font-size:1.3rem;font-weight:800}.dialog-head .icon-button{background:var(--surface-2);width:36px;height:36px;transition:background-color .2s var(--ease), color .2s var(--ease), transform .4s var(--spring);border-radius:50%;flex:none}.dialog-head .icon-button:hover{background:linear-gradient(135deg, var(--dx-a), var(--dx-b));color:#fff;transform:rotate(90deg)scale(1.08)}.dialog-body{padding:10px 22px 24px}.dialog-body>*>*{animation:fade-up .5s var(--ease) both}.dialog-body>*>:nth-child(2){animation-delay:50ms}.dialog-body>*>:nth-child(3){animation-delay:.1s}.dialog-body>*>:nth-child(4){animation-delay:.15s}.dialog-body>*>:nth-child(n+5){animation-delay:.2s}.send-note{line-height:1.55}.dialog .segmented{background:var(--surface-2);border-radius:999px;gap:0;padding:4px;position:relative}.dialog .segmented:before{content:"";background:linear-gradient(120deg, var(--dx-a), var(--dx-b));width:calc(50% - 4px);box-shadow:0 8px 24px color-mix(in srgb, var(--dx-a) 50%, transparent), inset 0 1px 0 #fff6;border-radius:999px;transition:transform .55s cubic-bezier(.2,1.25,.3,1);position:absolute;top:4px;bottom:4px;left:4px}.dialog .segmented:has(.segmented-option:nth-child(2)[aria-selected=true]):before{transform:translate(100%)}.dialog .segmented-option{z-index:1;min-height:40px;transition:color .3s var(--ease), transform .35s var(--spring);border-radius:999px;font-weight:650;position:relative}.dialog .segmented-option:hover:not([aria-selected=true]){color:var(--text);transform:translateY(-1px)}.dialog .segmented-option[aria-selected=true]{box-shadow:none;color:#fff;background:0 0}@supports not selector(:has(*)){.dialog .segmented:before{display:none}.dialog .segmented-option[aria-selected=true]{background:linear-gradient(120deg, var(--dx-a), var(--dx-b))}}.dialog .field label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.dialog .field input,.dialog .field select,.dialog .field textarea{border:1px solid var(--border-strong);background:var(--surface);transition:border-color .2s var(--ease), box-shadow .25s var(--ease), background-color .2s var(--ease);border-radius:16px;padding:12px 14px;font-weight:550}.dialog .field input::placeholder{color:var(--text-subtle);font-weight:500}.dialog .field input:hover,.dialog .field select:hover{border-color:color-mix(in srgb, var(--dx-a) 55%, var(--border-strong))}.dialog .field input:focus-visible,.dialog .field select:focus-visible,.dialog .field textarea:focus-visible{border-color:var(--dx-a);box-shadow:0 0 0 4px color-mix(in srgb, var(--dx-a) 24%, transparent)}.dialog .field select{appearance:none;cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a85b0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}.dialog .field select option{color:#1b1838;background:#fff}:root[data-theme=dark] .dialog .field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .dialog .field select option{color:#f1eeff;background:#1a1536}.dialog .field select option:checked{color:#fff;background:#6f52e8 linear-gradient(#6f52e8,#6f52e8)}.dialog .code-input{text-align:center}.dialog .button{min-height:46px;transition:background-color .2s var(--ease), border-color .2s var(--ease), box-shadow .3s var(--ease), background-position .5s var(--ease), transform .35s var(--spring), opacity .2s var(--ease);border-radius:16px}.dialog .button--primary,.dialog .button--primary:hover:not(:disabled){background:linear-gradient(120deg, var(--dx-a), var(--dx-b), var(--dx-a));box-shadow:0 12px 28px color-mix(in srgb, var(--dx-a) 45%, transparent), inset 0 1px 0 #ffffff59;color:#fff;background-size:200% 100%;border:0;position:relative;overflow:hidden}.dialog .button--primary:hover:not(:disabled){box-shadow:0 16px 36px color-mix(in srgb, var(--dx-a) 60%, transparent), inset 0 1px 0 #ffffff59;background-position:100% 0;transform:translateY(-2px)}.dialog .button--primary:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.dialog .button--primary:hover:not(:disabled):after{transition:transform .7s var(--ease);transform:translate(120%)}.dialog .button--secondary{border-color:color-mix(in srgb, var(--dx-a) 30%, transparent);background:var(--accent-soft);color:var(--accent)}.dialog .button--secondary:hover:not(:disabled){border-color:var(--dx-a);transform:translateY(-1px)}.dialog .button--ghost{background:var(--surface)}.dialog .button--ghost:hover:not(:disabled){background:var(--surface-3);transform:translateY(-1px)}.dialog .notice{border-radius:16px}.dialog .room-code-label{letter-spacing:.1em;text-align:center;text-transform:uppercase;font-size:.7rem;font-weight:700}.dialog .room-code{background:var(--dx-title);color:#0000;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--dx-a) 45%, transparent));letter-spacing:.2em;text-align:center;-webkit-background-clip:text;background-clip:text;margin-top:-8px;font-weight:800}.dialog .room-facts div{border:1px solid var(--border);background:var(--surface-2);transition:transform .35s var(--spring), border-color .2s var(--ease);border-radius:18px}.dialog .room-facts div:hover{border-color:var(--dx-a);transform:translateY(-2px)}.dialog .room-facts dt{letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:700}.dialog .devices-list li,.dialog .transfer,.dialog .file-row,.dialog .incoming-files li,.dialog .pair-list li{background:var(--surface-2);border-radius:18px}.dialog .devices-list li{transition:transform .3s var(--spring), border-color .2s var(--ease)}.dialog .devices-list li:hover{border-color:var(--dx-a);transform:translate(3px)}.dialog .dropzone{border:1.5px dashed color-mix(in srgb, var(--dx-a) 45%, var(--border-strong));background:var(--surface-2);border-radius:22px}.dialog .dropzone:hover,.dialog .dropzone.is-dragging{border-color:var(--dx-a);background:var(--accent-soft);box-shadow:0 0 0 4px color-mix(in srgb, var(--dx-a) 16%, transparent)}.dialog .dropzone-icon{color:var(--dx-a);animation:3s ease-in-out infinite cx-bob}@keyframes dx-in{0%{opacity:0;transform:translateY(26px)scale(.94)}to{opacity:1;transform:none}}@keyframes dx-out{to{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes dx-drift-a{to{transform:translate(90px,70px)scale(1.2)}}@keyframes dx-drift-b{to{transform:translate(-80px,-60px)scale(1.15)}}@keyframes dx-badge{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(-2px)}}@media (prefers-reduced-motion:reduce){.dialog:before,.dialog-inner:before,.dialog-inner:after,.dialog-badge,.dialog-badge:after,.dialog .dropzone-icon{animation:none!important}}@media (width<=640px){.dialog{border-radius:26px}.dialog-head{padding:16px 14px 6px 16px}.dialog-body{padding:8px 16px 20px}}.app{background:var(--bg);height:100dvh;position:relative;overflow:hidden}.skip-link{z-index:30;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);padding:8px 14px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.topbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;inset:0 0 auto}.topbar>*{pointer-events:auto}.topbar-brand{align-items:center;gap:9px;display:flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:9px;place-items:center;display:grid}.brand-name{letter-spacing:-.02em;font-size:1.05rem;font-weight:750}.topbar-actions{align-items:center;gap:2px;display:flex}.topbar-button{width:44px;height:44px;color:var(--text);cursor:pointer;transition:background-color .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:relative}.topbar-button:hover{background:var(--surface-2)}.topbar-button:active{transform:scale(.94)}.topbar-button.is-active{color:var(--accent)}.topbar-badge{background:var(--accent);min-width:17px;height:17px;color:var(--on-accent);text-align:center;animation:pop-in .3s var(--spring) both;border-radius:999px;padding:0 4px;font-size:.68rem;font-weight:700;line-height:17px;position:absolute;top:6px;right:5px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);z-index:20;background:var(--text);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease), transform .15s var(--ease);border-radius:7px;padding:5px 9px;font-size:.75rem;font-weight:600;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-3px)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transition-delay:.25s;transform:none}[data-tooltip-pos=top]:after{inset:auto auto calc(100% + 6px) 50%;translate:-50%}@media (hover:none){[data-tooltip]:after{display:none}}.theme-icon{width:22px;height:22px;display:block;position:relative}.theme-icon svg{transition:opacity .35s var(--ease), transform .45s var(--ease);position:absolute;inset:0}.theme-icon--dark .theme-icon-sun,.theme-icon--light .theme-icon-moon{opacity:0;transform:rotate(-90deg)scale(.6)}.button{cursor:pointer;min-height:44px;transition:background-color .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease), opacity .15s var(--ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:650;text-decoration:none;display:inline-flex}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--accent);color:var(--on-accent)}.button--primary:hover:not(:disabled){background:var(--accent-strong)}.button--secondary{background:var(--accent-soft);color:var(--accent)}.button--secondary:hover:not(:disabled){border-color:var(--accent)}.button--ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.button--ghost:hover:not(:disabled){background:var(--surface-2)}.button--small{min-height:36px;padding:6px 12px;font-size:.875rem}.button--block{width:100%}.link-button{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:4px;padding:0;font-weight:600;text-decoration:underline}.link-button:disabled{color:var(--text-subtle);cursor:not-allowed}.icon-button{width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button--small{width:30px;height:30px}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:.875rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);resize:vertical;width:100%;transition:border-color .15s var(--ease);padding:10px 12px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--accent)}.field-hint{color:var(--text-subtle);text-align:right;font-size:.78rem}.code-input{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;font-size:1.15rem!important}.segmented{background:var(--surface-2);border-radius:12px;gap:4px;padding:4px;display:flex}.segmented-option{min-height:38px;color:var(--text-muted);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;font-weight:600;display:inline-flex}.segmented-option[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.notice{border-radius:var(--radius-sm);animation:fade-up .25s var(--ease) both;align-items:flex-start;gap:10px;padding:11px 13px;font-size:.9rem;display:flex}.notice svg{flex:none;margin-top:1px}.notice--error{background:var(--error-soft);color:var(--error)}.notice--warning{background:var(--warning-soft);color:var(--warning)}.empty{color:var(--text-muted);font-size:.92rem}.dialog{border:1px solid var(--border);background:var(--surface);width:min(100% - 24px,480px);max-height:min(100dvh - 24px,720px);color:var(--text);box-shadow:var(--shadow);animation:dialog-in .28s var(--spring) both;border-radius:22px;padding:0;overflow:hidden}.dialog--lg{width:min(100% - 24px,600px)}.dialog::backdrop{background:var(--scrim);animation:fade .25s var(--ease) both}.dialog.is-closing{animation:dialog-out .2s var(--ease) both}.dialog.is-closing::backdrop{animation:fade .2s var(--ease) reverse both}.dialog-inner{max-height:inherit;flex-direction:column;display:flex}.dialog-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 6px 22px;display:flex}.dialog-title{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.1rem;font-weight:700}.dialog-body{padding:8px 22px 22px;overflow-y:auto}.dialog-body>*{flex-direction:column;gap:14px;display:flex}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.send-note{color:var(--text-muted);font-size:.88rem}@property --p{syntax:"<number>";inherits:true;initial-value:0}.file-picker{flex-direction:column;gap:12px;display:flex}.dropzone{border:1.5px dashed var(--border-strong);background:var(--surface-2);text-align:center;cursor:pointer;transition:border-color .22s var(--ease), background-color .22s var(--ease), box-shadow .22s var(--ease), transform .18s var(--ease);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:24px 16px 20px;display:flex}.dropzone:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-strong));background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface-2))}.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);transform:scale(1.012)}.dropzone.is-disabled{cursor:not-allowed;opacity:.6}.dropzone-icon{background:linear-gradient(135deg, var(--accent), var(--accent-strong));width:40px;height:40px;color:var(--on-accent);box-shadow:0 10px 22px -8px color-mix(in srgb, var(--accent) 70%, transparent);transition:transform .3s var(--spring);border-radius:13px;place-items:center;margin-bottom:8px;display:grid}.dropzone.is-dragging .dropzone-icon{transform:translateY(-4px)}.dropzone-title{font-weight:700}.dropzone-hint{color:var(--text-muted)}.dropzone-limits{color:var(--text-subtle);margin-top:2px;font-size:.78rem}.dropzone-kbd{font:600 .64rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);margin-top:6px}.file-list{flex-direction:column;gap:8px;display:flex}.file-row{--p:0;border:1px solid var(--border);background:var(--surface-2);animation:fade-up .22s var(--ease) both;transition:--p .45s var(--ease), border-color .3s var(--ease), background-color .3s var(--ease);border-radius:13px;align-items:center;gap:12px;padding:8px 8px 8px 9px;display:flex}.file-row.is-ready{border-color:color-mix(in srgb, var(--success) 32%, var(--border));background:color-mix(in srgb, var(--success-soft) 60%, var(--surface))}.file-row.is-failed{border-color:color-mix(in srgb, var(--error) 40%, var(--border));background:color-mix(in srgb, var(--error-soft) 60%, var(--surface))}.file-thumb{background:var(--surface-3);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--border);border-radius:10px;flex:none;position:relative;overflow:hidden}.file-thumb>*{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.file-thumb-doc{background:linear-gradient(180deg, var(--accent) 68%, var(--accent-strong) 68%);color:var(--on-accent);font:700 .62rem/1 var(--font);letter-spacing:.02em;place-items:center;display:grid}.file-thumb-ghost{filter:grayscale();opacity:.3}.file-thumb-live{clip-path:inset(0 0 calc((1 - var(--p)) * 100%) 0)}.file-thumb:after{content:"";left:0;right:0;top:calc(var(--p) * 100%);background:var(--accent);height:1.5px;box-shadow:0 0 8px 1px color-mix(in srgb, var(--accent) 85%, transparent);opacity:0;transition:opacity .25s var(--ease);position:absolute}.file-row.is-checking .file-thumb:after{opacity:1}.file-row.is-failed .file-thumb{box-shadow:inset 0 0 0 1.5px var(--error)}.file-meta{flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:600;overflow:hidden}.file-size{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}.file-row.is-ready .file-size b{color:var(--success)}.file-row.is-failed .file-size b{color:var(--error)}.file-actions{flex:none;align-items:center;gap:4px;display:flex}.file-pct{font:600 .78rem/1 var(--mono);color:var(--accent);font-variant-numeric:tabular-nums;padding:0 6px}.file-retry,.file-retry:hover{color:var(--error)}.file-retry:hover{background:var(--error-soft)}.file-tally{font:600 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;display:flex}.file-tally-action{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 0}.file-tally-action:hover{text-underline-offset:2px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.dropzone,.dropzone-icon,.file-row{transition:none}}.incoming-summary{font-weight:600}.incoming-files{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.incoming-files li{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);align-items:center;gap:8px;padding:8px 10px;display:flex}.incoming-files .file-name{color:var(--text);flex:1}.incoming-text{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-height:320px;padding:14px 16px;overflow-y:auto}.room-code-label{color:var(--text-muted);font-size:.85rem}.room-code{font-family:var(--mono);letter-spacing:.18em;color:var(--accent);margin-top:-10px;font-size:clamp(2rem,9vw,2.6rem);font-weight:700}.room-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.room-facts div{background:var(--surface-2);border-radius:12px;padding:10px 12px}.room-facts dt{color:var(--text-muted);font-size:.75rem}.room-facts dd{font-weight:650}.info h3{margin-top:4px;font-size:.95rem}.info-steps{counter-reset:step;flex-direction:column;gap:8px;display:flex}.info-steps li{counter-increment:step;color:var(--text-muted);gap:10px;display:flex}.info-steps li:before{content:counter(step);background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.info-list{color:var(--text-muted);flex-direction:column;gap:10px;font-size:.92rem;display:flex}.info-list strong{color:var(--text)}.devices-list{flex-direction:column;gap:8px;display:flex}.devices-list li{border:1px solid var(--border);color:var(--accent);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.devices-list-meta{min-width:0;color:var(--text);flex-direction:column;flex:1;display:flex}.device-name{font-weight:650}.device-sub{color:var(--text-muted);font-size:.8rem}.transfers-dialog .card{flex-direction:column;gap:12px;display:flex}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.transfers-dialog .card-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.transfers-dialog .card-head{justify-content:flex-end}.transfer-list,.pair-list{flex-direction:column;gap:8px;display:flex}.transfer{border:1px solid var(--border);animation:fade-up .25s var(--ease) both;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.transfer-icon{background:var(--surface-2);width:36px;height:36px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.transfer--active .transfer-icon{background:var(--accent-soft);color:var(--accent)}.transfer--success .transfer-icon{background:var(--success-soft);color:var(--success);animation:pop-in .35s var(--spring) both}.transfer--error .transfer-icon{background:var(--error-soft);color:var(--error)}.transfer--muted{opacity:.7}.transfer-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.transfer-name{align-items:baseline;gap:8px;min-width:0;display:flex}.transfer-peer{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.transfer-status{color:var(--text-muted);font-size:.82rem}.transfer--error .transfer-status{color:var(--error)}.transfer--success .transfer-status{color:var(--success)}.transfer-actions{flex:none}.progress{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .25s linear;display:block}.crash{background:var(--bg);min-height:100dvh;color:var(--text);place-items:center;padding:24px 16px;display:grid}.crash-card{border:1px solid var(--border);background:var(--surface);width:min(100%,460px);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.crash-icon{background:var(--error-soft);width:44px;height:44px;color:var(--error);border-radius:50%;place-items:center;display:grid}.crash-title{font-size:1.2rem;font-weight:700}.crash-text{color:var(--text-muted)}.crash-detail{border-radius:var(--radius-sm);background:var(--bg);width:100%;max-height:120px;color:var(--error);white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;font-size:.82rem;overflow:auto}.toasts{--toast-from:translate3d(0, -28px, 0) scale(.92);--toast-to:translate3d(0, -16px, 0) scale(.95);z-index:40;pointer-events:none;flex-direction:column;align-items:center;width:min(100% - 32px,420px);display:flex;position:fixed;inset:16px auto auto 50%;transform:translate(-50%)}.toasts[popover]{color:var(--text);background:0 0;border:0;margin:0;padding:0;overflow:visible}.toasts[popover]:not(:popover-open){display:none}.toast-slot{grid-template-rows:1fr;width:100%;padding-bottom:10px;display:grid}.toast-slot-inner{min-height:0;margin:-6px;padding:6px}.toast-slot.is-leaving{animation:toast-collapse .24s var(--ease) .16s forwards}.toast-slot.is-leaving .toast-slot-inner{overflow:hidden}.toast{--toast-tone:var(--text-muted);--toast-tone-soft:var(--surface-2);border:1px solid color-mix(in srgb, var(--toast-tone) 28%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--toast-tone) 14%, transparent), transparent 55%), color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);width:100%;box-shadow:0 18px 40px -12px #0000008c, 0 0 0 1px #ffffff0a inset, 0 0 32px -8px color-mix(in srgb, var(--toast-tone) 45%, transparent);pointer-events:auto;transition:transform .2s var(--ease);border-radius:18px;align-items:flex-start;gap:12px;padding:14px 10px 14px 14px;animation:.6s cubic-bezier(.34,1.56,.64,1) backwards toast-in;display:flex;position:relative;overflow:hidden}.toast:hover{border-color:var(--border-strong);transform:translateY(-1px)}.toast-slot.is-leaving .toast{pointer-events:none;animation:toast-out .2s var(--ease) forwards}.toast--success{--toast-tone:var(--success);--toast-tone-soft:var(--success-soft)}.toast--info{--toast-tone:var(--accent);--toast-tone-soft:var(--accent-soft)}.toast--error{--toast-tone:var(--error);--toast-tone-soft:var(--error-soft);border-color:color-mix(in srgb, var(--error) 40%, var(--border));background:color-mix(in srgb, var(--error-soft) 45%, var(--surface))}.toast.is-highlight{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.toast.is-highlight:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;pointer-events:none;animation:toast-glow 1.8s var(--ease) .2s;position:absolute;inset:0}.toast-icon{background:var(--toast-tone-soft);width:38px;height:38px;color:var(--toast-tone);box-shadow:0 0 0 0 color-mix(in srgb, var(--toast-tone) 50%, transparent);animation:toast-icon-pop .55s cubic-bezier(.34, 1.56, .64, 1) .15s backwards, toast-ring 1.6s var(--ease) .4s 1;border-radius:12px;flex:none;place-items:center;display:grid}.toast-body{flex:1;min-width:0;padding-top:1px}.toast-title{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.95rem;font-weight:650;line-height:1.35}.toast-message{color:var(--text-muted);overflow-wrap:anywhere;margin:3px 0 0;font-size:.875rem;line-height:1.45}.toast-action{background:var(--accent-soft);color:var(--accent-strong);font:inherit;cursor:pointer;transition:background-color .15s var(--ease);border:0;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.toast-action:hover{background:color-mix(in srgb, var(--accent) 18%, var(--accent-soft))}.toast-action:focus-visible,.toast-close:focus-visible{box-shadow:var(--focus);outline:none}.toast-close{margin:-4px 0 0}.toast-progress{background:var(--toast-tone);opacity:.9;background:linear-gradient(90deg, color-mix(in srgb, var(--toast-tone) 40%, transparent), var(--toast-tone));transform-origin:0;height:3px;animation:toast-countdown var(--toast-duration,5s) linear forwards;position:absolute;inset:auto 0 0}.toast.is-paused .toast-progress{animation-play-state:paused}@keyframes toast-in{0%{opacity:0;transform:var(--toast-from)}}@keyframes toast-icon-pop{0%{opacity:0;transform:scale(.3)rotate(-25deg)}}@keyframes toast-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--toast-tone) 55%, transparent)}to{box-shadow:0 0 0 14px #0000}}@keyframes toast-out{to{opacity:0;transform:var(--toast-to)}}@keyframes toast-collapse{to{grid-template-rows:0fr;padding-bottom:0}}@keyframes toast-glow{0%,to{opacity:0}25%{opacity:1}}@keyframes toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast:hover{transform:none}.toast-progress,.toast.is-highlight:after{display:none}.toast-icon{animation:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:1.6s linear infinite spin!important}}@media (width<=640px){.topbar{padding:8px 8px 8px 12px}.brand-name{display:none}.topbar-button{width:40px;height:40px}.room-facts{grid-template-columns:minmax(0,1fr)}.toasts{width:calc(100% - 24px);inset:12px auto auto 50%}.toast{padding:12px 8px 12px 12px}.dialog-body{padding:6px 16px 18px}.dialog-head{padding-left:16px}}@media (width<=360px){.topbar-brand{display:none}.topbar{justify-content:flex-end}}.not-found{text-align:center;min-height:100dvh;color:var(--text,inherit);place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.not-found h1{margin:0;font-size:1.5rem}.not-found p{opacity:.75;max-width:36ch;margin:0}.not-found-link{background:var(--accent,#2563eb);color:#fff;border-radius:999px;margin-top:8px;padding:10px 20px;font-weight:600;text-decoration:none}@property --cx-a{syntax:"<color>";inherits:true;initial-value:#6f52e8}@property --cx-b{syntax:"<color>";inherits:true;initial-value:#d94a8c}@property --cx-c{syntax:"<color>";inherits:true;initial-value:#2b85cc}@property --cx-ang{syntax:"<angle>";inherits:false;initial-value:0deg}.discovery{--header-h:72px;--pl:72px;--peer-w:112px;--sun:104px;--cx-a:#6f52e8;--cx-b:#d94a8c;--cx-c:#2b85cc;--cx-base:#f1f0ff;--cx-glass:#ffffffc7;--cx-nm:#fffffff2;--cx-chip:#5032c81f;--cx-line:#4632be47;--cx-neb:radial-gradient(48% 42% at 12% 18%, #966eff9e, transparent 70%), radial-gradient(44% 42% at 90% 22%, #ff82be80, transparent 70%), radial-gradient(50% 44% at 50% 105%, #46aaff8c, transparent 70%), radial-gradient(36% 30% at 50% 52%, #ffffffd9, transparent 75%), linear-gradient(180deg, #f3f0ff, #dfe6ff);--cx-title:linear-gradient(100deg, #1b1250 0%, #5b34e6 55%, #d63b92 100%);--cx-title-glow:#6f52e84d;--cx-shadow:0 24px 60px #643cdc4d, 0 2px 0 #fff inset, 0 0 0 1px #ffffffb3;--cx-spot:#7c5cff21;--cx-flash:#4632aa80;--sun-0:#fff0c6;--sun-1:#f3bd66;--sun-2:#e8835a;--sun-3:#a8366f;--sun-glow:#f0784699;--sun-ray:#eb7846d9;--cx-text:#3b3563;--sun-c1:#f0aa5080;--sun-c2:#d94a8c66;--sun-c3:#f0c86e73;padding:calc(var(--header-h) + 4px) 16px 18px;isolation:isolate;transition:--cx-a .9s var(--ease), --cx-b .9s var(--ease), --cx-c .9s var(--ease);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hero""orbit""deck";display:grid;position:absolute;inset:0;overflow:hidden}:root[data-theme=dark] .discovery{--cx-a:#7c5cff;--cx-b:#ff5ca8;--cx-c:#4cd7ff;--cx-base:#04030c;--cx-glass:#140e2e99;--cx-nm:#0e0a22d1;--cx-chip:#ffffff17;--cx-line:#ffffff1f;--cx-neb:radial-gradient(42% 36% at 18% 22%, #7c5cff61, transparent 70%), radial-gradient(36% 36% at 86% 28%, #ff5ca83d, transparent 70%), radial-gradient(46% 40% at 56% 98%, #4cd7ff38, transparent 70%);--cx-title:linear-gradient(180deg, #fff, #b9a8ff 85%);--cx-title-glow:#7c5cff99;--cx-shadow:0 26px 70px #0006, inset 0 1px 0 #ffffff24;--cx-spot:#ffffff29;--cx-flash:#fff;--sun-0:#fff;--sun-1:#c7b5ff;--sun-2:#7c5cff;--sun-3:#2a1a7a;--sun-glow:#7c5cffe6;--sun-ray:#c8b4ffe6;--sun-c1:#7c5cffcc;--sun-c2:#ff5ca8b3;--sun-c3:#4cd7ffb3}:root .discovery[data-mode=room]{--cx-a:#16c7a5;--cx-b:#2fa8f0;--cx-c:#7df9b4}:root .discovery[data-mode=hidden]{--cx-a:#8793ab;--cx-b:#5b6478;--cx-c:#a7b0c4}.cosmos{z-index:-1;background:var(--cx-base);pointer-events:none;position:absolute;inset:0;overflow:hidden}.cosmos-bg{background:var(--cx-neb);animation:30s ease-in-out infinite alternate cx-neb;position:absolute;inset:-10%}.cosmos-tint{opacity:0;transition:opacity 1.1s var(--ease);position:absolute;inset:0}.cosmos-tint--room{background:radial-gradient(52% 46% at 50% 55%,#16c7a54d,#0000 72%)}.cosmos-tint--hidden{background:radial-gradient(120% 100% at 50% 55%,#0000 28%,#50468261)}:root[data-theme=dark] .cosmos-tint--hidden{background:radial-gradient(120% 100% at 50% 55%,#0000 28%,#00000cb3)}.discovery[data-mode=room] .cosmos-tint--room,.discovery[data-mode=hidden] .cosmos-tint--hidden{opacity:1}.cosmos-canvas{width:100%;height:100%;position:absolute;inset:0}.hero{text-align:center;pointer-events:none;grid-area:hero;justify-self:center;width:min(720px,100%);padding-top:6px}.hero .link-button{pointer-events:auto;color:var(--cx-a)}.hero-live{border:1px solid var(--cx-line);background:var(--cx-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:5px 13px;font-size:.76rem;font-weight:650;display:inline-flex;box-shadow:0 6px 18px #5a3cc824}.hero-live i{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.8s infinite cx-ping}.hero-live.is-off i{background:var(--warning);animation:none}.hero-title{background:var(--cx-title);color:#0000;letter-spacing:-.035em;min-height:1.1em;filter:drop-shadow(0 0 22px var(--cx-title-glow));-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,4.2vw,3.1rem);font-weight:800;line-height:1.08;animation:7s ease-in-out infinite cx-float}.hero-text{max-width:30rem;color:var(--cx-text,var(--text-muted));animation:fade-up .6s var(--ease) both;margin:12px auto 0;font-size:.98rem;line-height:1.55}.orbit{isolation:isolate;grid-area:orbit;min-height:150px;position:relative}.orbit-list{position:static}.sun{z-index:8;width:var(--sun);height:var(--sun);margin:calc(var(--sun) / -2) 0 0 calc(var(--sun) / -2);color:#fff;cursor:pointer;transform:scale(calc(1 + var(--w,0) * .2));transition:opacity .6s var(--ease), filter .6s var(--ease);-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:absolute;top:50%;left:50%}.sun[data-state=idle]{opacity:.7}.sun[data-state=idle] *{animation-play-state:paused}.sun-corona{background:conic-gradient(from 0deg, transparent, var(--sun-c1), var(--sun-c2), var(--sun-c3), transparent);filter:blur(22px);border-radius:50%;animation:7s linear infinite cx-spin;position:absolute;inset:-40%}.sun-rays{opacity:.4;background:repeating-conic-gradient(from 0deg, var(--sun-ray) 0 2.5deg, transparent 2.5deg 14deg);border-radius:50%;animation:50s linear infinite cx-spin;position:absolute;inset:-75%;-webkit-mask:radial-gradient(circle,#0000 36%,#000 40%,#0000 68%);mask:radial-gradient(circle,#0000 36%,#000 40%,#0000 68%)}.sun-rays--b{opacity:.22;background:repeating-conic-gradient(from 7deg, var(--sun-ray) 0 1.5deg, transparent 1.5deg 9deg);animation-duration:80s;animation-direction:reverse;inset:-92%}:root[data-theme=dark] .sun-rays{opacity:.55}:root[data-theme=dark] .sun-rays--b{opacity:.3}.sun-core{background:radial-gradient(circle at 35% 30%, var(--sun-0) 0, var(--sun-1) 20%, var(--sun-2) 58%, var(--sun-3));box-shadow:0 0 70px var(--sun-glow), inset -12px -16px 28px #0006;border-radius:50%;animation:3.6s ease-in-out infinite cx-breathe;position:absolute;inset:0;overflow:hidden}.sun-core:before{content:"";mix-blend-mode:overlay;background:conic-gradient(#0000,#ffffff8c,#0000 30%,#ffffff4d 55%,#0000 75%);animation:9s linear infinite cx-spin;position:absolute;inset:-30%}.sun svg{z-index:2;filter:drop-shadow(0 0 6px #ffffffe6);position:relative}.discovery[data-mode=room] .sun{filter:hue-rotate(-95deg)saturate(1.15)}:root:not([data-theme=dark]) .discovery[data-mode=room] .sun{filter:hue-rotate(150deg)}.discovery[data-mode=hidden] .sun{opacity:.4;filter:grayscale(.7)blur(1px)}.sun-tag{left:50%;top:calc(50% + var(--sun) / 2 + 12px);z-index:9;border:1px solid var(--cx-line);background:var(--cx-nm);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border-radius:999px;max-width:16ch;padding:4px 13px;font-size:.78rem;font-weight:700;position:absolute;overflow:hidden;transform:translate(-50%)}.peer{--q0:var(--l0);--q1:var(--l1);--glow:var(--lg);width:var(--peer-w);margin:calc(var(--pl) / -2) 0 0 calc(var(--peer-w) / -2);transform-origin:50% calc(var(--pl) / 2);visibility:hidden;will-change:transform, opacity;position:absolute;top:0;left:0}:root[data-theme=dark] .peer{--q0:var(--d0);--q1:var(--d1);--glow:var(--dg)}.peer[data-leaving]{pointer-events:none}.peer[data-c="0"]{--d0:#bfefff;--d1:#2563eb;--dg:#4cd7ffaa;--l0:#a9dcff;--l1:#2f86d6;--lg:#2b85cc88}.peer[data-c="1"]{--d0:#ffd0a8;--d1:#e11d48;--dg:#ff7a59aa;--l0:#ffcfa6;--l1:#df5a3c;--lg:#d9583a88}.peer[data-c="2"]{--d0:#e0d4ff;--d1:#6d28d9;--dg:#a78bfaaa;--l0:#d3c4ff;--l1:#6f4be0;--lg:#6a49e088}.peer[data-c="3"]{--d0:#c8ffe3;--d1:#059669;--dg:#34d399aa;--l0:#b5f0d2;--l1:#16a676;--lg:#0f9a6e88}.peer[data-c="4"]{--d0:#ffd1ea;--d1:#be185d;--dg:#ff5ca8aa;--l0:#ffc0e0;--l1:#d93f8f;--lg:#cc3a8088}.peer-button{width:100%;color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:22px;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.peer-button:disabled{cursor:default}.peer-avatar{width:var(--pl);height:var(--pl);background:radial-gradient(circle at 32% 28%, var(--q0), var(--q1) 72%);box-shadow:inset -9px -11px 20px #00000080, inset 4px 4px 10px #ffffff59, 0 0 34px var(--glow);color:#fff;transition:transform .45s cubic-bezier(.2, 1.8, .4, 1), box-shadow .3s var(--ease);border-radius:50%;place-items:center;margin-bottom:4px;display:grid;position:relative}:root:not([data-theme=dark]) .peer-avatar{box-shadow:inset -8px -10px 18px #46148c4d, inset 5px 5px 11px #ffffffbf, 0 12px 30px var(--glow)}.peer-button:hover .peer-avatar{transform:scale(1.2)rotate(-6deg)}.peer-button.is-selected .peer-avatar{box-shadow:0 0 0 5px var(--cx-chip), 0 0 44px var(--glow);transform:scale(1.12)}.peer-button.is-dragging .peer-avatar{box-shadow:0 0 0 6px var(--cx-chip), 0 0 70px var(--glow);transform:scale(1.4)}.peer-moon{pointer-events:none;border-radius:50%;animation:5s linear infinite cx-spin;position:absolute;inset:-17px}.peer-moon:before{content:"";width:9px;height:9px;box-shadow:0 0 12px var(--glow), 0 0 0 1px #00000014;background:#fff;border-radius:50%;margin-left:-4.5px;position:absolute;top:0;left:50%}.peer-moon:after{content:"";border:1px dashed var(--glow);opacity:.45;border-radius:50%;position:absolute;inset:0}.peer-button.is-busy .peer-moon{animation-duration:.9s}.peer-progress{pointer-events:none;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px;overflow:visible;rotate:-90deg}.peer-progress circle{fill:none;stroke-width:3px}.peer-progress-track{stroke:#0000}.peer-button.is-busy .peer-progress-track{stroke:var(--cx-line)}.peer-progress-bar{stroke:var(--text);stroke-linecap:round;transition:stroke-dashoffset .3s linear}.peer-online{border:2.5px solid var(--cx-base);background:var(--success);border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.peer-name{border:1px solid var(--cx-line);background:var(--cx-nm);text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:border-color .25s var(--ease);border-radius:999px;padding:4px 11px;font-size:.78rem;font-weight:700;overflow:hidden}.peer-button:hover .peer-name{border-color:var(--text)}.peer-where,.peer-status{text-shadow:0 0 6px var(--cx-base), 0 0 2px var(--cx-base)}.peer-where{max-width:100%;color:var(--text-muted);font-size:.68rem;font-weight:600;line-height:1.25}.peer-status{min-height:1.15em;color:var(--text-subtle);font-size:.72rem;font-weight:650}.peer-status--active{color:var(--cx-a)}.peer-status--error{color:var(--error)}.peer-status--active,.peer-status--error,.peer-status--muted{animation:fade-up .25s var(--ease) both}.deck-wrap{z-index:2;max-width:100%;animation:cx-rise .9s .15s var(--ease) both;flex-direction:column;grid-area:deck;justify-self:center;align-items:center;gap:10px;display:flex}.deck{border:1px solid var(--cx-line);background:var(--cx-glass);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);max-width:100%;box-shadow:var(--cx-shadow);isolation:isolate;--px:50%;--py:50%;border-radius:32px;align-items:center;gap:20px;padding:12px 14px;transition:transform .5s cubic-bezier(.2,1.5,.4,1);display:flex;position:relative}.deck:hover{transform:translateY(-4px)}.deck--bump-0{animation:.65s cubic-bezier(.2,1.5,.4,1) cx-bump-a}.deck--bump-1{animation:.65s cubic-bezier(.2,1.5,.4,1) cx-bump-b}.deck:before{content:"";border-radius:inherit;background:conic-gradient(from var(--cx-ang), transparent 0 52%, var(--cx-a) 68%, var(--cx-b) 84%, var(--cx-c) 94%, transparent);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:5s linear infinite cx-edge-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.deck:after{content:"";border-radius:inherit;background:radial-gradient(240px circle at var(--px) var(--py), var(--cx-spot), transparent 65%);opacity:0;transition:opacity .35s var(--ease);pointer-events:none;position:absolute;inset:0}.deck:hover:after{opacity:1}.deck-who{align-items:center;gap:13px;min-width:0;padding-left:2px;display:flex}.deck-avatar{background:linear-gradient(135deg, var(--cx-a), var(--cx-b));width:50px;height:50px;box-shadow:0 10px 26px color-mix(in srgb, var(--cx-a) 55%, transparent), inset 0 1px 0 #fff6;color:#fff;border-radius:17px;flex:none;place-items:center;font-size:1.3rem;font-weight:800;animation:9s ease-in-out infinite cx-morph;display:grid;position:relative}.deck-avatar-letter{animation:.6s cubic-bezier(.2,1.8,.4,1) cx-pop;display:inline-block}.deck-avatar-ring{border:2px solid var(--cx-a);border-radius:inherit;opacity:0;animation:2.8s ease-out infinite cx-avatar-ring;position:absolute;inset:-4px}.deck-avatar-status{border:3px solid var(--cx-base);background:var(--success);width:15px;height:15px;box-shadow:0 0 12px var(--success);transition:background-color .4s var(--ease);border-radius:50%;position:absolute;bottom:-4px;right:-4px}.discovery[data-mode=room] .deck-avatar-status{background:#16c7a5}.discovery[data-mode=hidden] .deck-avatar-status{background:var(--warning);box-shadow:0 0 12px var(--warning)}.discovery[data-mode=hidden] .deck-avatar{filter:saturate(.45)}.deck-label{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;font-size:.66rem;font-weight:700;display:block}.deck-name{min-width:0}.deck-name-row{align-items:center;gap:4px;display:flex}.deck-name-value{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:1.15rem;font-weight:800;overflow:hidden}.deck-name--editing input{border:1px solid var(--cx-a);background:var(--surface);border-radius:10px;width:160px;max-width:100%;padding:5px 11px;font-weight:650}.deck-name-error{color:var(--error);margin-top:4px;font-size:.78rem;display:block}.deck-icon-button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease), transform .35s var(--spring);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.deck-icon-button:hover{background:var(--cx-chip);color:var(--text);transform:rotate(-14deg)scale(1.12)}.deck-icon-button--ok{color:var(--success);background:#34d3992e}.deck-sep{background:linear-gradient(transparent, var(--cx-line), transparent);align-self:stretch;width:1px;margin:4px 0}.deck-vis .deck-label{padding-left:8px}.vis-switch{background:var(--cx-chip);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;display:grid;position:relative}.vis-thumb{width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--i,0) * 100%));transition:transform .55s cubic-bezier(.2,1.25,.3,1);position:absolute;top:4px;bottom:4px;left:4px}.vis-thumb-core{background:linear-gradient(120deg, var(--cx-a), var(--cx-b));box-shadow:0 8px 26px color-mix(in srgb, var(--cx-a) 55%, transparent), inset 0 1px 0 #fff6;border-radius:999px;animation:.6s cubic-bezier(.2,1.2,.3,1) cx-squash;position:absolute;inset:0;overflow:hidden}.vis-thumb-core:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/250% 100%;animation:2.8s linear infinite cx-shimmer;position:absolute;inset:0}.vis-option{z-index:1;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:color .3s var(--ease), transform .35s var(--spring);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:.8rem;font-weight:650;display:flex;position:relative}.vis-option:hover:not(.is-on){color:var(--text);transform:translateY(-2px)}.vis-option:active{transform:scale(.94)}.vis-option.is-on{color:#fff}.vis-option.is-on[data-mode=network] svg{animation:1.8s ease-in-out infinite cx-wifi}.vis-option.is-on[data-mode=room] svg{animation:2.4s ease-in-out infinite cx-wiggle}.vis-option.is-on[data-mode=hidden] svg{animation:2.2s ease-in-out infinite cx-bob}.deck-hint{border:1px solid var(--cx-line);background:var(--cx-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:100%;color:var(--text-muted);animation:fade-up .5s var(--ease) both;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:600;display:flex}.deck-hint-text{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.deck-hint .link-button{color:var(--cx-a)}.deck-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:1.8s infinite cx-ping}.status-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:3px 10px;font-size:.78rem;font-weight:650;display:inline-flex}.status-chip--pending{color:var(--text-muted)}.status-chip--error{color:var(--error)}.status-chip--room{border:1px dashed var(--cx-a);background:var(--cx-chip);color:var(--text);cursor:pointer;transition:background-color .25s var(--ease), color .25s var(--ease), transform .35s var(--spring)}.status-chip--room:hover{background:var(--cx-a);color:#fff;transform:scale(1.05)}.mode-fx{z-index:7;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.mode-wave{border:3px solid var(--cx-a);box-shadow:0 0 70px var(--cx-a), inset 0 0 70px var(--cx-a);border-radius:50%;animation:1.3s cubic-bezier(.15,.7,.2,1) forwards cx-wave;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.mode-wave--room{border:7px double #16c7a5;box-shadow:0 0 70px #16c7a5,inset 0 0 70px #16c7a5}.mode-wave--hidden{border-color:#94a3b8;animation:1s cubic-bezier(.6,0,.4,1) forwards cx-wave-in;box-shadow:0 0 70px #94a3b8,inset 0 0 70px #94a3b8}.mode-flash{background:radial-gradient(circle at 50% 55%, var(--cx-flash), transparent 62%);pointer-events:none;animation:.9s ease-out forwards cx-flash;position:fixed;inset:0}.discovery.is-dragging:after{content:"";z-index:5;box-shadow:inset 0 0 140px 10px var(--cx-a);pointer-events:none;animation:1.1s ease-in-out infinite cx-edge;position:absolute;inset:0}.drop-hint{z-index:6;background:linear-gradient(120deg, var(--cx-a), var(--cx-b));box-shadow:0 0 50px color-mix(in srgb, var(--cx-a) 60%, transparent);color:#fff;opacity:0;transition:opacity .4s var(--ease), transform .5s cubic-bezier(.2, 1.6, .4, 1);pointer-events:none;border-radius:999px;padding:11px 22px;font-size:.9rem;font-weight:700;position:absolute;bottom:190px;left:50%;transform:translate(-50%,40px)scale(.9)}.discovery.is-dragging .drop-hint{opacity:1;transform:translate(-50%)scale(1)}.brand-mark{background:conic-gradient(#7c5cff,#ff5ca8,#4cd7ff,#7c5cff);border-radius:50%;animation:8s linear infinite cx-spin}.brand-mark svg{animation:8s linear infinite reverse cx-spin}.topbar-actions{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 62%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;gap:2px;padding:4px}.topbar-button{border-radius:50%;width:40px;height:40px}.topbar-button:hover{transform:translateY(-2px)}@keyframes cx-spin{to{transform:rotate(360deg)}}@keyframes cx-neb{to{transform:scale(1.15)rotate(4deg)}}@keyframes cx-float{50%{transform:translateY(-5px)}}@keyframes cx-ping{70%{box-shadow:0 0 0 9px #0000}0%{box-shadow:0 0 0 0 var(--success)}to{box-shadow:0 0 #0000}}@keyframes cx-breathe{50%{transform:scale(1.07)}}@keyframes cx-rise{0%{opacity:0;transform:translateY(34px)scale(.96)}}@keyframes cx-morph{0%,to{border-radius:17px}33%{border-radius:50% 32%}66%{border-radius:32% 50%}}@keyframes cx-avatar-ring{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.4)}}@keyframes cx-pop{0%{transform:scale(0)rotate(-120deg)}}@keyframes cx-edge-spin{0%{--cx-ang:0deg}to{--cx-ang:360deg}}@keyframes cx-bump-a{30%{transform:scale(1.045,.95)}62%{transform:scale(.99,1.025)}}@keyframes cx-bump-b{30%{transform:scale(1.045,.95)}62%{transform:scale(.99,1.025)}}@keyframes cx-squash{30%{transform:scale(1.14,.84)}65%{transform:scale(.96,1.08)}}@keyframes cx-shimmer{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes cx-wifi{50%{transform:scale(1.25)}}@keyframes cx-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-16deg)}75%{transform:rotate(16deg)}}@keyframes cx-bob{50%{transform:translateY(-3px)}}@keyframes cx-wave{0%{opacity:.9;width:40px;height:40px}to{opacity:0;width:240vmax;height:240vmax}}@keyframes cx-wave-in{0%{opacity:0;width:240vmax;height:240vmax}60%{opacity:.9}to{opacity:0;width:30px;height:30px}}@keyframes cx-flash{0%{opacity:.9}to{opacity:0}}@keyframes cx-edge{50%{box-shadow:inset 0 0 220px 30px var(--cx-b)}}@media (prefers-reduced-motion:reduce){.cosmos-bg,.hero-title,.hero-live i,.deck:before,.deck-avatar,.deck-avatar-ring,.deck-dot,.brand-mark,.brand-mark svg,.sun *,.peer-moon,.vis-thumb-core:after,.vis-option.is-on svg{animation:none!important}}@media (width<=640px){.discovery{--header-h:60px;--pl:60px;--peer-w:104px;--sun:76px;padding:calc(var(--header-h) + 2px) 12px 14px}.hero-title{font-size:1.5rem}.hero-text{font-size:.9rem}.deck{border-radius:26px;flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:14px 16px}.deck-wrap{width:100%}.deck-sep{display:none}.deck-vis .deck-label{padding-left:0}.vis-option{padding:9px 6px;font-size:.75rem}.drop-hint{bottom:230px}}@media (height<=520px) and (orientation:landscape){.discovery{--pl:52px;--sun:64px;padding-bottom:10px}.hero-live,.hero-text,.peer-where{display:none}.deck{padding:8px 12px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-50:#f9fafb;--color-gray-100:#f2f4f7;--color-gray-200:#e4e7ec;--color-gray-300:#d0d5dd;--color-gray-400:#98a2b3;--color-gray-500:#667085;--color-gray-600:#475467;--color-gray-700:#344054;--color-gray-800:#1d2939;--color-gray-900:#101828;--color-gray-950:#0c111d;--color-white:#fff;--spacing:.25rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-brand-50:#ecf3ff;--color-brand-300:#9cb9ff;--color-brand-400:#7592ff;--color-brand-500:#465fff;--color-brand-600:#3641f5;--color-success-50:#ecfdf3;--color-success-500:#12b76a;--color-success-600:#039855;--color-error-50:#fef3f2;--color-error-500:#f04438;--color-error-600:#d92d20;--color-warning-50:#fffaeb;--color-warning-500:#f79009;--color-warning-600:#dc6803}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-3\.5{left:calc(var(--spacing) * 3.5)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[100\]{z-index:100}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-\[15vh\]{margin-top:15vh}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-full{width:100%;height:100%}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-dvh{height:100dvh}.h-px{height:1px}.max-h-\[70vh\]{max-height:70vh}.min-h-dvh{min-height:100dvh}.w-8{width:calc(var(--spacing) * 8)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-14{max-width:calc(var(--spacing) * 14)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-\[640px\]{min-width:640px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-brand-500\/30{border-color:#465fff4d}@supports (color:color-mix(in lab, red, red)){.border-brand-500\/30{border-color:color-mix(in oklab, var(--color-brand-500) 30%, transparent)}}.border-current{border-color:currentColor}.border-error-500{border-color:var(--color-error-500)}.border-error-500\/30{border-color:#f044384d}@supports (color:color-mix(in lab, red, red)){.border-error-500\/30{border-color:color-mix(in oklab, var(--color-error-500) 30%, transparent)}}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-success-500\/30{border-color:#12b76a4d}@supports (color:color-mix(in lab, red, red)){.border-success-500\/30{border-color:color-mix(in oklab, var(--color-success-500) 30%, transparent)}}.border-r-transparent{border-right-color:#0000}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-500{background-color:var(--color-error-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900\/50{background-color:#10182880}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/50{background-color:color-mix(in oklab, var(--color-gray-900) 50%, transparent)}}.bg-success-50{background-color:var(--color-success-50)}.bg-transparent{background-color:#0000}.bg-warning-50{background-color:var(--color-warning-50)}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.stroke-gray-100{stroke:var(--color-gray-100)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-brand-500{color:var(--color-brand-500)}.text-error-600{color:var(--color-error-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-success-600{color:var(--color-success-600)}.text-warning-600{color:var(--color-warning-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow-theme-lg{--tw-shadow:0 12px 16px -4px var(--tw-shadow-color,#10182814), 0 4px 6px -2px var(--tw-shadow-color,#10182808);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-theme-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#1018281a), 0 1px 2px 0 var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-theme-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ring-inset{--tw-ring-inset:inset}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}@media (hover:hover){.hover\:bg-brand-600:hover{background-color:var(--color-brand-600)}.hover\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/70:hover{background-color:#f9fafbb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-50\/70:hover{background-color:color-mix(in oklab, var(--color-gray-50) 70%, transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-brand-500:hover{color:var(--color-brand-500)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-brand-300:focus{border-color:var(--color-brand-300)}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}.sm\:p-8{padding:calc(var(--spacing) * 8)}}@media (width>=48rem){.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width>=64rem){.lg\:ml-20{margin-left:calc(var(--spacing) * 20)}.lg\:ml-72{margin-left:calc(var(--spacing) * 72)}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-20{width:calc(var(--spacing) * 20)}.lg\:w-72{width:calc(var(--spacing) * 72)}.lg\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:justify-center{justify-content:center}.lg\:px-0{padding-inline:0}}@media (width>=80rem){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:where(.dark\:divide-gray-800:where([data-theme=dark],[data-theme=dark] *)>:not(:last-child)){border-color:var(--color-gray-800)}.dark\:border-gray-700:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-gray-700)}.dark\:border-gray-800:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-gray-800)}.dark\:bg-brand-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#465fff26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-brand-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-brand-500) 15%, transparent)}}.dark\:bg-error-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#f0443826}@supports (color:color-mix(in lab, red, red)){.dark\:bg-error-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-error-500) 15%, transparent)}}.dark\:bg-gray-800:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-800)}.dark\:bg-gray-900:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-900)}.dark\:bg-gray-900\/95:where([data-theme=dark],[data-theme=dark] *){background-color:#101828f2}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-900\/95:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-gray-900) 95%, transparent)}}.dark\:bg-gray-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-950)}.dark\:bg-success-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#12b76a26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-success-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-success-500) 15%, transparent)}}.dark\:bg-warning-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#f7900926}@supports (color:color-mix(in lab, red, red)){.dark\:bg-warning-500\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-warning-500) 15%, transparent)}}.dark\:bg-white\/5:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/\[0\.03\]:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.03\]:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:stroke-gray-800:where([data-theme=dark],[data-theme=dark] *){stroke:var(--color-gray-800)}.dark\:text-brand-400:where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-400)}.dark\:text-error-500:where([data-theme=dark],[data-theme=dark] *){color:var(--color-error-500)}.dark\:text-gray-200:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-200)}.dark\:text-gray-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-300)}.dark\:text-gray-400:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-400)}.dark\:text-success-500:where([data-theme=dark],[data-theme=dark] *){color:var(--color-success-500)}.dark\:text-warning-500:where([data-theme=dark],[data-theme=dark] *){color:var(--color-warning-500)}.dark\:text-white\/90:where([data-theme=dark],[data-theme=dark] *){color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/90:where([data-theme=dark],[data-theme=dark] *){color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.dark\:ring-gray-700:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color:var(--color-gray-700)}.dark\:placeholder\:text-white\/30:where([data-theme=dark],[data-theme=dark] *)::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.dark\:placeholder\:text-white\/30:where([data-theme=dark],[data-theme=dark] *)::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-white\/5:where([data-theme=dark],[data-theme=dark] *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:bg-white\/\[0\.02\]:where([data-theme=dark],[data-theme=dark] *):hover{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/\[0\.02\]:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}}.tw-admin{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}.tw-admin button:not(:disabled),.tw-admin [role=button]{cursor:pointer}.tw-admin button:disabled{cursor:not-allowed}.tw-admin a{color:inherit;text-decoration:none}.tw-admin table{border-collapse:collapse}.tw-admin :focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px;box-shadow:none}.tw-admin input,.tw-admin select{box-shadow:none}.tw-admin dialog::backdrop{background:#0c111d99}@keyframes tw-spin{to{transform:rotate(360deg)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}