:root{--bg:#0e0e10;--surface:#18181b;--surface-2:#1f1f23;--border:#2f2f35;--text:#efeff1;--muted:#adadb8;--footnote:#7d7d8a;--accent:#9147ff;--accent-hover:#772ce8;--ok:#00c07f;--danger:#f43f5e;--premium:#ffcf3f;--premium-deep:#e0a010;--radius:8px}:root[data-theme=light]{--bg:#f6f6f8;--surface:#fff;--surface-2:#f0f0f3;--border:#e3e3e9;--text:#101013;--footnote:#86868f;--muted:#57575f;--accent:#772ce8;--accent-hover:#6320c4;--ok:#048a5f;--danger:#e11d48;--premium:#b57e11;--premium-deep:#8a5d00}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:var(--accent)}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.2rem}p{margin:0 0 1rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 45%, transparent) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 42%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 55%, var(--muted));background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-corner{background:0 0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem 1.25rem;display:flex}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:.5rem;margin-right:auto;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.brand:hover{opacity:.8}.brand-name span{color:var(--accent)}.brand-mark{flex:none;width:1.5rem;height:1.5rem}.hero-mark{width:clamp(3.25rem,8vw,4.25rem);height:clamp(3.25rem,8vw,4.25rem);filter:drop-shadow(0 8px 22px color-mix(in srgb, var(--accent) 45%, transparent));margin:0 auto .35rem;display:block}.topbar-user{position:relative}.user-button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.28rem .55rem .28rem .3rem;transition:background .15s,border-color .15s;display:inline-flex}.topbar-user .user-button:hover{background:var(--surface);border-color:color-mix(in srgb, var(--text) 22%, var(--border))}.topbar-user .user-button[aria-expanded=true]{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.user-caret{width:1rem;height:1rem;color:var(--muted);flex:none;transition:transform .15s}.user-button[aria-expanded=true] .user-caret{color:var(--text);transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.user-caret{transition:none}}.avatar{object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:50%;flex:none;width:2.1rem;height:2.1rem}.avatar-fallback{color:#fff;background:linear-gradient(145deg, var(--accent), var(--accent-hover));border:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.user-meta{flex-direction:column;line-height:1.15;display:flex}.user-name{color:var(--text);font-size:.9rem;font-weight:600}.user-followers{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.user-plan{align-items:center;display:inline-flex}.user-plan-mark{width:1.05rem;height:1.05rem;filter:drop-shadow(0 1px 4px color-mix(in srgb, var(--premium) 50%, transparent));flex:none}.user-menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(19rem,100vw - 2rem);padding:.4rem;animation:.14s menu-in;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 18px 44px -14px #000000a6,0 2px 10px #0000004d}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu-head{align-items:center;gap:.6rem;padding:.5rem .55rem .65rem;display:flex}.user-menu-avatar{object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:50%;flex:none;width:2.6rem;height:2.6rem;font-size:1.15rem}.user-menu-id{flex-direction:column;min-width:0;line-height:1.2;display:flex}.user-menu-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.user-menu-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.user-menu-premium{flex:none;width:1.2rem;height:1.2rem;margin-left:auto}.user-menu-divider{background:var(--border);height:1px;margin:.3rem}.user-menu-section{padding:.4rem .55rem .55rem}.user-menu-label{letter-spacing:.06em;text-transform:uppercase;color:var(--footnote);margin-bottom:.45rem;font-size:.7rem;font-weight:700;display:block}.theme-seg{background:var(--bg);border:1px solid var(--border);border-radius:11px;gap:2px;padding:3px;display:flex}.theme-seg .theme-opt{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.42rem .25rem;font-size:.78rem;font-weight:600;transition:color .15s,background .15s,box-shadow .15s;display:inline-flex}.theme-seg .theme-opt svg{flex:none;width:.95rem;height:.95rem}.theme-seg .theme-opt:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.theme-seg .theme-opt.is-on{color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-hover));box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px 0 #ffffff2e}.user-menu-links{flex-direction:column;padding:.1rem;display:flex}.user-menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .6rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.user-menu-item svg{width:1.05rem;height:1.05rem;color:var(--muted);flex:none}.user-menu-item:hover{background:var(--surface-2)}.user-menu-item.is-signout,.user-menu-item.is-signout svg{color:var(--danger)}.user-menu-item.is-signout:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.user-menu-signout{padding:.1rem}@media (prefers-reduced-motion:reduce){.user-menu{animation:none}}.nav{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff 8%), var(--surface));border-bottom:1px solid var(--border);scrollbar-width:none;gap:.15rem;padding:.5rem 1.25rem;display:flex;position:relative;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{z-index:1;border-radius:var(--radius);color:var(--muted);white-space:nowrap;letter-spacing:.01em;padding:.45rem .9rem;font-size:.9375rem;text-decoration:none;transition:color .18s,background .18s;position:relative}.nav a:not([aria-current=page]):hover{background:color-mix(in srgb, var(--text) 7%, transparent)}.nav a:not(.nav-premium):hover{color:var(--text)}.nav a[aria-current=page]{color:var(--text);font-weight:600}.nav-pill{z-index:0;border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 30%, transparent), color-mix(in srgb, var(--accent) 15%, transparent));border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:0 3px 14px color-mix(in srgb, var(--accent) 34%, transparent), inset 0 1px 0 #ffffff26;pointer-events:none;transition:transform .34s cubic-bezier(.25,1,.5,1),width .34s cubic-bezier(.25,1,.5,1);position:absolute;top:.5rem;bottom:.5rem;left:0}.nav-pill.is-premium{background:linear-gradient(180deg, color-mix(in srgb, var(--premium) 28%, transparent), color-mix(in srgb, var(--premium) 14%, transparent));border-color:color-mix(in srgb, var(--premium) 55%, transparent);box-shadow:0 3px 16px color-mix(in srgb, var(--premium) 34%, transparent), inset 0 1px 0 #ffffff29}@media (prefers-reduced-motion:reduce){.nav-pill{transition:none}}main{width:100%;max-width:60rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.25rem}.card>:last-child{margin-bottom:0}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;margin:0;display:grid}.stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem}.stat dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.8125rem}.stat dd{word-break:break-word;margin:0;font-size:1.25rem;font-weight:600}.stat .who{color:var(--footnote);margin-top:.1rem;font-size:.75rem;font-weight:400;display:block}.stat dd.up{color:var(--ok)}.stat dd.down{color:var(--danger)}.muted{color:var(--muted);font-size:.875rem}.footnote{color:var(--footnote);margin-top:-.6rem;font-size:.8125rem}.field{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.field label,.field-label{font-size:.875rem;font-weight:600}.field .hint{color:var(--muted);font-size:.8125rem}.field-label-badge{align-items:center;gap:.45rem;display:flex}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=number],textarea,select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;padding:.55rem .7rem;font-size:.9375rem}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:none;min-height:4.5rem;max-height:22rem;overflow-y:auto}.row{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:0 1rem;display:grid}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.9375rem;display:inline-flex}.switch input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.switch-track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:none;width:2.5rem;height:1.4rem;transition:background .15s,border-color .15s;position:relative}.switch-thumb{background:var(--muted);border-radius:50%;width:1rem;height:1rem;transition:transform .15s,background .15s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.switch input:checked+.switch-track{background:linear-gradient(180deg, var(--accent), var(--accent-hover));border-color:#0000}.switch input:checked+.switch-track .switch-thumb{background:#fff;transform:translate(calc(1.5rem - 6px),-50%)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.switch-track,.switch-thumb{transition:none}}button{border-radius:var(--radius);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;padding:.55rem 1rem;font-size:.9375rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}button.secondary:hover:not(:disabled){background:var(--border)}button.danger{color:var(--danger);border-color:var(--border);background:0 0}button.danger:hover:not(:disabled){background:var(--danger);color:#fff}button.link{color:var(--muted);background:0 0;border:none;padding:0;font-weight:400;text-decoration:underline}button.link:hover:not(:disabled){color:var(--text);background:0 0}.linkbtn{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .85rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.linkbtn:hover{color:var(--text);background:var(--border)}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.notice{border-radius:var(--radius);border:1px solid;margin-bottom:1rem;padding:.6rem .8rem;font-size:.875rem}.notice.ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent);background:color-mix(in srgb, var(--ok) 12%, transparent)}.notice.error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent)}.tip{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 7%, var(--surface-2));color:var(--muted);align-items:flex-start;gap:.55rem;margin:.9rem 0 0;padding:.7rem .85rem;font-size:.85rem;line-height:1.45;display:flex}.tip svg{width:1rem;height:1rem;color:var(--accent);flex:none;margin-top:.12rem}.tip strong{color:var(--text);font-weight:600}.pill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.pill.on{color:var(--ok);background:color-mix(in srgb, var(--ok) 15%, transparent)}.pill.off{color:var(--muted);background:var(--surface-2)}.command{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem}.command-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.command-head code{color:var(--accent);font-size:1rem;font-weight:700}.spacer{margin-left:auto}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .5rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}.exclusion{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem 0;font-size:.9375rem;display:flex}.exclusion:last-child{border-bottom:none}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent);color:#fff}.landing-shell{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-shell:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(58% 44% at 50% -8%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 72%), radial-gradient(40% 38% at 88% 4%, #6d5cff38, transparent 70%), radial-gradient(42% 40% at 8% 12%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 72%);position:absolute;inset:0}.landing-main{z-index:1;flex:1 0 auto;max-width:none;margin:0;padding:0;position:relative}.landing{text-align:center;flex-direction:column;align-items:center;gap:1.35rem;padding:clamp(4rem,15vh,9rem) 1.25rem 3.5rem;display:flex}.eyebrow{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:500;display:inline-flex}.eyebrow-dot{background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 .65rem color-mix(in srgb, var(--accent) 85%, transparent);border-radius:50%}.landing h1{letter-spacing:-.04em;background:linear-gradient(180deg, #fff 32%, color-mix(in srgb, var(--text) 50%, transparent));color:#0000;filter:drop-shadow(0 6px 34px color-mix(in srgb, var(--accent) 30%, transparent));-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.75rem,9vw,5rem);font-weight:800;line-height:1.02}.landing h1 span{background:linear-gradient(180deg, color-mix(in srgb, #fff 22%, var(--accent)), var(--accent-hover));color:#0000;-webkit-background-clip:text;background-clip:text}.landing-lead{max-width:34rem;color:var(--muted);margin:0;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6}.landing form button,.cta{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff), var(--accent-hover));color:#fff;box-shadow:inset 0 1px 0 #ffffff47, 0 10px 30px -10px color-mix(in srgb, var(--accent) 85%, transparent);border:none;border-radius:999px;align-items:center;gap:.6rem;margin-top:.4rem;padding:.85rem 1.6rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,filter .2s;display:inline-flex}.landing form button:hover:not(:disabled),.cta:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffff52, 0 18px 42px -12px color-mix(in srgb, var(--accent) 95%, transparent);transform:translateY(-2px)}.landing form button:active:not(:disabled),.cta:active{transform:translateY(0)}.btn-glyph{flex:none;width:1.15rem;height:1.15rem}.landing-cta{flex-direction:column;align-items:center;gap:.8rem;display:flex}.landing-note{color:var(--footnote);margin:0;font-size:.8125rem}.free-note{border:1px solid color-mix(in srgb, var(--ok) 35%, var(--border));background:color-mix(in srgb, var(--ok) 10%, transparent);color:var(--text);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:500;display:inline-flex}.free-dot{background:var(--ok);width:.5rem;height:.5rem;box-shadow:0 0 .6rem color-mix(in srgb, var(--ok) 80%, transparent);border-radius:50%}.landing-section{width:100%;max-width:64rem;margin:0 auto;padding:clamp(2rem,6vh,4rem) 1.25rem}.section-head{text-align:center;margin-bottom:2rem}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.55rem;font-size:.75rem;font-weight:700;display:inline-block}.landing-section h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:700}.section-lead{max-width:34rem;color:var(--muted);margin:.85rem auto 0;font-size:1rem;line-height:1.6}.features{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;display:grid}.feature{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, #fff 10%), var(--surface));border-radius:14px;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff0f}.feature:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));box-shadow:inset 0 1px 0 #ffffff14, 0 22px 44px -26px color-mix(in srgb, var(--accent) 75%, transparent);transform:translateY(-4px)}.feature-icon{width:2.75rem;height:2.75rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.feature-icon svg{width:1.5rem;height:1.5rem}.feature h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:600}.feature p{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.55}.feature code,.steps code{color:var(--accent);font-size:.9em}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, #fff 10%), var(--surface));border-radius:14px;padding:1.5rem;box-shadow:inset 0 1px #ffffff0f}.steps li:before{content:counter(step);background:linear-gradient(145deg, var(--accent), var(--accent-hover));color:#fff;width:2.25rem;height:2.25rem;box-shadow:0 8px 20px -8px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:inline-flex}.steps h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:600}.steps p{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.55}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes landing-fade{0%{opacity:0}}.landing>*{animation:.6s both landing-rise}.landing>:nth-child(2){animation-delay:60ms}.landing>:nth-child(3){animation-delay:.12s}.landing>:nth-child(4){animation-delay:.18s}.feature,.steps li{animation:.5s both landing-fade}.feature:nth-child(2),.steps li:nth-child(2){animation-delay:60ms}.feature:nth-child(3),.steps li:nth-child(3){animation-delay:.12s}.feature:nth-child(4){animation-delay:.18s}.feature:nth-child(5){animation-delay:.24s}.feature:nth-child(6){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.landing>*,.feature,.steps li{animation:none}.landing form button:hover:not(:disabled),.cta:hover,.feature:hover{transform:none}}.stream-dock{z-index:50;border:1px solid var(--border);background:var(--surface);border-radius:14px;width:min(340px,100vw - 2rem);animation:.4s both dock-in;position:fixed;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 24px 50px -18px #000000bf}@keyframes dock-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.stream-frame{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.stream-iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.stream-empty{text-align:center;background:radial-gradient(90% 90% at 50% 0%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 70%), var(--surface-2);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex;position:absolute;inset:0}.stream-empty-badge{border:1px solid color-mix(in srgb, var(--danger) 50%, transparent);letter-spacing:.14em;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.15rem;padding:.2rem .6rem;font-size:.66rem;font-weight:700;display:inline-flex}.stream-empty-title{margin:0;font-size:.95rem;font-weight:700}.stream-empty-sub{color:var(--muted);margin:0;font-size:.8rem}.stream-close{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;padding:0;display:inline-flex;position:absolute;top:.4rem;right:.4rem}.stream-close:hover:not(:disabled){background:#000000c7}.stream-close svg{width:1rem;height:1rem}.stream-nav{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.stream-nav:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 82%, transparent);transform:translateY(-50%)scale(1.08)}.stream-nav.prev{left:.4rem}.stream-nav.next{right:.4rem}.stream-nav svg{width:1.1rem;height:1.1rem}.stream-meta{align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.stream-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;text-decoration:none;overflow:hidden}.stream-name:hover{color:var(--accent)}.stream-viewers{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.stream-count{color:var(--footnote);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.stream-reopen{z-index:50;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 30px -12px #000000b3}.stream-reopen:hover:not(:disabled){background:var(--surface-2)}@media (prefers-reduced-motion:reduce){.stream-dock{animation:none}.stream-nav:hover:not(:disabled){transform:translateY(-50%)}}.livebar{border-top:1px solid var(--border);background:radial-gradient(120% 120% at 50% 120%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), var(--surface);padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));flex:none;transition:opacity .4s}.livebar[data-stale=true]{opacity:.55}.livebar-inner{justify-content:center;align-items:stretch;gap:clamp(1rem,6vw,3.5rem);max-width:44rem;margin:0 auto;display:flex}.livebar-sep{background:linear-gradient(var(--border), transparent);align-self:center;width:1px;height:2.5rem}.livestat{text-align:center;min-width:0}.livestat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:clamp(1.75rem,7vw,3rem);font-weight:800;line-height:1;display:inline-flex}.livestat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.4rem;font-size:.75rem}.wheels{align-items:center;display:inline-flex}.wheels-track{display:inline-flex}.wheel{width:1ch;height:1em;display:inline-block;overflow:hidden}.wheel-strip{will-change:transform;flex-direction:column;transition:transform .16s cubic-bezier(.22,.68,.14,1);display:flex}.wheel-cell{justify-content:center;align-items:flex-end;height:1em;line-height:1;display:flex}.wheel-cell,.wheel-sep{background:linear-gradient(180deg, var(--text), color-mix(in srgb, var(--accent) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.live-dot{background:var(--danger);width:.6rem;height:.6rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 60%, transparent);border-radius:50%;animation:1.8s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 55%, transparent)}70%{box-shadow:0 0 0 .7rem #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}.wheel-strip{transition:none}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.page-head h1{margin-bottom:0}.refresh{color:var(--muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.refresh-dot{background:var(--ok);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent);border-radius:50%;animation:2.4s ease-out infinite live-pulse-green}@keyframes live-pulse-green{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 50%, transparent)}70%{box-shadow:0 0 0 .55rem #0000}to{box-shadow:0 0 #0000}}.refresh-track{background:var(--surface-2);border-radius:999px;width:3.5rem;height:.25rem;overflow:hidden}.refresh-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width 1s linear;display:block}@media (prefers-reduced-motion:reduce){.refresh-dot{animation:none}}.live-link{color:var(--muted);align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.live-link:hover{color:var(--text)}.site-foot{border-top:1px solid var(--border);background:var(--surface);flex:none}.foot-inner{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.75rem 2.5rem;max-width:64rem;margin:0 auto;padding:2.5rem 1.25rem 1.5rem;display:grid}.foot-col h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .6rem;font-size:.75rem}.foot-col h4.foot-col-second{margin-top:1.1rem}.foot-col p{color:var(--muted);margin:0 0 .5rem;font-size:.9rem;line-height:1.6}.foot-brand{align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:700;display:inline-flex}.foot-brand .brand-mark{width:1.35rem;height:1.35rem}.foot-links{flex-direction:column;gap:.5rem;display:flex}.foot-links a{color:var(--muted);font-size:.9rem;text-decoration:none}.foot-links a:hover{color:var(--text)}.foot-mail{color:var(--accent);text-decoration:none}.foot-mail:hover{text-decoration:underline}.foot-bar{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);max-width:64rem;color:var(--footnote);flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin:0 auto;padding:1rem 1.25rem 2rem;font-size:.8rem;display:flex}.foot-sep{color:var(--border)}.foot-spacer{margin-left:auto}.foot-stripe{align-items:center;gap:.35rem;display:inline-flex}.foot-stripe svg{width:.85rem;height:.85rem}.live-shell{flex-direction:column;min-height:100vh;display:flex}.live-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.85rem 1.25rem;display:flex}.live-topnav{gap:.3rem;display:flex}.live-topnav a{border-radius:var(--radius);color:var(--muted);padding:.4rem .8rem;font-size:.9rem;text-decoration:none}.live-topnav a:hover{background:var(--surface-2);color:var(--text)}.live-main{flex:1 0 auto;width:100%;max-width:78rem;margin:0 auto;padding:clamp(1.5rem,5vh,3rem) 1.25rem 4rem}.live-head{text-align:center;margin-bottom:clamp(1.5rem,4vh,2.5rem)}.live-head h1{letter-spacing:-.02em;margin:.4rem 0 0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800}.live-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.25rem;display:grid}.live-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, #fff 10%), var(--surface));color:inherit;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.live-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 22px 48px -22px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-4px)}.live-thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.live-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.live-card:hover .live-thumb img{transform:scale(1.04)}.live-badge{background:var(--danger);color:#fff;letter-spacing:.08em;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.7rem;font-weight:800;display:inline-flex;position:absolute;top:.6rem;left:.6rem}.live-badge .live-dot{background:#fff}.live-viewers{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-variant-numeric:tabular-nums;background:#000000ad;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.6rem;left:.6rem}.live-meta{flex-direction:column;gap:.3rem;padding:.85rem .95rem 1rem;display:flex}.live-name{margin:0;font-size:.95rem;font-weight:700;transition:color .15s}.live-card:hover .live-name{color:var(--accent)}.live-title{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.live-game{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;align-self:flex-start;margin-top:.15rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.live-empty{text-align:center;border:1px dashed var(--border);background:radial-gradient(90% 90% at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), var(--surface);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:42vh;padding:3rem 1.5rem;display:flex}.live-empty-badge{border:1px solid var(--border);color:var(--footnote);letter-spacing:.14em;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.off-dot{background:var(--footnote);border-radius:50%;width:.55rem;height:.55rem}.live-empty-title{margin:.6rem 0 0;font-size:1.3rem;font-weight:700}.live-empty-sub{color:var(--muted);margin:0;font-size:.95rem}@media (prefers-reduced-motion:reduce){.live-card,.live-thumb img{transition:none}.live-card:hover,.live-card:hover .live-thumb img{transform:none}}.subnav{border-bottom:1px solid var(--border);gap:.25rem;margin:0 0 1.25rem;padding-bottom:.75rem;display:flex}.subnav a{border-radius:var(--radius);color:var(--muted);white-space:nowrap;padding:.35rem .8rem;font-size:.9rem;text-decoration:none;transition:color .18s,background .18s}.subnav a:hover{background:var(--surface-2);color:var(--text)}.subnav a[aria-current=page]{color:var(--text);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent);font-weight:600}.builtin{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:.85rem 1rem}.builtin:last-child{margin-bottom:0}.builtin .command-head{margin-bottom:.35rem}.builtin-summary{color:var(--muted);margin:0;font-size:.9rem}.example-response{margin:0 0 .35rem;font-size:.9375rem}.example-meta{margin:0}.perm-list{flex-direction:column;margin-bottom:1.25rem;display:flex}.perm-item{flex-direction:column;gap:.45rem;padding:.75rem 0;display:flex}.perm-item+.perm-item{border-top:1px solid color-mix(in srgb, var(--border) 55%, transparent)}.perm-cmd{color:var(--text);font-size:.9rem}.perm-seg{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) + 3px);scrollbar-width:none;align-self:flex-start;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.perm-seg::-webkit-scrollbar{display:none}.perm-opt{display:flex}.perm-seg input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.perm-seg label{border-radius:var(--radius);color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.4rem .8rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s,box-shadow .15s;display:block}.perm-seg label:hover{color:var(--text);background:color-mix(in srgb, var(--text) 7%, transparent)}.perm-seg input:checked+label{color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-hover));box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px 0 #ffffff2e}.perm-seg input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.perm-seg label{transition:none}}.slot-tiers{flex-direction:column;gap:.6rem;margin-bottom:1.25rem;display:flex}.slot-tier{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .85rem}.slot-tier-head{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.slot-badge{color:var(--text);background:color-mix(in srgb, var(--accent) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;padding:.15rem .55rem;font-size:.9rem;font-weight:700}.slot-jackpot{letter-spacing:.06em;text-transform:uppercase;color:var(--premium-deep);background:color-mix(in srgb, var(--premium) 22%, transparent);border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.slot-preview{justify-content:center;align-items:center;min-width:2rem;height:2rem;margin-left:auto;font-size:1.4rem;line-height:1;display:inline-flex}.slot-preview img{object-fit:contain;width:28px;height:28px;display:block}.slot-choices{flex-wrap:wrap;gap:.35rem;display:flex}.slot-choices .slot-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:2.4rem;height:2.4rem;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;font-weight:400;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.slot-choices .slot-chip img{object-fit:contain;width:28px;height:28px;display:block}.slot-choices .slot-chip:hover:not(:disabled):not(.is-selected){border-color:color-mix(in srgb, var(--text) 30%, var(--border));background:var(--surface-2)}.slot-choices .slot-chip.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:0 0 0 1px var(--accent), 0 2px 10px color-mix(in srgb, var(--accent) 30%, transparent)}.slot-choices .slot-chip:disabled{opacity:.35;cursor:not-allowed}.nav a.nav-premium{color:var(--premium);font-weight:600}.premium-badge{border:1px solid color-mix(in srgb, var(--premium) 45%, transparent);background:color-mix(in srgb, var(--premium) 14%, transparent);color:var(--premium);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.8rem;font-weight:700;display:inline-flex}.premium-badge-mark{flex:none;width:1rem;height:1rem}.premium-hero{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--premium) 12%, transparent), transparent 60%), var(--surface);flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.premium-hero-mark{width:5rem;height:5rem;filter:drop-shadow(0 8px 22px color-mix(in srgb, var(--premium) 40%, transparent));flex:none}.premium-hero-body{flex:1;min-width:min(100%,16rem)}.premium-hero-body h2{margin:.5rem 0 .35rem}.premium-hero-body>:last-child{margin-bottom:0}.pill.premium{color:var(--premium-deep);background:color-mix(in srgb, var(--premium) 22%, transparent)}.premium-cta{background:linear-gradient(180deg, var(--premium), var(--premium-deep));color:#3a2600;border:none;border-radius:999px;align-items:center;gap:.5rem;margin-top:.9rem;padding:.6rem 1.15rem;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.premium-cta:disabled{opacity:.7;cursor:default}a.premium-cta:hover{filter:brightness(1.05)}.premium-features{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.premium-features li{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:.9rem 1rem}.premium-features p{margin:.3rem 0 0}.premium-feature-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.premium-feature-title{font-weight:600}.tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.tag.live{color:var(--ok);background:color-mix(in srgb, var(--ok) 15%, transparent)}.tag.planned{color:var(--muted);background:var(--surface)}.upsell{border-color:color-mix(in srgb, var(--premium) 40%, var(--border));background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--premium) 10%, transparent), transparent 55%), var(--surface)}.dev-card{border-style:dashed}.tag.dev{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.legal-shell{flex-direction:column;min-height:100vh;display:flex}.legal-topbar{border-bottom:1px solid var(--border);background:var(--surface);padding:.9rem 1.25rem}.legal{flex:1 0 auto;width:100%;max-width:44rem;margin:0 auto;padding:clamp(2rem,5vh,3.5rem) 1.25rem 3rem}.legal h1{letter-spacing:-.02em;margin-bottom:.35rem;font-size:clamp(1.8rem,5vw,2.4rem)}.legal-updated{color:var(--footnote);margin-bottom:2rem;font-size:.85rem}.legal h2{margin-top:2rem;margin-bottom:.6rem;font-size:1.15rem}.legal p,.legal li{color:var(--muted);line-height:1.7}.legal ul{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding-left:1.2rem;display:flex}.legal a{color:var(--accent)}.legal strong{color:var(--text);font-weight:600}.sortbar{flex-wrap:wrap;gap:.35rem;margin:1rem 0 1.25rem;display:flex}.sort-option{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.4rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.sort-option:hover{color:var(--text);background:var(--border)}.sort-option[aria-current=page]{color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-hover));border-color:#0000}.channel-list{flex-direction:column;gap:.85rem;display:flex}.channel-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, #fff 10%), var(--surface));border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex;box-shadow:inset 0 1px #ffffff0f}.channel-card.is-premium{border-color:color-mix(in srgb, var(--premium) 50%, var(--border));box-shadow:inset 0 1px 0 #ffffff14, 0 0 18px -6px color-mix(in srgb, var(--premium) 40%, transparent)}.channel-avatar{object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:50%;flex:none;width:3.5rem;height:3.5rem}.channel-avatar-fallback{color:#fff;background:linear-gradient(145deg, var(--accent), var(--accent-hover));border:none;justify-content:center;align-items:center;font-size:1.35rem;font-weight:700;display:inline-flex}.channel-body{flex-direction:column;flex:15rem;gap:.5rem;min-width:0;display:flex}.channel-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .7rem;display:flex}.channel-name{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.channel-you{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.channel-premium{align-items:center;display:inline-flex}.channel-premium-mark{width:1.05rem;height:1.05rem;filter:drop-shadow(0 1px 4px color-mix(in srgb, var(--premium) 50%, transparent));flex:none}.channel-followers{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.channel-games{flex-wrap:wrap;gap:.35rem;display:flex}.channel-game{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.channel-aside{flex-direction:column;flex:none;align-items:flex-end;gap:.6rem;margin-left:auto;display:flex}.channel-tenure{color:var(--muted);white-space:nowrap;font-size:.8rem}.channel-link{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.channel-link:hover{background:var(--accent-hover)}.channel-link .btn-glyph{width:1rem;height:1rem}.bars{flex-direction:column;gap:.55rem;display:flex}.bar-row{grid-template-columns:minmax(5rem,9rem) 1fr auto;align-items:center;gap:.75rem;display:grid}.bar-label{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.bar-track{background:var(--surface-2);border-radius:999px;height:.8rem;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:999px;height:100%;display:block}.bar-value{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:.875rem}.feature-section{margin-bottom:1.5rem}.feature-section>h2{margin-bottom:.4rem}.feature-list{flex-direction:column;display:flex}.feature.switch{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;width:100%;margin:0;padding:.75rem 0;display:flex}.feature.switch:last-child{border-bottom:none}.feature-text{flex-direction:column;gap:.1rem;display:flex}.feature-label{font-size:.9375rem;font-weight:600}.feature-desc{color:var(--muted);font-size:.8125rem}.msg-section{margin-bottom:1.75rem}.msg-section>h2{margin-bottom:.1rem}.msg-section>.muted{margin-bottom:1rem}.msg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:.9rem 1rem}.msg-head{align-items:center;gap:.5rem;display:flex}.msg-label{font-weight:600}.msg-desc{margin:.35rem 0 .6rem;font-size:.8125rem}.msg textarea{background:var(--bg);min-height:3rem}.msg textarea:disabled{opacity:.7;cursor:not-allowed}.msg-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.msg-chips{flex-wrap:wrap;gap:.3rem;display:flex}.msg-chip{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);cursor:pointer;border-radius:999px;padding:.15rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;transition:background .15s}.msg-chip:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.msg-count{color:var(--footnote);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.msg-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:baseline;gap:.5rem;margin:.7rem 0 0;padding:.55rem .7rem;font-size:.875rem;display:flex}.msg-preview-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--footnote);flex:none;font-size:.7rem;font-weight:600}