:root{--bg:#0e1013;--panel:#161a1f;--panel-2:#1d2228;--line:#2a3038;--text:#e8eaed;--muted:#9aa3ad;--accent:#9373c5;--accent-ink:#150d24;--live:#ff4d4f;--ok:#3ccf91;--warn:#f5a524;--err:#ff6b6b;--radius:10px;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;color:var(--text);background:var(--bg);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:20px}h2{margin:0 0 12px;font-size:15px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:13px}p.lead{color:var(--muted);max-width:70ch;margin:0 0 20px}code,.mono{font-family:var(--mono);font-size:12.5px}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.app.popout{grid-template-columns:1fr}.app.popout nav.side{display:none}nav.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:2px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 18px;font-size:16px;font-weight:800;display:flex}.brand .logo{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);border-radius:7px;place-items:center;font-weight:900;display:grid}nav.side a{color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;text-decoration:none;display:flex}nav.side a.active{background:var(--panel-2);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}nav.side .spacer{flex:1}main{min-width:0;padding:24px 28px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.grid{gap:16px;display:grid}.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.live-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}.editor-grid{grid-template-columns:240px minmax(0,1fr)}@media (width<=1100px){.live-grid,.cols-2,.editor-grid,.app{grid-template-columns:1fr}nav.side{flex-flow:wrap;height:auto;position:static}.brand{padding-bottom:4px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card+.card{margin-top:0}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.small{font-size:12px}button,.btn{font:inherit;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.primary:hover{filter:brightness(1.08)}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover{color:var(--text);background:var(--panel-2)}button.small{padding:4px 8px;font-size:12px}button.on{background:var(--live);border-color:var(--live);color:#fff}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:7px 10px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:0;border-color:#0000}input[type=color]{width:48px;height:34px;padding:2px}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}.row input[type=number]{width:90px}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}label.check{align-items:center;gap:8px;font-weight:600;display:flex}.fields{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.badge{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.badge.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.badge.err{color:var(--err);border-color:color-mix(in srgb, var(--err) 40%, transparent)}.badge.live{color:#fff;background:var(--live);border-color:var(--live)}.dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.feed{flex-direction:column;display:flex}.feed-row{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 6px;display:grid}.feed-row .icon{background:var(--panel-2);border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.feed-row .title{font-weight:650}.feed-row .msg{color:var(--muted);overflow-wrap:anywhere;margin-top:2px}.feed-row .why{color:var(--muted);margin-top:4px;font-size:11.5px}.feed-row .actions{opacity:.55;gap:4px;display:flex}.feed-row:hover .actions{opacity:1}.queue-now{border:1px dashed var(--line);border-radius:8px;min-height:44px;padding:10px 12px}.queue-list{color:var(--muted);margin:8px 0 0;padding-left:18px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}tr.disabled td{opacity:.5}.list-item{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;padding:9px 10px;font-weight:600;display:block}.preview-frame{aspect-ratio:16/9;border:1px solid var(--line);background:repeating-conic-gradient(#20252b 0% 25%,#1a1e23 0% 50%) 50%/24px 24px;border-radius:8px;width:100%;position:relative;overflow:hidden}.preview-stage{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0}.modal-backdrop{z-index:50;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(900px,100%);max-height:88vh;padding:18px;overflow:auto}.toast{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--accent);z-index:60;border-radius:8px;max-width:420px;padding:10px 14px;position:fixed;bottom:20px;right:20px}.toast.err{border-left-color:var(--err)}.giphy-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.giphy-grid button{aspect-ratio:1;background:#000;border-radius:8px;padding:0;overflow:hidden}.giphy-grid img{object-fit:contain;width:100%;height:100%}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.media-tile{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.media-tile .thumb{aspect-ratio:1;background:#000;place-items:center;display:grid}.media-tile .thumb img,.media-tile .thumb video{max-width:100%;max-height:100%}.media-tile .meta{justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.media-tile.selectable{cursor:pointer}.login{place-items:center;min-height:100vh;display:grid}.login .card{width:340px}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:8px;padding:24px}.cond{grid-template-columns:1.2fr 1fr 1fr 1fr auto;align-items:center;gap:6px;display:grid}.url-box{gap:6px;display:flex}.url-box input{font-family:var(--mono);font-size:12px}.section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.section-head{border-radius:var(--radius);width:100%;color:var(--text);background:0 0;border:0;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.section-body{padding:4px 14px 14px}textarea.code{font-family:var(--mono);tab-size:2;font-size:12.5px;line-height:1.5}.ab-grid{grid-template-columns:250px minmax(0,1fr);gap:16px;display:grid}@media (width<=1100px){.ab-grid{grid-template-columns:1fr}}.ab-nav{flex-direction:column;align-self:start;gap:2px;display:flex;position:sticky;top:16px}.ab-nav .grp{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 10px 4px;font-size:11.5px}.ab-nav button.item{text-align:left;background:0 0;border:1px solid #0000;justify-content:flex-start;width:100%;padding:7px 10px;font-weight:600}.ab-nav button.item.active{background:var(--panel-2);border-color:var(--line);box-shadow:inset 3px 0 0 var(--accent)}.ab-nav button.sub{color:var(--muted);padding-left:26px;font-weight:500}.ab-nav button.sub.active{color:var(--text)}.ab-nav button.add{color:var(--accent);background:0 0;border:0;padding-left:26px;font-size:12.5px;font-weight:500}.ab-nav .off{opacity:.45}.ab-top{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;display:grid}@media (width<=900px){.ab-top{grid-template-columns:1fr}}.dropdown{position:relative}.dropdown>button{white-space:nowrap}.dropdown-menu{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:240px;max-height:60vh;padding:6px;position:absolute;top:calc(100% + 4px);right:0;overflow:auto;box-shadow:0 10px 30px #0006}.dropdown-menu .grp{color:var(--muted);text-transform:uppercase;padding:6px 8px 2px;font-size:11px}.dropdown-menu button,.dropdown-menu label{background:0 0;border:0;border-radius:6px;gap:8px;width:100%;padding:6px 8px;font-weight:500;display:flex}.held{border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);background:color-mix(in srgb, var(--warn) 7%, transparent);border-radius:8px;padding:8px 10px}.widgets-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.widgets-layout{grid-template-columns:1fr}}.widget-type{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.widget-preview{border:1px solid var(--line);background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25% 75%,#ffffff0a 75%),linear-gradient(45deg,#ffffff0a 25%,#0000 25% 75%,#ffffff0a 75%);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:8px;position:relative;overflow:hidden}.widget-preview iframe{transform-origin:0 0;background:0 0;border:0;position:absolute;top:0;left:0}.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.split>.col{flex-direction:column;gap:12px;min-width:0;display:flex}.split>.col.aside{scrollbar-width:thin;scrollbar-gutter:stable;max-height:calc(100vh - 32px);position:sticky;top:16px;overflow-y:auto}.split-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.preview-card{padding:12px}.preview-card h3{margin-bottom:8px}@media (width<=1100px){.split{grid-template-columns:1fr}.split>.col.aside{order:-1;max-height:none;position:static;overflow:visible}}.device-code{font:800 34px/1.1 var(--mono);letter-spacing:.18em;text-align:center;background:var(--bg);border:1px dashed var(--accent);-webkit-user-select:all;user-select:all;border-radius:10px;padding:14px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.preview-frame.portrait{aspect-ratio:9/16;width:auto;max-width:100%;height:min(560px,70vh);margin:0 auto}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:4px 10px;font-size:12.5px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent);color:var(--accent-ink)}.fx-field{border:1px dashed color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:8px;margin-top:12px;padding:12px}.fx-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-height:66vh;padding-right:4px;display:grid;overflow-y:auto}.fx-card{text-align:left;white-space:normal;flex-direction:column;align-items:stretch;gap:4px;padding:8px;display:flex}.fx-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent)}.fx-thumb{pointer-events:none}.fx-thumb .preview-frame{border-radius:6px}.fx-none{aspect-ratio:16/9;color:var(--muted);background:#14161a;border-radius:6px;place-items:center;display:grid}.instants-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-height:60vh;padding:4px;display:grid;overflow-y:auto}.instant{background:var(--panel-2,#ffffff08);border:1px solid var(--line);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex}.instant-btn{--c:red;color:#fff;cursor:pointer;text-align:center;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 55%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 65%, #000));width:64px;height:64px;box-shadow:0 5px 0 color-mix(in srgb, var(--c) 50%, #000), 0 7px 10px #0006;text-shadow:0 1px 2px #0009;border:0;border-radius:50%;place-items:center;padding:0;font-size:20px;line-height:1;transition:transform 80ms,box-shadow 80ms;display:grid}.instant-btn:active,.instant-btn.playing{box-shadow:0 1px 0 color-mix(in srgb, var(--c) 50%, #000), 0 2px 4px #0006;transform:translateY(4px)}.instant-name{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;height:2.6em;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}button.btn-test{color:#fff;letter-spacing:.01em;background:linear-gradient(#a68ad6 0%,#9373c5 55%,#7f5fb4 100%);border:1px solid #7f5fb4;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #9373c573}button.btn-test:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 3px 16px #9373c599}button.btn-test:disabled{opacity:.75;cursor:progress}button.btn-test.block{width:100%;padding-block:10px}.preview-tools{align-items:center;gap:8px;display:flex}.sound-blocked-hint{color:var(--accent);margin:6px 0 0;font-size:12px}.chat-feed{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:420px;margin:0 -6px;display:flex;overflow-y:auto}.chat-line{border-radius:8px;align-items:flex-start;gap:10px;padding:7px 6px;display:flex}.chat-dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.chat-line .chat-actions{opacity:0;flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:45%;transition:opacity .15s;display:flex}.chat-line:hover .chat-actions,.chat-line:focus-within .chat-actions{opacity:1}.project-switch{margin:0 0 10px;position:relative}.project-switch-btn{text-align:left;justify-content:flex-start;gap:10px;width:100%;padding:8px 10px}.project-switch-txt{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.project-switch-txt small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10.5px;font-weight:600}.project-switch-txt b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-menu{width:100%;min-width:220px;left:0;right:auto}.project-menu button{align-items:center}.project-menu button.active{background:var(--panel-2)}nav.side a.nav-projects{margin-bottom:8px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.project-card{border-top:3px solid var(--pc,var(--accent));flex-direction:column;gap:12px;min-height:200px;display:flex}.project-card.current{box-shadow:0 0 0 1px color-mix(in srgb, var(--pc) 45%, transparent)}.project-new{text-align:center;border-style:dashed;border-top:1px dashed var(--line);color:var(--text);white-space:normal;background:0 0;justify-content:center;align-items:center;font-weight:600}.project-new:hover{border-color:var(--accent)}.color-swatch{border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0}.color-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg)}@font-face{font-family:IBM Plex Sans;src:url(/assets/ibm-plex-sans-var-DnTirzvz.woff2)format("woff2-variations"),url(/assets/ibm-plex-sans-var-DnTirzvz.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-400-Bcepa0Tx.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-500-rBJ6Nj2u.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-600-BVHh_lO2.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/barlow-condensed-600-c6aHIUtO.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/barlow-condensed-700-BhYyfSa5.woff2)format("woff2");font-weight:700 900;font-style:normal;font-display:swap}:root{--fb-bg:#000;--fb-bg-2:#08080a;--fb-surface:#111114;--fb-surface-2:#18181c;--fb-surface-3:#222228;--fb-border:#1f1f25;--fb-border-2:#2c2c34;--fb-text:#f4f4f6;--fb-text-2:#b4b4bf;--fb-muted:#7c7c88;--fb-accent:#8b5cf6;--fb-accent-2:#a78bfa;--fb-green:#22c55e;--fb-green-text:#4ade80;--fb-yellow:#facc15;--fb-red:#ef4444;--fb-red-text:#f87171;--card-bg:linear-gradient(180deg, #0f0f13 0%, #0a0a0d 100%);--card-border:#1c1c23;--hover-border:#2c2c36;--glass:#0b0b0eb8;--ring:0 0 0 3px color-mix(in srgb, var(--fb-accent) 30%, transparent);--elev-1:0 1px 0 #ffffff08 inset, 0 8px 24px -12px #0009;--elev-2:0 1px 0 #ffffff0a inset, 0 24px 60px -20px #000000bf;--accent-grad:linear-gradient(135deg, #9b6cff 0%, #7c3aed 100%);--font:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-cond:"Barlow Condensed", "Oswald", "Arial Narrow", "Roboto Condensed", sans-serif;--bg:var(--fb-bg);--panel:var(--fb-surface);--panel-2:var(--fb-surface-2);--line:var(--fb-border-2);--text:var(--fb-text);--muted:var(--fb-muted);--accent:var(--fb-accent);--accent-ink:#fff;--live:var(--fb-red);--ok:var(--fb-green-text);--warn:var(--fb-yellow);--err:var(--fb-red-text);--radius:16px;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased}body{background:radial-gradient(1200px 500px at 85% -10%, color-mix(in srgb, var(--fb-accent) 9%, transparent), transparent 70%), var(--fb-bg);background-attachment:fixed}::selection{background:color-mix(in srgb, var(--fb-accent) 45%, transparent)}*{scrollbar-width:thin;scrollbar-color:var(--fb-border-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--fb-border-2);background-clip:padding-box;border:2px solid #0000;border-radius:99px}a{color:var(--fb-accent-2)}h1{font-family:var(--font-cond);letter-spacing:.015em;text-transform:uppercase;font-size:32px;font-weight:700;line-height:1.05}h2{font-family:var(--font-cond);letter-spacing:.02em;text-transform:uppercase;font-size:21px;font-weight:700}h3{font-family:var(--font);letter-spacing:.12em;color:var(--fb-text-2);font-size:11.5px;font-weight:600}p.lead{color:var(--fb-text-2)}.muted{color:var(--fb-muted)}nav.side{background:var(--glass);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border-right-color:var(--fb-border)}.brand{font-family:var(--font-cond);letter-spacing:.03em;text-transform:uppercase;font-size:20px;font-weight:700}.brand .logo{background:var(--accent-grad);color:#fff;width:34px;height:34px;font-family:var(--font-cond);box-shadow:0 6px 18px -6px color-mix(in srgb, var(--fb-accent) 70%, transparent), inset 0 1px 0 #ffffff40;border-radius:10px;flex:none}nav.side a{color:var(--fb-text-2);border:1px solid #0000;border-radius:10px;font-weight:500;transition:background .15s,color .15s,border-color .15s}nav.side a:hover{background:var(--fb-surface);color:var(--fb-text)}nav.side a.active{background:var(--fb-surface);color:var(--fb-text);border-color:var(--fb-border);box-shadow:0 1px 2px #00000059, inset 0 1px 0 #ffffff0a, inset 3px 0 0 var(--fb-accent)}.card,.section{background:var(--card-bg);border-color:var(--card-border);box-shadow:var(--elev-1)}.section-head{border-radius:16px}.section-head:hover{background:color-mix(in srgb, var(--fb-surface-2) 60%, transparent)}.empty{border-color:var(--fb-border-2);color:var(--fb-muted);border-radius:16px}button,.btn{background:var(--fb-surface-2);color:var(--fb-text);border-color:#0000;border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s,transform 80ms;box-shadow:inset 0 1px #ffffff0a}button:hover{background:var(--fb-surface-3);border-color:#0000}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{box-shadow:var(--ring);outline:none}button.primary,button.btn-test{background:var(--accent-grad);color:#fff;box-shadow:0 6px 18px -8px color-mix(in srgb, var(--fb-accent) 80%, transparent), inset 0 1px 0 #fff3;border-color:#0000}button.primary:hover,button.btn-test:hover:not(:disabled){filter:none;background:linear-gradient(135deg,#a77dff 0%,#8547f0 100%)}button.danger{color:var(--fb-red-text)}button.ghost{box-shadow:none;color:var(--fb-text-2);background:0 0}button.ghost:hover{background:var(--fb-surface-2);color:var(--fb-text)}button.on{background:var(--fb-red);color:#fff;box-shadow:0 6px 18px -8px color-mix(in srgb, var(--fb-red) 80%, transparent), inset 0 1px 0 #fff3;border-color:#0000}button.sound-toggle.active{color:var(--fb-accent-2);background:color-mix(in srgb, var(--fb-accent) 18%, var(--fb-surface-2));border-color:color-mix(in srgb, var(--fb-accent) 40%, transparent)}input,select,textarea{background:color-mix(in srgb, var(--fb-surface) 85%, transparent);border-color:var(--fb-border-2);border-radius:10px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:var(--hover-border)}input:focus,select:focus,textarea:focus{border-color:var(--fb-accent);box-shadow:var(--ring);outline:none}input[type=range]{accent-color:var(--fb-accent);box-shadow:none;background:0 0}input[type=color]{border-radius:8px}label.field{color:var(--fb-text-2);font-weight:500}input[type=checkbox]{appearance:none;background:var(--fb-surface-3);cursor:pointer;vertical-align:middle;border:0;border-radius:99px;flex:none;width:34px;height:20px;margin:0;padding:0;transition:background .15s;position:relative}input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0006}input[type=checkbox]:checked{background:var(--fb-accent)}input[type=checkbox]:checked:after{transform:translate(14px)}input[type=checkbox]:focus-visible{box-shadow:var(--ring)}input[type=checkbox]:disabled{opacity:.45;cursor:default}input[type=radio]{accent-color:var(--fb-accent)}.badge{letter-spacing:.05em;text-transform:uppercase;background:var(--fb-surface-3);color:var(--fb-text-2);border-color:#0000;font-size:10.5px;font-weight:600}.badge.ok{color:var(--fb-green-text);background:color-mix(in srgb, var(--fb-green) 15%, transparent)}.badge.warn{color:var(--fb-yellow);background:color-mix(in srgb, var(--fb-yellow) 14%, transparent)}.badge.err{color:var(--fb-red-text);background:color-mix(in srgb, var(--fb-red) 18%, transparent)}.badge.live{color:var(--fb-red-text);background:color-mix(in srgb, var(--fb-red) 20%, transparent)}.chip{border-color:var(--fb-border-2);color:var(--fb-text-2);box-shadow:none;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--fb-text);border-color:var(--fb-muted);background:0 0}.chip.active{background:var(--fb-text);color:var(--fb-bg);border-color:var(--fb-text)}.seg{background:color-mix(in srgb, var(--fb-surface-2) 70%, transparent);border-color:var(--fb-border);border-radius:10px}.seg button{box-shadow:none;color:var(--fb-text-2);background:0 0;border-radius:7px}.seg button+button{border-left-color:#0000}.seg button.on{background:var(--fb-surface);color:var(--fb-text);box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff0a}th{font-family:var(--font-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--fb-text-2);border-bottom-color:var(--fb-border);font-size:14px;font-weight:700}td{border-bottom-color:var(--fb-border)}.ab-nav .grp,.dropdown-menu .grp{letter-spacing:.1em;color:var(--fb-muted);font-size:10.5px;font-weight:700}.ab-nav button.item{box-shadow:none;color:var(--fb-text-2);font-weight:500}.ab-nav button.item:hover{background:var(--fb-surface);color:var(--fb-text)}.ab-nav button.item.active{background:var(--fb-surface);color:var(--fb-text);border-color:var(--fb-border);box-shadow:0 1px 2px #00000059, inset 3px 0 0 var(--fb-accent)}.ab-nav button.add{color:var(--fb-accent-2);box-shadow:none}.list-item.active{background:var(--fb-surface);border-color:var(--fb-border)}.feed-row{border-bottom-color:var(--fb-border)}.feed-row.unread{background:color-mix(in srgb, var(--fb-accent) 6%, transparent)}.feed-row .icon{background:var(--fb-surface-2);border-radius:9px}.feed-row .title b{color:var(--fb-accent-2)}.widget-type{background:color-mix(in srgb, var(--fb-surface-2) 60%, transparent);border:1px solid var(--fb-border)}.widget-type:hover{border-color:var(--hover-border);background:var(--fb-surface-2)}.queue-now,.held{border-radius:12px}.dropdown-menu{background:color-mix(in srgb, var(--fb-surface) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--fb-border-2);box-shadow:var(--elev-2);border-radius:14px}.dropdown-menu button,.dropdown-menu label{box-shadow:none;border-radius:9px}.dropdown-menu button:hover,.dropdown-menu label:hover{background:var(--fb-surface-2)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);background:#0000008c}.modal{background:var(--card-bg);border-color:var(--fb-border-2);box-shadow:var(--elev-2);border-radius:22px;animation:.2s cubic-bezier(.2,.8,.2,1) ffb-modalin}@keyframes ffb-modalin{0%{opacity:0;transform:translateY(10px)scale(.985)}}.toast{background:color-mix(in srgb, var(--fb-surface) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--fb-green) 45%, transparent);box-shadow:var(--elev-2);border-radius:12px;font-weight:500}.toast.err{border-color:color-mix(in srgb, var(--fb-red) 55%, transparent)}.preview-frame{border-color:var(--fb-border);background:repeating-conic-gradient(#141418 0% 25%,#0e0e11 0% 50%) 50%/24px 24px;border-radius:12px}.widget-preview{border-color:var(--fb-border);border-radius:12px}.media-tile,.instant{background:var(--fb-surface);border-color:var(--fb-border);border-radius:12px}.media-tile.selectable:hover{border-color:var(--fb-accent)}.fx-field{border-color:color-mix(in srgb, var(--fb-accent) 55%, transparent);background:color-mix(in srgb, var(--fb-accent) 7%, transparent);border-radius:12px}.fx-card{background:var(--fb-surface);border:1px solid var(--fb-border)}.fx-card:hover{border-color:var(--hover-border);background:var(--fb-surface-2)}.fx-card.active{border-color:var(--fb-accent)}.device-code{background:var(--fb-bg-2);border-color:var(--fb-accent);border-radius:12px}.chat-line:hover{background:var(--fb-surface-2)}.sound-blocked-hint{color:var(--fb-accent-2)}.login{background:radial-gradient(1200px 600px at 50% -10%, color-mix(in srgb, var(--fb-accent) 22%, transparent), transparent), var(--fb-bg)}.instant-btn:hover{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 55%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 65%, #000));filter:brightness(1.08)}.brand-name{flex-direction:column;line-height:1;display:flex}.brand-name b{font-family:var(--font-cond);letter-spacing:.03em;font-size:18px;font-weight:700}.brand-name span{font-family:var(--font);letter-spacing:.22em;color:var(--fb-accent-2);margin-top:3px;font-size:10.5px;font-weight:600}.userbox{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;flex-direction:column;gap:10px;margin:8px 0 10px;padding:12px;display:flex}.userbox-who{align-items:center;gap:10px;min-width:0;display:flex}.userbox .avatar{width:32px;height:32px;color:var(--fb-accent-2);background:color-mix(in srgb, var(--fb-accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fb-accent) 45%, transparent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.userbox-txt{flex-direction:column;min-width:0;line-height:1.25;display:flex}.userbox-txt b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.userbox-txt span{letter-spacing:.12em;text-transform:uppercase;color:var(--fb-accent-2);font-size:10.5px;font-weight:600}.userbox-actions{flex-wrap:wrap;gap:6px;display:flex}.userbox-actions>*{text-align:center;white-space:nowrap;flex:1;justify-content:center}.login-card{width:min(380px,100%)}.login-card .brand{justify-content:center;padding-bottom:6px}.login-card .login-portal{justify-content:center;padding:11px 14px}.userbox a.btn{padding:4px 8px;font-size:12px;text-decoration:none}.userbox a.btn:hover{background:var(--fb-surface-3);color:var(--fb-text)}