:root{color-scheme:dark;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 12px;--radius-sm: 8px;--transition: .2s ease;--galaxy-bg-image: url(/galaxy-theme.png);--galaxy-veil: linear-gradient(180deg, rgba(2, 4, 17, .12), rgba(4, 4, 20, .4));--galaxy-nebula-layers: radial-gradient(ellipse 120% 90% at 50% -20%, rgba(130, 78, 225, .24), transparent 55%), radial-gradient(ellipse 80% 60% at 100% 30%, rgba(62, 132, 240, .15), transparent 50%), radial-gradient(ellipse 70% 55% at 0% 70%, rgba(155, 98, 255, .13), transparent 48%);--galaxy-stars-fine: radial-gradient(1px 1px at 8% 14%, rgba(255, 255, 255, .92), transparent), radial-gradient(1px 1px at 22% 68%, rgba(210, 228, 255, .8), transparent), radial-gradient(1.5px 1.5px at 35% 28%, rgba(255, 255, 255, .98), transparent), radial-gradient(1px 1px at 48% 82%, rgba(255, 255, 255, .72), transparent), radial-gradient(1px 1px at 61% 11%, rgba(230, 240, 255, .88), transparent), radial-gradient(1.5px 1.5px at 74% 52%, rgba(255, 255, 255, .85), transparent), radial-gradient(1px 1px at 88% 36%, rgba(255, 255, 255, .78), transparent), radial-gradient(1px 1px at 15% 91%, rgba(200, 220, 255, .85), transparent), radial-gradient(1px 1px at 92% 78%, rgba(255, 255, 255, .9), transparent), radial-gradient(1.5px 1.5px at 54% 44%, rgba(255, 255, 255, .78), transparent), radial-gradient(1px 1px at 4% 52%, rgba(255, 255, 255, .7), transparent), radial-gradient(1px 1px at 19% 24%, rgba(195, 215, 255, .82), transparent), radial-gradient(1px 1px at 39% 61%, rgba(255, 255, 255, .68), transparent), radial-gradient(1px 1px at 57% 7%, rgba(255, 255, 255, .8), transparent), radial-gradient(1.5px 1.5px at 71% 33%, rgba(230, 245, 255, .9), transparent), radial-gradient(1px 1px at 81% 64%, rgba(255, 255, 255, .74), transparent), radial-gradient(1px 1px at 96% 48%, rgba(210, 225, 255, .86), transparent), radial-gradient(1px 1px at 33% 93%, rgba(255, 255, 255, .76), transparent), radial-gradient(1px 1px at 6% 34%, rgba(255, 255, 255, .72), transparent), radial-gradient(1px 1px at 26% 47%, rgba(215, 230, 255, .8), transparent), radial-gradient(1px 1px at 44% 19%, rgba(255, 255, 255, .7), transparent), radial-gradient(1px 1px at 63% 41%, rgba(255, 255, 255, .82), transparent), radial-gradient(1px 1px at 79% 58%, rgba(200, 220, 255, .78), transparent), radial-gradient(1px 1px at 91% 63%, rgba(255, 255, 255, .74), transparent), radial-gradient(1px 1px at 11% 79%, rgba(255, 255, 255, .68), transparent), radial-gradient(1.5px 1.5px at 47% 71%, rgba(240, 248, 255, .88), transparent), radial-gradient(1px 1px at 68% 29%, rgba(255, 255, 255, .75), transparent), radial-gradient(1px 1px at 85% 91%, rgba(210, 225, 255, .8), transparent);--galaxy-stars-bright: radial-gradient(2px 2px at 12% 38%, rgba(255, 255, 255, .98), transparent), radial-gradient(2.5px 2.5px at 42% 18%, rgba(186, 230, 255, .95), transparent), radial-gradient(2px 2px at 68% 72%, rgba(255, 255, 255, .9), transparent), radial-gradient(2px 2px at 84% 22%, rgba(255, 248, 220, .88), transparent), radial-gradient(1.5px 1.5px at 28% 56%, rgba(255, 255, 255, .82), transparent), radial-gradient(2px 2px at 56% 88%, rgba(220, 200, 255, .88), transparent), radial-gradient(2px 2px at 7% 76%, rgba(255, 255, 255, .9), transparent), radial-gradient(2.5px 2.5px at 51% 62%, rgba(170, 220, 255, .92), transparent), radial-gradient(1.5px 1.5px at 77% 9%, rgba(255, 255, 255, .85), transparent), radial-gradient(2px 2px at 3% 18%, rgba(255, 255, 255, .92), transparent), radial-gradient(2px 2px at 31% 84%, rgba(190, 225, 255, .9), transparent), radial-gradient(2.5px 2.5px at 59% 34%, rgba(255, 255, 255, .94), transparent), radial-gradient(2px 2px at 73% 47%, rgba(255, 248, 230, .88), transparent), radial-gradient(1.5px 1.5px at 93% 12%, rgba(255, 255, 255, .86), transparent), radial-gradient(2px 2px at 18% 6%, rgba(220, 235, 255, .9), transparent);--galaxy-bg-stack: var(--galaxy-veil), var(--galaxy-nebula-layers), var(--galaxy-bg-image);--tag-7tv: #f04f4f;--tag-moderation: #fbbf24;--tag-stats: #9b6dff;--tag-utility: #14d89a;--tag-misc: #7c8da8;--owner-badge: #f78fd8;--bg: #060719;--bg-elevated: rgba(10, 13, 34, .68);--bg-card: rgba(14, 18, 48, .68);--bg-card-hover: rgba(26, 28, 70, .76);--border: rgba(192, 180, 255, .19);--border-focus: rgba(108, 228, 255, .58);--text: #fcfbff;--text-muted: #d4c8f5;--text-dim: #9d92ca;--accent: #aaf2ff;--accent-soft: rgba(163, 112, 255, .24);--accent-glow: rgba(200, 125, 255, .4);--shadow: 0 20px 60px rgba(4, 6, 24, .55), 0 0 42px rgba(135, 68, 225, .2);--topbar-bg: rgba(5, 7, 25, .62);--surface-subtle: rgba(255, 255, 255, .055);--surface-muted: rgba(173, 131, 255, .14);--border-hover: rgba(209, 199, 255, .28);--border-soft: rgba(196, 184, 255, .24);--kbd-bg: rgba(187, 167, 255, .14);--tools-secondary-border: rgba(196, 184, 255, .18);--tools-error-text: #ffb4c7;--control-border: rgba(224, 216, 255, .34)}html[data-theme=light]{color-scheme:dark;--bg: #070821;--bg-elevated: rgba(13, 16, 42, .7);--bg-card: rgba(18, 20, 55, .7);--bg-card-hover: rgba(34, 31, 78, .78);--border: rgba(210, 198, 255, .2);--border-focus: rgba(138, 232, 255, .58);--text: #fffaff;--text-muted: #ddd0f8;--text-dim: #a89dce;--accent: #c4f4ff;--accent-soft: rgba(193, 112, 255, .24);--accent-glow: rgba(216, 118, 255, .4);--shadow: 0 20px 60px rgba(4, 6, 24, .5), 0 0 42px rgba(135, 68, 225, .18);--topbar-bg: rgba(7, 8, 31, .64);--surface-subtle: rgba(255, 255, 255, .06);--surface-muted: rgba(187, 139, 255, .15);--border-hover: rgba(220, 212, 255, .28);--border-soft: rgba(206, 195, 255, .24);--kbd-bg: rgba(196, 177, 255, .14);--tools-secondary-border: rgba(206, 195, 255, .18);--tools-error-text: #ffbfd0;--control-border: rgba(232, 224, 255, .34)}*{box-sizing:border-box}html{scroll-behavior:smooth}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background-color:var(--bg);background-image:var(--galaxy-bg-image);background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}html:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:var(--galaxy-veil),var(--galaxy-nebula-layers);background-size:cover;background-position:center center;background-repeat:no-repeat}body{margin:0;min-height:100vh;background:transparent;color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.56;background-image:radial-gradient(1px 1px,rgba(255,255,255,.58) 50%,transparent 50%),radial-gradient(1px 1px,rgba(200,225,255,.36) 50%,transparent 50%),radial-gradient(1px 1px,rgba(255,255,255,.4) 50%,transparent 50%);background-size:40px 40px,62px 62px,88px 88px;background-position:0 0,14px 20px,28px 9px;animation:galaxy-stars-drift 160s linear infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.48;background-image:var(--galaxy-stars-bright),var(--galaxy-stars-fine);background-size:1280px 800px,1280px 800px;background-position:center center,center center;background-repeat:no-repeat}@keyframes galaxy-stars-drift{0%{background-position:0 0,14px 20px,28px 9px}to{background-position:-40px -30px,-28px -44px,-56px -18px}}#root{min-height:100vh;position:relative;z-index:1}.app-shell{position:relative;z-index:1;display:flex;min-height:100vh;width:100%}.nav-sidebar{flex-shrink:0;position:sticky;top:0;align-self:flex-start;height:100vh;padding:1.25rem .85rem;border-right:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:10px 0 36px #0405142e;box-sizing:border-box}.app-column{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 10px 36px #04051447}.topbar-inner{width:100%;margin:0;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.viewer-count{font-size:.8125rem;color:var(--text-dim);font-weight:500}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.65rem}.twitch-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;text-decoration:none;padding:.7rem .84rem;min-height:2.9rem;box-sizing:border-box;border-radius:9px;background:#9146ff;color:#fff;border:2.5px solid #fff;font-size:.9375rem;font-weight:600;letter-spacing:.01em;line-height:1;transition:filter var(--transition),transform var(--transition),box-shadow var(--transition)}.twitch-login-btn-icon{flex-shrink:0;opacity:.98}.twitch-login-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.twitch-login-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg, #08080b),0 0 0 4px #b06cff}.auth-user{position:relative;display:inline-flex;align-items:stretch;justify-content:center;overflow:hidden;background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;padding:0;max-width:min(100%,280px);cursor:pointer;font:inherit;color:inherit;min-height:2.9rem;transition:border-color .15s ease,box-shadow .15s ease}.auth-user-content{display:inline-flex;align-items:center;gap:.58rem;padding:.38rem 1rem .38rem .56rem}.auth-user-signout-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#dc2626;color:#fff;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .15s ease;padding:0 1.3rem}.auth-user-signout-text{font-size:.9375rem;font-weight:600;white-space:nowrap;line-height:1}.auth-user-signout-layer svg{flex-shrink:0;stroke-width:2.35}.auth-user:hover .auth-user-signout-layer,.auth-user:focus-visible .auth-user-signout-layer{opacity:1}.auth-user:hover,.auth-user:focus-visible{border-color:var(--border-hover);box-shadow:0 0 0 1px var(--border-hover),0 0 22px #9d6aff29}.auth-user:focus-visible{outline:none}.auth-user-avatar{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:999px;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px var(--border)}.auth-user-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:#9146ff;color:#fff}.auth-user-name{font-size:1.1875rem;color:var(--text);font-weight:600;max-width:174px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-user-name--stv-paint{display:inline-block;vertical-align:bottom;line-height:1.15}.brand{display:flex;align-items:baseline;gap:.25rem;font-weight:800;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.brand-accent{background:linear-gradient(135deg,var(--accent) 0%,#d45cff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.05rem}.brand-dim{color:var(--text-dim);font-size:.95rem}.tabs{display:flex;flex-direction:column;align-items:stretch;gap:.72rem;padding:0;border:none;background:transparent;border-radius:0;width:100%}.nav-sidebar .tab-btn{width:100%;text-align:left;box-sizing:border-box}.tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--control-border);background:var(--surface-subtle);color:var(--text-muted);padding:.635rem 1.32rem;font-size:1.125rem;line-height:1.2;border-radius:12px;cursor:pointer;font-family:var(--font-sans);font-weight:600;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tab-btn:hover{color:var(--text);background:var(--surface-muted);border-color:var(--border-hover)}.tab-btn.active{color:var(--accent);background:var(--accent-soft);border:2px solid rgba(183,237,255,.55);box-shadow:0 0 24px #9d6aff2e}.tab-label--stv-paint{display:inline-block;vertical-align:bottom;line-height:1.2}.tab-dropdown-wrap{position:relative}.tab-btn-has-dropdown{display:inline-flex;align-items:center;gap:.35rem}.tab-dropdown{position:absolute;top:100%;left:0;margin-top:.35rem;min-width:160px;padding:.35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:10}.nav-sidebar .tab-dropdown{top:0;left:100%;margin-top:0;margin-left:.35rem}.tab-dropdown-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;border:none;border-radius:6px;background:none;color:var(--text);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition)}.tab-dropdown-item:hover{background:var(--accent-soft);color:var(--accent)}.tab-dropdown-item{text-decoration:none;color:inherit}.tab-dropdown-divider{height:1px;margin:.35rem .5rem;background:var(--border);border:none}.tab-dropdown-heading{display:block;padding:.35rem .75rem .2rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);pointer-events:none}.tab-dropdown-subitem{padding-left:1.25rem!important;font-size:.875rem;font-weight:500}.with-topbar{min-height:calc(100vh - 64px)}.tools-choose-prompt{color:var(--text-muted);font-size:.9375rem;margin:0;padding:2rem 0}.tools-choose-prompt strong{color:var(--accent)}.firehose-page{position:relative;z-index:1;min-height:calc(100vh - 64px);padding:.5rem 1rem 1rem;background:#000}.firehose-wrap{width:100%;max-width:none;margin:0}.firehose-head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.4rem}.firehose-head .tools-title{font-size:1.4rem}.firehose-page-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem}.firehose-disabled-note{font-size:.92em;font-weight:600;color:var(--text-muted);letter-spacing:-.01em}.firehose-controls{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.firehose-controls .tools-btn{padding:.5rem .72rem;font-size:.925rem;line-height:1.38;font-weight:600;border-radius:8px;box-sizing:border-box}.firehose-controls .tools-btn:hover{transform:none}.firehose-filter.search-input{width:250px;max-width:250px;min-width:250px;flex:0 0 250px;box-sizing:border-box;padding:.48rem .6rem;font-size:.925rem;line-height:1.38}.firehose-card.card{min-height:0;padding:0;background:transparent;border:none;animation:none}.firehose-card.card:hover{background:transparent;border:none;transform:none;box-shadow:none}.firehose-card .tools-subtitle,.firehose-card .tools-error{font-size:.95rem}.firehose-stats{display:flex;justify-content:flex-start;gap:.8rem;color:var(--text-dim);font-size:.925rem;margin-bottom:.65rem}.firehose-stats-under-title{margin-bottom:.35rem}.firehose-jump-btn{position:sticky;left:50%;bottom:.7rem;transform:translate(-50%);z-index:2;border:1px solid #fff;background:#111827e6;color:var(--text);border-radius:8px;padding:.4rem .75rem;font-size:.925rem;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #00000059}.firehose-jump-btn:hover{background:#ffffff24}.firehose-list{position:relative;height:calc(100dvh - 220px);overflow:auto;border:1px solid #262626;border-radius:8px;background:#000;padding:.65rem .85rem}.firehose-line{display:grid;grid-template-columns:auto auto auto 1fr;gap:.65rem;align-items:baseline;font-size:1.065rem;line-height:1.5;padding:.18rem 0;font-family:var(--font-sans);background:#000}.firehose-user-wrap{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem .35rem;min-width:0}.firehose-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.15rem}.firehose-badge-img{width:21px;height:21px;vertical-align:middle;object-fit:contain;flex-shrink:0}.firehose-line:nth-child(2n),.firehose-line:nth-child(odd){background:#000}.firehose-time{color:var(--text-dim);white-space:nowrap;font-size:1.02rem;min-width:82px}.firehose-channel{color:#9ca3af;white-space:nowrap;font-weight:500;min-width:140px}.firehose-user{color:var(--text);font-weight:700;white-space:nowrap}.firehose-text{color:#d1d5db;overflow-wrap:anywhere}.firehose-text-with-emotes{display:inline;overflow-wrap:anywhere;vertical-align:baseline}.firehose-emote{height:1.47em;width:auto;max-height:25px;vertical-align:-.2em;margin:0 .04em;display:inline-block;object-fit:contain}@media (max-width: 900px){.firehose-page{padding:.4rem .5rem .75rem}.firehose-stats{flex-wrap:wrap;gap:.35rem .65rem;font-size:.86rem;margin-bottom:.35rem}.firehose-controls{gap:.45rem}.firehose-filter.search-input{width:100%;max-width:none;min-width:0;flex:1 1 100%}.firehose-controls .tools-btn{flex:1 1 0;min-width:0}.firehose-list{height:calc(100dvh - 210px);padding:.5rem .55rem}.firehose-line{display:flex;flex-wrap:wrap;align-items:center;gap:.18rem .45rem;font-size:.94rem;line-height:1.35;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.firehose-line:last-child{border-bottom:none}.firehose-channel{min-width:0;font-size:.84rem}.firehose-time{min-width:0;font-size:.82rem}.firehose-user-wrap{min-width:0;flex:1 1 auto;gap:.15rem .25rem}.firehose-user{white-space:normal;overflow-wrap:anywhere}.firehose-badge-img{width:16px;height:16px}.firehose-text,.firehose-text-with-emotes{display:block;flex:0 0 100%;width:100%;margin-top:.05rem}.firehose-emote{max-height:20px}}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 48% 36% at 82% 9%,rgba(187,38,186,.34),transparent 68%),radial-gradient(ellipse 44% 32% at 28% 84%,rgba(32,91,204,.28),transparent 70%),radial-gradient(ellipse 36% 26% at 12% 27%,rgba(24,185,211,.16),transparent 72%),linear-gradient(180deg,#02030d2e,#02030d6b);pointer-events:none}.app-layout{position:relative;z-index:1;display:flex;min-height:100vh}.app-layout.with-topbar{height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-height:calc(100vh - 64px);overflow:hidden}.sidebar{width:280px;min-width:280px;background:var(--bg-elevated);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);display:flex;flex-direction:column;padding:1.25rem 0;min-height:0;align-self:stretch;overflow:hidden}.sidebar-header{padding:0 1.25rem 1rem;border-bottom:none}.sidebar-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.sidebar-title .accent{background:linear-gradient(135deg,var(--accent) 0%,#d45cff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-search{margin:1rem 1.25rem;max-width:none}.sidebar-search .search-input{padding:.6rem .75rem .6rem 2.25rem;font-size:.875rem;border:2px solid var(--control-border);border-radius:12px;box-sizing:border-box;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.sidebar-search .search-input:hover{border-color:var(--border-hover)}.sidebar-search .search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.sidebar-search .search-icon{left:.75rem}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 .75rem;-webkit-overflow-scrolling:touch}.sidebar-loading,.sidebar-error{font-size:.875rem;color:var(--text-muted);padding:.5rem .75rem;margin:0}.category-block{margin-bottom:.55rem}.category-block:last-child{margin-bottom:0}.category-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:transparent;border:2px solid var(--control-border);border-radius:12px;box-sizing:border-box;color:var(--text);font-family:var(--font-sans);font-size:1.09rem;font-weight:700;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.category-head:hover{background:var(--bg-card);color:var(--accent);border-color:var(--border-hover)}.category-list{list-style:none;margin:.35rem 0 0;padding:0 .35rem .15rem 1rem}.category-list li{margin:0}.nav-cmd{display:block;width:100%;padding:.42rem .5rem;text-align:left;background:none;border:none;border-radius:4px;color:var(--text);font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition)}.nav-cmd-inner{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0}.nav-cmd-primary{line-height:1.25}.nav-cmd-sub{font-size:.8125rem;font-weight:600;color:var(--text-muted);line-height:1.2}.nav-cmd:hover{color:var(--text);background:var(--bg-card)}.nav-cmd:hover .nav-cmd-sub{color:var(--text-dim)}.nav-cmd.active{color:var(--accent);background:var(--accent-soft)}.nav-cmd.active .nav-cmd-sub{color:var(--text-muted)}.main{flex:1;min-height:0;padding:2rem 2.5rem 3rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-placeholder{color:var(--text-muted);font-size:.9375rem;padding:2rem 0}.command-detail{max-width:640px}.tools-page{position:relative;z-index:1;padding:2.25rem 1.25rem 3rem}.tools-wrap{max-width:820px;margin:0 auto}.tools-wrap--connections{max-width:320px;text-align:center}.tools-header--centered{text-align:center}.home-page{position:relative;z-index:1;padding:2.25rem 1.25rem 3rem}.home-wrap{max-width:min(1180px,calc(100vw - 2.5rem));margin:0 auto}.home-head{margin-bottom:1.25rem}.home-subtitle{margin-top:.35rem}.home-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 800px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 440px){.home-grid{grid-template-columns:minmax(0,1fr)}}.home-metric-card{padding:1.1rem 1.15rem;min-width:0;overflow:hidden}.home-metric-label{margin:0 0 .35rem;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.home-metric-value{margin-top:.35rem;font-size:clamp(1.35rem,3.8vw,2.35rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.12;color:var(--text);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-metric-value--tick{font-size:clamp(1.2rem,3.4vw,2rem)}.home-metric-foot{margin:.4rem 0 0;font-size:.8125rem;color:var(--text);opacity:.72;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-metric-value--compact{font-size:clamp(1.35rem,4.2vw,2rem);line-height:1.2;word-break:break-word}.home-metric-value--uptime{font-size:clamp(1.15rem,3.4vw,1.65rem);line-height:1.3;font-weight:750;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.home-metric-error-grid{margin:.75rem 0 0;max-width:820px}.home-metric-error{margin:.75rem 0 0}.home-host-chat-row{--home-chat-col-h: min(52vh, 520px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:stretch;margin-top:1.25rem}.home-page--metrics-paused .home-host-chat-row{--home-chat-col-h: min(62vh, 640px);margin-top:0}.home-page--metrics-paused .home-head{margin-bottom:.85rem}.home-host-chat-row .home-host-metrics-root{margin-top:0;display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-height:0;width:100%;box-sizing:border-box}.home-host-metrics-root{margin-top:1.25rem;width:100%;box-sizing:border-box;--host-val-cpu: #a5f3fc;--host-val-ram: #5eead4;--host-val-net: #fcd34d}.home-host-dials-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(1rem,4vw,3rem);width:100%}.home-host-chat-row .home-chat-card{margin-top:0;display:flex;flex-direction:column;width:100%;min-height:var(--home-chat-col-h);height:var(--home-chat-col-h);box-sizing:border-box}html[data-theme=light] .home-host-metrics-root{--host-val-cpu: #0369a1;--host-val-ram: #0f766e;--host-val-net: #b45309}.home-host-gauge-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.14rem;min-width:0}.home-host-gauge-title{font-size:.8125rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.055em;line-height:1.2}.home-host-gauge-stack{width:100%;max-width:190px;margin-inline:auto;margin-top:-.18rem;display:flex;flex-direction:column;align-items:center;border:none;background:none;box-shadow:none;padding:0}.home-host-gauge-svg{display:block;width:100%;max-width:182px;height:auto;aspect-ratio:100 / 70;overflow:visible;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}html[data-theme=light] .home-host-gauge-svg{filter:drop-shadow(0 4px 12px rgba(15,23,42,.08))}.home-host-gauge-rim{opacity:.88;filter:drop-shadow(0 0 6px rgba(52,211,153,.12))}html[data-theme=light] .home-host-gauge-rim{opacity:.95;filter:none}.home-host-gauge-track-under,.home-host-gauge-track{opacity:1}.home-host-gauge-value-arc{filter:drop-shadow(0 0 12px rgba(74,222,128,.35))}html[data-theme=light] .home-host-gauge-value-arc{filter:drop-shadow(0 0 10px rgba(22,163,74,.25))}.home-host-gauge-readout{font-size:clamp(1rem,3vw,1.2rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.1;margin-top:-1.48rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .35rem .15rem;position:relative;z-index:1}.home-host-gauge-readout--dial{color:#4ade80;text-shadow:0 0 18px rgba(74,222,128,.45),0 0 42px rgba(74,222,128,.12)}html[data-theme=light] .home-host-gauge-readout--dial{color:#15803d;text-shadow:0 1px 0 rgba(255,255,255,.6)}@media (max-width: 520px){.home-host-dials-row{flex-direction:column;align-items:center}.home-host-gauge-stack{max-width:208px;margin-inline:auto}}@media (max-width: 900px){.home-host-chat-row{grid-template-columns:1fr;--home-chat-col-h: min(48vh, 480px)}.home-host-chat-row .home-host-metrics-root{height:auto;min-height:0}.home-host-chat-row .home-chat-card{height:auto;min-height:var(--home-chat-col-h)}.home-host-chat-row .home-chat-frame-wrap{flex:none;height:var(--home-chat-col-h);min-height:var(--home-chat-col-h)}.home-host-chat-row .home-chat-frame-wrap iframe{position:static;min-height:0;height:100%}}.home-chat-card{margin-top:1.35rem;padding:.85rem}.home-chat-frame-wrap{position:relative;width:100%;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:#0e0e10;min-height:360px;height:min(52vh,520px)}.home-host-chat-row .home-chat-frame-wrap{flex:1 1 auto;min-height:0;height:100%}.home-chat-frame-wrap iframe{display:block;width:100%;height:100%;min-height:360px;border:0}.home-host-chat-row .home-chat-frame-wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%;min-height:0}.tools-header{margin-bottom:1rem}.tools-title{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.tools-subtitle{margin:.2rem 0 0;color:var(--text-muted);font-size:.9375rem}.tools-card{max-width:820px}.tools-form{display:flex;flex-direction:column;gap:1rem}.tools-row{display:flex;flex-direction:column;gap:.5rem}.tools-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.tools-inputRow,.tools-outputRow{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.tools-input{margin:0}.tools-btn{border:1px solid rgba(183,237,255,.35);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius);padding:.875rem 1rem;font-weight:700;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.tools-btn:hover{background:#9966ff47;transform:translateY(-1px)}.tools-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tools-btn.secondary{border-color:var(--tools-secondary-border);background:var(--bg-elevated);color:var(--text)}.tools-btn.secondary:hover{background:var(--bg-card-hover)}.steam-connect-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;border-color:#4f6fa3;background:linear-gradient(180deg,#2f4f88,#1e365f);color:#e5eefc}.steam-connect-btn:hover{background:linear-gradient(180deg,#3a609f,#254374);border-color:#6c89bd;color:#f3f7ff}.steam-connect-btn.steam-connect-btn-secondary{background:linear-gradient(180deg,#3a4c6c,#2a374f);border-color:#60759a;color:#edf3ff}.steam-connect-btn.steam-connect-btn-secondary:hover{background:linear-gradient(180deg,#455a7e,#32415d);border-color:#7e95bc}.steam-connect-icon{flex-shrink:0;display:block;object-fit:contain}.steam-panel{margin:0 auto;max-width:320px;padding:0;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;box-sizing:border-box}.steam-panel .tools-subtitle{margin:.35rem 0 0}.steam-panel .steam-connect-btn{width:100%;box-sizing:border-box;justify-content:center;min-height:40px;padding:.45rem .6rem;font-size:.8125rem}.steam-panel .steam-connect-cta{min-height:46px;padding:.55rem .75rem;font-size:1.05rem;font-weight:700}.tools-error{margin:0;color:var(--tools-error-text);background:#ef444414;border:1px solid rgba(239,68,68,.18);padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.875rem}.haste-page{position:relative;z-index:1;min-height:100vh;padding:0;display:flex;flex-direction:column}.haste-page-full{isolation:isolate}.haste-page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--bg);background-image:var(--galaxy-bg-stack);background-size:cover,cover,cover;background-position:center center,center center,center center;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.haste-page-bg:before,.haste-page-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.haste-page-bg:before{opacity:.56;background-image:radial-gradient(1px 1px,rgba(255,255,255,.58) 50%,transparent 50%),radial-gradient(1px 1px,rgba(210,230,255,.36) 50%,transparent 50%),radial-gradient(1px 1px,rgba(255,255,255,.4) 50%,transparent 50%);background-size:40px 40px,62px 62px,88px 88px;background-position:0 0,14px 20px,28px 9px;animation:galaxy-stars-drift 160s linear infinite}.haste-page-bg:after{opacity:.48;background-image:var(--galaxy-stars-bright),var(--galaxy-stars-fine);background-size:1280px 800px,1280px 800px;background-position:center center,center center;background-repeat:no-repeat}.haste-page-top{position:relative;z-index:1;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.haste-page-full .haste-editor-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:none;margin:0;padding:0;min-height:0}.haste-page-full .haste-toolbar{position:absolute;top:0;right:0;z-index:2;margin:0;padding:.6rem .85rem;background:transparent;border:none;border-radius:0;border-bottom:none;justify-content:flex-end;gap:.5rem}.haste-page-full .haste-toolbar .haste-btn{padding:.4rem .65rem;font-size:.8125rem}.haste-page-full .haste-toolbar .haste-btn kbd{font-size:.65rem;padding:.12rem .28rem}.haste-page-full .haste-toolbar .haste-home-icon{width:20px;height:20px}.haste-page-full .haste-textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100%;height:100%;padding:1.25rem 1.5rem 2rem 5rem;background:transparent;border:none;border-radius:0;resize:none;box-shadow:none}.haste-page-full .haste-textarea:focus{border:none;box-shadow:none;outline:none}.haste-back-link{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color var(--transition)}.haste-back-link:hover{color:var(--accent)}.haste-loading{padding:3rem;color:var(--text-muted);text-align:center}.haste-editor-wrap{flex:1;display:flex;flex-direction:column;max-width:960px;margin:0 auto;width:100%;padding:1rem 1.25rem 2rem}.tools-page .haste-editor-wrap{padding:2rem 1.5rem 3rem}.haste-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.haste-toolbar-left{display:flex;align-items:baseline;gap:.5rem}.haste-toolbar-title{font-weight:700;font-size:1rem;color:var(--accent)}.haste-paste-id{font-family:var(--font-mono);font-size:.875rem;color:var(--text-dim)}.haste-toolbar-right{display:flex;align-items:center;gap:.75rem}.haste-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.haste-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--accent)}.haste-btn:disabled{opacity:.6;cursor:not-allowed}.haste-btn kbd{font-size:.7rem;padding:.15rem .35rem;background:var(--kbd-bg);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono)}.haste-btn-save{border-color:#b7edff59;background:var(--accent-soft);color:var(--accent)}.haste-btn-save:hover:not(:disabled){background:#9966ff47}.haste-btn-home{padding:.4rem;line-height:0;text-decoration:none;color:var(--text)}.haste-btn-home:hover{color:var(--accent)}.haste-btn-home-right{margin-left:auto}.haste-home-icon{display:block;width:24px;height:24px;object-fit:contain;border-radius:4px}.haste-textarea{flex:1;min-height:320px;width:100%;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;resize:vertical;transition:border-color var(--transition)}.haste-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.haste-textarea[readonly]{cursor:default}.haste-textarea[readonly]:focus{border-color:var(--border);box-shadow:none}.haste-textarea::placeholder{color:var(--text-dim)}.haste-toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.5rem 1rem;background:var(--accent);color:var(--bg);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:10;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.haste-error{margin:0 0 .75rem;padding:.6rem .75rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:#fca5a5;font-size:.875rem}:root{--haste-hl-key: #20c8ff;--haste-hl-value: #ea4dff;--haste-hl-value-global: #ffffff;--haste-hl-header-text: #ffffff;--haste-hl-header-channel: #1aff7a;--haste-hl-punct: #cbd5e1;--haste-hl-linenum: #64748b}html[data-theme=light]{--haste-hl-key: #0088ff;--haste-hl-value: #c026d3;--haste-hl-value-global: #0f172a;--haste-hl-header-text: #0f172a;--haste-hl-header-channel: #00c853;--haste-hl-punct: #475569;--haste-hl-linenum: #94a3b8}.haste-highlighted{flex:1;position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;padding:1.25rem 1.5rem 2rem 1.25rem;background:transparent;border:none;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;-moz-tab-size:2;tab-size:2}.tools-page .haste-highlighted{position:relative;inset:auto;min-height:320px;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.haste-hl-row{display:block}.haste-hl-linenum{display:inline-block;min-width:2.25rem;margin-right:1.25rem;color:var(--haste-hl-linenum);-webkit-user-select:none;user-select:none;text-align:right}.haste-hl-code{color:var(--text)}.haste-hl-key{color:var(--haste-hl-key)}.haste-hl-value{color:var(--haste-hl-value)}.haste-hl-value-global{color:var(--haste-hl-value-global)}.haste-hl-header-text{color:var(--haste-hl-header-text)}.haste-hl-header-channel{color:var(--haste-hl-header-channel)}.haste-hl-punct{color:var(--haste-hl-punct)}.search-wrap{max-width:420px;margin:0 auto 2rem}.search-inner{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);font-size:.9375rem;transition:border-color var(--transition),box-shadow var(--transition)}.search-input::placeholder{color:var(--text-dim)}.search-input:hover{border-color:var(--border-hover)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.pill{padding:.4rem .9rem;border-radius:999px;font-size:.8125rem;font-weight:500;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.pill:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--border-hover)}.pill.active{background:var(--accent-soft);color:var(--accent);border-color:#b7edff59}.commands-section h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 1rem}.command-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);transition:border-color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition);animation:cardIn .4s ease backwards}.card:hover{background:var(--bg-card-hover);border-color:var(--border-soft);transform:translateY(-2px);box-shadow:var(--shadow)}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.card-name{font-family:var(--font-sans);font-size:1.125rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.card-owner{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--owner-badge);background:#ec48991f;padding:.2rem .5rem;border-radius:4px}.card-aliases{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.card-aliases span{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--text-dim);background:var(--bg-elevated);padding:.2rem .5rem;border-radius:4px}.card-aliases--cmdname span{font-size:.875rem;color:var(--text-muted)}.card-desc{font-size:.875rem;color:var(--text-muted);margin:0 0 .75rem;line-height:1.5}.card-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px}.card-tag[data-tag="7tv"]{background:#ef444426;color:#f87171}.card-tag[data-tag=moderation]{background:#f59e0b26;color:#fbbf24}.card-tag[data-tag=stats]{background:#8b5cf626;color:#a78bfa}.card-tag[data-tag=utility]{background:#10b98126;color:#34d399}.card-tag[data-tag=misc]{background:#64748b33;color:#94a3b8}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state p{margin:0 0 .5rem;font-size:1rem}.empty-state small{font-size:.875rem;color:var(--text-dim)}.count{font-size:.875rem;color:var(--text-dim);margin-bottom:1rem}.count strong{color:var(--text-muted)}