:root{--bg-base:#0a0a0e;--bg-surface:#13131a;--bg-elevated:#1a1a24;--bg-hover:#252530;--bg-input:#2a2a38;--border:#2a2a35;--text-primary:#efeff1;--text-secondary:#adadb8;--text-muted:#848494;--accent:#9147ff;--accent-hover:#772ce8;--accent-dim:#9147ff26;--cyan:#00e5ff;--green:#00e676;--red:#ff5252;--orange:#ff9100;--gold:#ffd740;--blue:#448aff;--purple:#b388ff;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:10px;--radius-sm:6px;--glow-purple:0 0 20px #9147ff4d;--glow-cyan:0 0 20px #00e5ff4d;--glow-green:0 0 20px #00e6764d;--glass-bg:#13131abf;--glass-bg-light:#1a1a2499;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 60% at 50% 0,#9147ff0f 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#00e5ff08 0%,#0000 50%);background-attachment:fixed;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.app-main{flex:1}.app-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);background:#0d0d12d9;align-items:center;height:50px;padding:0 24px;display:flex;position:sticky;top:0}.logo{color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.logo:hover{color:var(--text-primary)}.logo-icon{font-size:1.3rem}.logo-text{background:linear-gradient(135deg, var(--accent) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:4px;margin-left:32px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 14px;font-size:.85rem;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.auth-section{align-items:center;margin-left:auto;display:flex}.auth-user{align-items:center;gap:10px;display:flex}.auth-avatar{border:2px solid var(--accent);border-radius:50%;width:28px;height:28px}.auth-display-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.btn-login{border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;background:#9147ff1f;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:background .15s,transform .1s;display:flex}.btn-login:hover{background:#9147ff40;transform:scale(1.02)}.btn-login-icon{font-size:.9rem}.btn-logout{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:4px 12px;font-size:.75rem;transition:background .15s,color .15s}.btn-logout:hover{color:#ff5252;background:#ff525226;border-color:#ff52524d}.auth-loading{color:var(--text-muted);font-size:.8rem}.nav-link-active{color:var(--text-primary);background:var(--bg-elevated)}.channel-link{color:var(--text-primary);transition:color .15s}.channel-link:hover{color:var(--accent)}.app-main{box-sizing:border-box;width:100%;max-width:1800px;margin:0 auto;padding:24px}.loading,.error-msg{min-height:300px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.error-msg{color:var(--red)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin-right:10px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stream-list-header{margin-bottom:24px}.stream-list-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.stream-list-header h1{font-size:1.6rem;font-weight:700}.stream-list-header p{color:var(--text-secondary);margin-top:4px}.channel-toolbar{flex-direction:column;gap:8px;min-width:min(100%,520px);display:flex}.channel-input-row{flex-wrap:wrap;gap:8px;display:flex}.channel-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);min-width:220px;color:var(--text-primary);outline:none;flex:220px;padding:10px 12px}.channel-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9147ff29}.toolbar-button{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;padding:10px 14px;font-weight:600}.toolbar-button:hover:not(:disabled),.card-action-button:hover:not(:disabled){border-color:var(--accent)}.toolbar-button:disabled,.card-action-button:disabled{opacity:.65;cursor:default}.toolbar-button-primary{background:var(--accent);border-color:var(--accent)}.toolbar-button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.toolbar-hint{color:var(--text-muted);font-size:.8rem}.toolbar-banner{border-radius:var(--radius);border:1px solid var(--border);margin:0 0 16px;padding:12px 14px;font-weight:500}.toolbar-banner-success{color:#8effc0;background:#00c8781f;border-color:#00c87847}.toolbar-banner-error{color:#ffb3b3;background:#ff52521f;border-color:#ff525247}.stream-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.stream-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;padding:20px;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.stream-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000,#0000);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stream-card:hover:before{opacity:1;background:linear-gradient(135deg,#9147ff80,#00e5ff80)}.stream-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #9147ff26,0 4px 16px #0000004d}.stream-card-channel{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stream-card-channel h3{font-size:1.1rem;font-weight:600}.stream-card-game{color:var(--accent);font-size:.85rem;font-weight:500}.stream-card-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px;font-size:.9rem;overflow:hidden}.stream-card-stats{flex-wrap:wrap;gap:16px;display:flex}.stat-pill{background:var(--bg-elevated);color:var(--text-secondary);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;display:flex}.stat-pill .stat-value{color:var(--text-primary);font-weight:600}.channel-card{flex-direction:column;gap:12px;display:flex;overflow:hidden}.channel-card-name h3{font-size:1.2rem;font-weight:700}.channel-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card-action-button{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;padding:.45rem .8rem;font-size:.78rem;font-weight:700}.channel-badges{flex-wrap:wrap;gap:.45rem;margin-top:.45rem;display:flex}.channel-badge{letter-spacing:.03em;color:var(--text-secondary);background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:.28rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-live-tracking{color:#8effc0;background:#00c87829;border-color:#00c87859;box-shadow:0 0 8px #00c87833}.badge-live{color:#ff9d9d;background:#ff575729;border-color:#ff57574d;animation:2s ease-in-out infinite live-dot-pulse;box-shadow:0 0 8px #ff575733}.badge-monitored{color:#d2b9ff;background:#9147ff2e;border-color:#9147ff5c}.badge-data{color:#a4cbff;background:#50a0ff1f;border-color:#50a0ff47}.badge-offline{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff1a}.channel-card-avatar{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex}.channel-card-live{box-shadow:0 0 20px #ff525214;border-color:#ff52524d!important}.channel-card-live:before{opacity:1!important;background:linear-gradient(135deg,#ff525266,#9147ff66)!important}.channel-card-stats{margin-top:.35rem}.channel-live-meta{border-top:1px solid #ffffff0f;padding-top:.85rem}.channel-live-meta-muted .channel-live-title{color:var(--text-secondary)}.channel-live-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-weight:600;overflow:hidden}.channel-live-subtitle{color:var(--text-secondary);font-size:.92rem}.date-range-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex}.stream-sessions-table{table-layout:auto}.stream-session-row{cursor:pointer;transition:background .15s}.stream-session-row:hover td{background:var(--bg-hover)}.stream-session-link{color:var(--text-primary);font-weight:500}.stream-session-link:hover{color:var(--accent)}.empty-state{text-align:center;color:var(--text-muted);padding:80px 20px}.empty-state h2{color:var(--text-secondary);margin-bottom:8px;font-size:1.3rem}.detail-back{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:20px;font-size:.85rem;transition:color .15s;display:inline-flex}.detail-back:hover{color:var(--text-primary)}.detail-header{margin-bottom:28px}.detail-header h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:800}.detail-meta{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:.85rem;display:flex}.detail-meta span{align-items:center;gap:4px;display:flex}.detail-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.stat-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);min-width:140px;padding:16px 20px;transition:transform .2s,box-shadow .2s,border-color .2s}.stat-box:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stat-box .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:.7rem;font-weight:500}.stat-box .stat-value{letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.stat-box .stat-value .animated-number{text-shadow:0 0 30px}.section{margin-bottom:32px}.section-title{color:var(--text-primary);letter-spacing:-.01em;border-bottom:1px solid #ffffff0d;margin-bottom:16px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.timeline-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;padding:20px}.chart-legend{flex-wrap:wrap;gap:20px;margin-bottom:12px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.peaks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.peak-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden}.peak-card:before{content:"";background:linear-gradient(180deg, var(--accent), var(--purple));width:3px;height:100%;position:absolute;top:0;left:0}.peak-rank{background:var(--accent-dim);width:24px;height:24px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:.75rem;font-weight:700;display:inline-flex}.peak-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.peak-time{color:var(--text-muted);font-size:.8rem}.peak-hype{color:var(--purple);font-size:.85rem;font-weight:600}.peak-excerpts{color:var(--text-secondary);max-height:80px;font-size:.8rem;overflow:hidden}.peak-clip-badge{color:#00bcd4;white-space:nowrap;background:#00bcd426;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.peak-clips{margin-bottom:6px;padding:4px 0}.peak-clip-item{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.75rem;overflow:hidden}.peak-clip-link{color:#00bcd4;font-weight:500}.peak-clip-link:hover{color:#4dd0e1}.peak-clip-creator{color:var(--text-muted);margin-left:4px;font-size:.7rem}.peak-excerpt-line{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.peak-excerpt-line .chat-user{color:var(--accent);font-weight:600}.leaderboard-table{border-collapse:collapse;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);width:100%;overflow:hidden}.leaderboard-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600;overflow:hidden}.leaderboard-table td{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:10px 16px;font-size:.9rem;overflow:hidden}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tr:hover td{background:var(--bg-hover)}.rank-cell{color:var(--text-muted);width:50px;font-weight:600}.username-cell{font-weight:500}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;margin-left:6px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-sub{color:var(--accent);background:#9147ff33}.badge-mod{color:var(--green);background:#00e67633}.msg-count-bar{align-items:center;gap:8px;display:flex}.msg-count-fill{background:linear-gradient(90deg, var(--accent), var(--purple));border-radius:3px;height:6px;transition:width .3s}.event-log{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);max-height:500px;overflow:hidden auto}.event-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;font-size:.85rem;display:flex}.event-item:last-child{border-bottom:none}.event-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;display:flex}.event-icon-sub{background:#9147ff33}.event-icon-raid{background:#ff910033}.event-icon-cheer{background:#ffd60033}.event-icon-ban{background:#ff525233}.event-body{flex:1;min-width:0}.event-body strong{color:var(--text-primary)}.event-body p{color:var(--text-secondary);margin-top:2px}.event-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.event-markers-legend{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.event-legend-item{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.event-legend-dot{border-radius:50%;width:8px;height:8px}.event-marker-bar{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);height:22px;margin:0;position:relative;overflow:visible}.event-marker-dot-wrapper{z-index:2;cursor:pointer;position:absolute;top:50%;transform:translate(-50%,-50%)}.event-marker-dot{border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;box-shadow:0 0 6px #00000080}.event-marker-dot-wrapper:hover .event-marker-dot{transform:scale(1.3)}.event-marker-count{color:#fff;font-size:8px;font-weight:700;line-height:1}.event-marker-tooltip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);white-space:nowrap;z-index:100;pointer-events:none;padding:8px 12px;font-size:.75rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.event-marker-tooltip-time{color:var(--text-muted);margin-bottom:4px;font-weight:600}.event-marker-tooltip-row{color:var(--text-secondary);align-items:center;gap:6px;padding:1px 0;display:flex}.event-marker-tooltip-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.event-marker-gap{border-radius:3px;transform:rotate(45deg)}.event-marker-dot-wrapper:hover .event-marker-gap{transform:rotate(45deg)scale(1.3)}.event-marker-gap-icon{color:#fff;font-size:9px;line-height:1;display:block;transform:rotate(-45deg)}.event-marker-gap-warn{box-shadow:0 0 8px #ff980080}.event-marker-gap-offline{box-shadow:0 0 8px #66666680}.event-marker-tooltip-detail{color:var(--text-muted);font-size:.7rem}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.clip-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.clip-card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px)}.clip-thumbnail{aspect-ratio:16/9;background:var(--bg-base);position:relative;overflow:hidden}.clip-thumbnail img{object-fit:cover;width:100%;height:100%}.clip-views{color:var(--text-primary);border-radius:var(--radius-sm);background:#000000bf;padding:2px 8px;font-size:.7rem;font-weight:600;position:absolute;bottom:6px;right:6px}.clip-info{padding:10px 12px}.clip-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.85rem;font-weight:500;overflow:hidden}.clip-creator{color:var(--text-muted);font-size:.75rem}.chat-analytics-title{background:linear-gradient(90deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.chat-analytics-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.chat-analytics-grid-wide{grid-template-columns:2fr 1fr}.chat-analytics-col{min-width:0}.subsection-title{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem;font-weight:600}.emote-leaderboard{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.emote-leaderboard-header{margin-bottom:16px}.emote-total{color:var(--text-muted);font-size:.8rem;font-weight:500}.emote-list{flex-direction:column;gap:6px;display:flex}.emote-row{align-items:center;gap:12px;padding:6px 0;display:flex}.emote-rank{width:32px;color:var(--text-muted);text-align:right;flex-shrink:0;font-size:.75rem;font-weight:700}.emote-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:24px;display:flex}.emote-image{border-radius:2px}.emote-text-fallback{color:var(--text-muted);font-style:italic}.emote-name{width:100px;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:.85rem;font-weight:600;overflow:hidden}.emote-bar-wrapper{background:var(--bg-elevated);border-radius:4px;flex:1;height:8px;overflow:hidden}.emote-bar-fill{background:linear-gradient(90deg, var(--accent), var(--purple));border-radius:4px;height:100%;transition:width .5s}.emote-count{text-align:right;width:50px;color:var(--text-primary);flex-shrink:0;font-size:.8rem;font-weight:600}.emote-pct{text-align:right;width:45px;color:var(--text-muted);flex-shrink:0;font-size:.75rem}.first-timers-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.first-timers-stat{margin-bottom:20px}.first-timers-number{background:linear-gradient(135deg, var(--green), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2.4rem;font-weight:800;line-height:1}.first-timers-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.first-timers-pct{color:var(--text-muted);font-size:.8rem}.first-timers-list-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:.75rem}.first-timers-names{flex-wrap:wrap;gap:6px;display:flex}.first-timer-tag{background:var(--accent-dim);color:var(--accent);border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.loyalty-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.loyalty-table th:hover{color:var(--text-primary)}.loyalty-tier-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.message-stats-grid{flex-direction:column;gap:20px;display:flex}.message-stats-summary{align-items:flex-start;gap:20px;display:flex}.message-stats-donut{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:16px}.donut-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:4px;display:flex}.message-stats-timeline{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.attendance-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.attendance-table th:hover{color:var(--text-primary)}.attendance-table td{padding:0}.attendance-row-inner{grid-template-columns:50px 1fr 120px 120px 180px 100px;align-items:center;padding:0;transition:background .15s;display:grid}.attendance-row-inner:hover{background:var(--bg-hover)}.attendance-cell{padding:10px 16px;font-size:.9rem}.attendance-cell-username{font-weight:500}.attendance-cell-rate{align-items:center;gap:8px;display:flex}.attendance-rate-bar{background:var(--bg-elevated);border-radius:3px;flex:1;height:6px;overflow:hidden}.attendance-rate-fill{background:linear-gradient(90deg, var(--accent), var(--purple));border-radius:3px;height:100%;transition:width .4s}.attendance-rate-label{color:var(--text-secondary);text-align:right;min-width:40px;font-size:.8rem}.attendance-rank-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:800;display:inline-flex}.attendance-rank-gold{color:#ffd600;background:#ffd60033;box-shadow:0 0 8px #ffd6004d}.attendance-rank-silver{color:#adadb8;background:#adadb833}.attendance-rank-bronze{color:#cd7f32;background:#cd7f3233}.attendance-row-expanded>td{background:var(--bg-surface)}.attendance-calendar{border-top:1px solid var(--border);background:var(--bg-base);padding:10px 16px 14px}.attendance-calendar-grid{flex-wrap:wrap;gap:3px;margin-bottom:8px;display:flex}.attendance-dot{border-radius:2px;flex-shrink:0;width:14px;height:14px}.attendance-dot-attended{opacity:.85;background:#00e676}.attendance-dot-missed{background:#2f2f35}.attendance-dot-attended:hover{opacity:1;box-shadow:0 0 4px #00e67680}.attendance-dot-missed:hover{background:#3a3a40}.attendance-calendar-legend{color:var(--text-muted);align-items:center;gap:14px;font-size:.75rem;display:flex}.attendance-calendar-legend span{align-items:center;gap:4px;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9147ff4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9147ff80}.chat-visualizer{border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.chat-visualizer-fullscreen{border-radius:0}.visualizer-fullscreen-btn{z-index:10;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff26;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.visualizer-fullscreen-btn:hover{color:var(--text-primary);background:#9147ff66}.visualizer-page{z-index:1000;background:#000;width:100vw;height:100vh;margin:0;padding:0;position:fixed;top:0;left:0}.visualizer-page .chat-visualizer{border-radius:0}.segment-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.segment-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.segment-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem}.segment-card-title{font-size:1rem;font-weight:600}.segment-total{color:var(--text-secondary);font-size:.82rem}.segment-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.segment-summary-pill{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.segment-summary-pill span{color:var(--text-muted);font-size:.75rem}.segment-summary-pill strong{font-size:.95rem}.segment-table-wrap{overflow-x:auto}.segment-table{border-collapse:collapse;width:100%}.segment-table th,.segment-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 12px;font-size:.86rem}.segment-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.segment-table tbody tr:last-child td{border-bottom:none}.delta-positive{color:#58d68d;font-weight:600}.delta-negative{color:#ff7a7a;font-weight:600}.segment-footnotes{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:.78rem;display:flex}@media (width<=768px){.app-main{padding:16px}.stream-grid,.detail-stats{grid-template-columns:1fr}.stat-box{min-width:auto}.chat-analytics-grid{grid-template-columns:1fr}.message-stats-summary{flex-direction:column}.peaks-grid{grid-template-columns:1fr}.leaderboard-table{font-size:.8rem}.leaderboard-table th,.leaderboard-table td{padding:8px 10px}.segment-summary-grid{grid-template-columns:1fr}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.card-empty-state{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);text-align:center;padding:20px}.card-empty-state-left{text-align:left}.card-empty-state-inline{text-align:left;background:var(--bg-elevated);margin-top:12px;padding:12px 14px}.card-empty-state-title{color:var(--text-primary);margin-bottom:6px;font-weight:600}.card-empty-state-meta{color:var(--text-muted);margin-top:8px;font-size:.8rem}.live-badge{background:var(--red);color:#fff;letter-spacing:.05em;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;font-weight:700;line-height:1;animation:2s ease-in-out infinite live-glow;display:inline-flex;box-shadow:0 0 16px #ff525266}.live-badge:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite live-dot-pulse}@keyframes live-glow{0%,to{box-shadow:0 0 16px #ff525266}50%{box-shadow:0 0 24px #ff525299}}@keyframes live-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.last-updated{color:var(--text-muted);font-size:.75rem;font-weight:400}.chat-feed-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.chat-feed-scroll{max-height:500px;padding:8px 0;overflow-y:auto}.chat-feed-row{border-radius:var(--radius-sm);gap:8px;padding:4px 14px;font-size:.85rem;line-height:1.4;display:flex}.chat-feed-row:hover{background:var(--bg-hover)!important}.chat-feed-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:58px;padding-top:1px;font-size:.75rem}.chat-feed-username{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:160px;font-size:.85rem;font-weight:600;overflow:hidden}.chat-feed-message{color:var(--text-secondary);word-break:break-word}.chat-feed-resume{background:var(--accent);color:#fff;cursor:pointer;z-index:5;border:none;border-radius:20px;padding:6px 18px;font-size:.8rem;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #9147ff66}.chat-feed-resume:hover{background:var(--accent-hover)}.time-travel-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d4a5ff;background:#bf5af21f;border:1px solid #bf5af24d;border-radius:8px;justify-content:space-between;align-items:center;margin:8px 12px;padding:10px 16px;font-size:.85rem;display:flex}.time-travel-return{color:#d4a5ff;cursor:pointer;background:#bf5af233;border:1px solid #bf5af266;border-radius:6px;padding:4px 12px;font-size:.8rem;transition:background .15s}.time-travel-return:hover{background:#bf5af259}.granularity-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.granularity-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:6px 12px;font-size:.82rem}.granularity-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9147ff29}.granularity-label{color:var(--text-muted);font-size:.8rem}.game-split-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px 14px;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.game-split-toggle:hover{border-color:var(--accent);color:var(--text-primary)}.game-split-toggle-active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.game-legend{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.game-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.game-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stream-detail-page .section,.stream-detail-page .section-grid-2col,.channel-overview-page .section,.channel-overview-page .tab-content .section{animation:.35s ease-out both fadeInUp}.section-delay-1{animation-delay:30ms}.section-delay-2{animation-delay:60ms}.section-delay-3{animation-delay:90ms}.section-delay-4{animation-delay:.12s}.section-delay-5{animation-delay:.15s}.section-delay-6{animation-delay:.18s}.section-delay-7{animation-delay:.21s}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;transition:box-shadow .25s,border-color .25s,transform .25s;overflow:hidden}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0a}.glass-card-padded{padding:24px}.detail-header-top{align-items:center;gap:12px;display:flex}.detail-meta-game{align-items:center;gap:6px;display:inline-flex}.game-box-art{object-fit:cover;vertical-align:middle;border-radius:6px;width:32px;height:32px}.game-emoji{font-size:1rem}.short-stream-banner{border-radius:var(--radius);color:var(--orange);background:#ff910014;border:1px solid #ff910033;align-items:center;gap:10px;margin:12px 0 16px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.short-stream-icon{font-size:1.1rem}.stat-box-accent-purple{background:linear-gradient(135deg, #9147ff1f 0%, var(--glass-bg) 100%);border-color:#9147ff33}.stat-box-accent-purple:hover{box-shadow:0 8px 24px #9147ff1f}.stat-box-accent-blue{background:linear-gradient(135deg, #448aff1a 0%, var(--glass-bg) 100%);border-color:#448aff2e}.stat-box-accent-blue:hover{box-shadow:0 8px 24px #448aff1a}.stat-box-accent-green{background:linear-gradient(135deg, #00e6761a 0%, var(--glass-bg) 100%);border-color:#00e6762e}.stat-box-accent-green:hover{box-shadow:0 8px 24px #00e6761a}.stat-box-accent-gold{background:linear-gradient(135deg, #ffd74014 0%, var(--glass-bg) 100%);border-color:#ffd74026}.stat-box-accent-gold:hover{box-shadow:0 8px 24px #ffd74014}.stat-box-accent-orange{background:linear-gradient(135deg, #ff910014 0%, var(--glass-bg) 100%);border-color:#ff910026}.stat-box-accent-orange:hover{box-shadow:0 8px 24px #ff910014}.trend-arrow{vertical-align:middle;margin-left:8px;font-size:.7rem;font-weight:700;display:inline-block}.trend-up{color:var(--green)}.trend-down{color:var(--red)}.section-grid-2col{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}@media (width<=900px){.section-grid-2col{grid-template-columns:1fr}}.report-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:14px;padding:28px;position:relative;overflow:hidden}.report-card:before{content:"";background:linear-gradient(90deg,#0000,#9147ff4d,#00e5ff33,#0000);height:1px;position:absolute;top:0;left:0;right:0}.report-card .section-title{background:linear-gradient(90deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-bottom:none;margin-bottom:20px;padding-bottom:0;font-size:1.2rem}.report-card-content{align-items:center;gap:40px;display:flex}.report-card-left{flex-shrink:0}.report-score-ring{width:140px;height:140px;position:relative}.report-score-ring .health-ring-svg{width:100%;height:100%}.report-score-inner{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.report-grade{font-size:2rem;font-weight:800;line-height:1}.report-score-num{opacity:.8;font-size:.85rem;font-weight:600}.report-card-right{flex:1;min-width:0}.report-components-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.report-component{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}.report-component-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.72rem}.report-component-actual{color:var(--text-primary);margin-bottom:2px;font-size:1.1rem;font-weight:700}.report-comparison{margin-bottom:6px;font-size:.7rem;font-weight:600;display:block}.report-comparison-up{color:var(--green)}.report-comparison-down{color:var(--red)}.report-comparison-neutral{color:var(--text-muted)}.report-component-score{margin-bottom:6px;font-size:1.1rem;font-weight:700}.report-component-bar{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.report-component-fill{border-radius:2px;height:100%;transition:width .5s}.report-raids-section{border-top:1px solid #ffffff0f;margin-top:20px;padding-top:16px}.report-raids-title{color:var(--text-secondary);margin-bottom:10px;font-size:.85rem;font-weight:600}.report-raids-list{flex-direction:column;gap:8px;display:flex}.report-raid-item{background:#ffffff08;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:.85rem;display:flex}.report-raid-raider{color:var(--text-primary);font-weight:600}.report-raid-viewers{color:var(--text-secondary)}.report-raid-time{color:var(--text-muted);margin-left:auto;font-size:.75rem}.report-raid-badge{text-transform:uppercase;color:#000;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.empty-state-card{text-align:center;color:var(--text-muted);padding:40px 24px}.empty-state-icon{margin-bottom:12px;font-size:2rem}.empty-state-title{color:var(--text-secondary);margin-bottom:6px;font-size:1rem;font-weight:600}.empty-state-desc{color:var(--text-muted);max-width:400px;margin:0 auto;font-size:.85rem}.chat-feed-badges{flex-shrink:0;gap:3px;display:inline-flex}.chat-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:3px;justify-content:center;align-items:center;padding:1px 5px;font-size:.6rem;font-weight:700;line-height:1.3;display:inline-flex}.chat-pill-mod{color:var(--green);background:#00e67633}.chat-pill-sub{color:var(--accent);background:#9147ff33}.chat-pill-bot{background:#ffffff14;padding:1px 4px;font-size:.7rem}.badge-bot{color:var(--text-muted);background:#ffffff14;font-size:.65rem}.badge-clipper{color:#00e5ff;background:#00e5ff26;font-size:.65rem}.clip-card{border-radius:12px;transition:border-color .15s,transform .2s,box-shadow .2s}.clip-card:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 32px #0006}.clip-thumbnail{border-radius:12px 12px 0 0}.clip-thumbnail img{border-radius:12px 12px 0 0;transition:transform .3s}.clip-card:hover .clip-thumbnail img{transform:scale(1.05)}.clip-duration{color:var(--text-primary);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;background:#000c;padding:2px 6px;font-size:.7rem;font-weight:600;position:absolute;bottom:6px;left:6px}.clip-views-icon{margin-right:2px;font-size:.65rem}.stream-tabs{border:1px solid var(--glass-border);background:#13131a80;border-radius:12px;gap:4px;margin-bottom:28px;padding:4px;display:flex}.stream-tab{cursor:pointer;color:var(--text-muted);font-family:var(--font);background:0 0;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s;position:relative}.stream-tab:hover{color:var(--text-primary);background:#ffffff0a}.stream-tab.active{color:#fff;background:var(--accent);box-shadow:var(--glow-purple), 0 2px 8px #9147ff4d}.overview-tabs{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);background:#13131a99;border-radius:14px;gap:6px;width:fit-content;margin-bottom:32px;padding:4px;display:flex}.overview-tab{cursor:pointer;color:var(--text-muted);font-family:var(--font);white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:10px 22px;font-size:.88rem;font-weight:600;transition:all .25s}.overview-tab:hover{color:var(--text-primary);background:#9147ff1a}.overview-tab.active{color:#fff;background:var(--accent);box-shadow:var(--glow-purple)}.tab-content{animation:.25s ease-out tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.channel-hero{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:32px;padding:32px;position:relative;overflow:hidden}.channel-hero:before{content:"";pointer-events:none;background:radial-gradient(#9147ff14 0%,#0000 70%);width:60%;height:200%;position:absolute;top:-50%;left:-20%}.channel-hero:after{content:"";pointer-events:none;background:radial-gradient(#00e5ff0d 0%,#0000 70%);width:40%;height:200%;position:absolute;bottom:-50%;right:-10%}.channel-hero-top{z-index:1;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.channel-hero-avatar{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex}.channel-hero-name{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.channel-hero-stats{z-index:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid;position:relative}.hero-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:16px 12px;transition:transform .2s,border-color .2s}.hero-stat:hover{border-color:#9147ff33;transform:translateY(-2px)}.hero-stat-value{letter-spacing:-.02em;margin-bottom:4px;font-size:2rem;font-weight:800;line-height:1.1}.hero-stat-value .animated-number{text-shadow:0 0 40px}.hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.72rem;font-weight:500}.hero-stat-purple .hero-stat-value{color:var(--accent)}.hero-stat-cyan .hero-stat-value{color:var(--cyan)}.hero-stat-green .hero-stat-value{color:var(--green)}.hero-stat-gold .hero-stat-value{color:var(--gold)}.hero-stat-blue .hero-stat-value{color:var(--blue)}.perf-grid{grid-template-columns:3fr 1fr;gap:20px;margin-bottom:28px;display:grid}.perf-sidebar{flex-direction:column;gap:20px;display:flex}@media (width<=1100px){.perf-grid{grid-template-columns:1fr}}.animated-number{font-variant-numeric:tabular-nums}.clip-card.highlighted{box-shadow:0 0 0 2px var(--accent);transition:box-shadow .3s}.revenue-stat{position:relative}.revenue-breakdown{z-index:20;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;margin-top:4px;padding:12px 16px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0006}.revenue-breakdown-row{color:var(--text-secondary);justify-content:space-between;padding:3px 0;font-size:.82rem;display:flex}.revenue-breakdown-row span:last-child{color:var(--text-primary);font-weight:600}.revenue-caveat{border-top:1px solid var(--border);color:var(--text-muted);margin-top:8px;padding-top:8px;font-size:.7rem;line-height:1.4}@media (width<=900px){.report-card-content{flex-direction:column;gap:20px}.report-components-grid{grid-template-columns:repeat(2,1fr)}.chat-analytics-grid{grid-template-columns:1fr}.stream-tab{padding:10px 16px;font-size:.85rem}}.app-footer{color:#3a3a4a;border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:48px 24px 24px;font-size:.78rem;display:flex}.footer-logo{color:var(--accent);letter-spacing:.5px;text-shadow:0 0 20px #9147ff4d;font-weight:700}.footer-sep{color:#3a3a4a}.footer-text{color:#535362}@media (width<=900px){.report-card-content{flex-direction:column}.report-components-grid{grid-template-columns:1fr 1fr}.chat-analytics-grid-wide{grid-template-columns:1fr}.stream-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.stream-tab{white-space:nowrap;flex-shrink:0}.detail-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (width<=600px){.report-components-grid{grid-template-columns:1fr}.detail-stats{grid-template-columns:1fr 1fr}.stream-tabs{gap:0}.stream-tab{padding:10px 16px;font-size:.85rem}}.legend-dash{vertical-align:middle;border-top:2px dashed #fff6;width:16px;height:0;margin-right:2px;display:inline-block}.chatter-clickable{cursor:pointer;transition:color .15s}.chatter-clickable:hover{color:var(--accent);text-decoration:underline}.chatter-profile-overlay{z-index:200;background:#0009;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.chatter-profile-panel{border-radius:12px 0 0 12px;width:420px;max-width:100%;height:100%;padding:28px 24px;animation:.25s ease-out slideInRight;position:relative;overflow-y:auto}.chatter-profile-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.chatter-profile-close:hover{color:var(--text-primary);background:#ffffff26}.chatter-profile-header{align-items:center;gap:12px;margin-bottom:24px;padding-right:40px;display:flex}.chatter-profile-username{background:linear-gradient(90deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.chatter-profile-badges{gap:6px;display:flex}.chatter-profile-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.chatter-profile-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:12px}.chatter-profile-stat-value{color:var(--text-primary);margin-bottom:2px;font-size:1.1rem;font-weight:700}.chatter-profile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.chatter-profile-streaks{gap:16px;margin-bottom:20px;display:flex}.chatter-profile-streak{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex:1;align-items:center;gap:8px;padding:12px;display:flex}.chatter-profile-streak-icon{font-size:1.2rem}.chatter-profile-streak-value{color:var(--text-primary);font-size:1.3rem;font-weight:800}.chatter-profile-streak-label{color:var(--text-muted);font-size:.72rem}.chatter-profile-section{margin-bottom:20px}.chatter-profile-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px;font-size:.75rem}.chatter-profile-emotes{flex-wrap:wrap;gap:8px;display:flex}.chatter-profile-emote{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;display:inline-flex}.chatter-profile-emote-count{color:var(--text-muted);font-size:.72rem;font-weight:600}.chatter-profile-streams-table{border-collapse:collapse;width:100%;font-size:.85rem}.chatter-profile-streams-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid #ffffff0f;padding:8px 10px;font-size:.72rem}.chatter-profile-streams-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:8px 10px}.chatter-profile-streams-table a{color:var(--accent)}.chatter-profile-streams-table a:hover{color:var(--accent-hover)}.channel-overview-page .section{animation:.35s ease-out both fadeInUp}.stream-detail-page .detail-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:14px;margin-bottom:24px;padding:24px 28px;position:relative;overflow:hidden}.stream-detail-page .detail-header:before{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan), var(--green));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.engagement-grid-2col{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}@media (width<=900px){.engagement-grid-2col{grid-template-columns:1fr}}@media (width<=768px){.chatter-profile-panel{border-radius:0;width:100%}.chatter-profile-stats{grid-template-columns:1fr 1fr}}.chat-search-container{flex-direction:column;gap:12px;display:flex}.chat-search-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-search-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:160px;color:var(--text-primary);font-family:var(--font);outline:none;flex:1;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.chat-search-input:focus{border-color:var(--accent)}.chat-search-username{max-width:180px}.chat-search-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);cursor:pointer;outline:none;min-width:160px;padding:8px 12px;font-size:.85rem}.chat-search-select:focus{border-color:var(--accent)}.chat-search-btn{background:var(--accent);border-radius:var(--radius-sm);color:#fff;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;font-size:.85rem;transition:background .2s}.chat-search-btn:hover:not(:disabled){background:var(--accent-hover)}.chat-search-btn:disabled{opacity:.5;cursor:not-allowed}.chat-search-btn-clear{background:var(--bg-hover)}.chat-search-btn-clear:hover:not(:disabled){background:var(--bg-input)}.chat-search-results-area{flex-direction:column;gap:8px;display:flex}.chat-search-count{color:var(--text-muted);padding:0 4px;font-size:.8rem}.chat-search-results-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);max-height:400px;overflow-y:auto}.chat-search-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 10px;transition:background .15s;display:flex}.chat-search-row:last-child{border-bottom:none}.chat-search-row:hover{background:var(--bg-hover)}.chat-search-row-main{flex-wrap:wrap;flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.chat-search-stream-label{color:var(--text-muted);background:var(--bg-elevated);border-radius:var(--radius-sm);white-space:nowrap;padding:1px 6px;font-size:.7rem}.chat-search-highlight{color:#fff;background:#9147ff4d;border-radius:2px;padding:0 1px}.chat-search-jump-btn{color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;margin-top:2px;padding:2px 8px;font-size:.7rem;transition:background .2s}.chat-search-jump-btn:hover{background:#9147ff4d}.chat-search-load-more{background:var(--bg-elevated);width:100%;color:var(--accent);font-family:var(--font);cursor:pointer;border:none;padding:10px;font-size:.8rem;transition:background .2s;display:block}.chat-search-load-more:hover:not(:disabled){background:var(--bg-hover)}.chat-search-load-more:disabled{opacity:.5;cursor:not-allowed}.chat-search-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:.85rem}@media (width<=768px){.chat-search-controls{flex-direction:column}.chat-search-input,.chat-search-username,.chat-search-select{width:100%;max-width:none}.chat-search-btn{width:100%}}.chat-feed-row-deleted{opacity:.5}.chat-feed-row-deleted .chat-feed-message{text-decoration:line-through}.chat-pill-deleted{background:var(--red);color:#fff;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:600}.chat-search-row-deleted{opacity:.5}.chat-search-row-deleted .chat-feed-message{text-decoration:line-through}.chat-search-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;margin-left:16px;font-size:.82rem;display:inline-flex}.chat-search-toggle input{accent-color:var(--accent);cursor:pointer}.event-item-clickable{cursor:pointer;transition:background .15s}.event-item-clickable:hover{background:var(--bg-hover)}.event-context-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:.72rem;transition:color .15s,border-color .15s}.event-context-btn:hover{color:var(--accent);border-color:var(--accent)}.chat-feed-row-highlight{border-left:3px solid gold;box-shadow:inset 0 0 0 1px #ffd7002e;background:linear-gradient(90deg,#ffd70038 0%,#ffc10724 100%)!important}.chat-feed-row-highlight:hover{background:linear-gradient(90deg,#ffd70047 0%,#ffc1072e 100%)!important}.clip-card{position:relative}.clip-card-link{color:inherit;text-decoration:none;display:block}.clip-card-link:hover{color:inherit}.clip-chat-btn{z-index:5;width:32px;height:32px;color:var(--text-primary);cursor:pointer;opacity:0;background:#000000bf;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:opacity .15s,background .15s;display:flex;position:absolute;top:8px;right:8px}.clip-card:hover .clip-chat-btn{opacity:1}.clip-chat-btn:hover{background:var(--accent)}.clip-chat-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.clip-chat-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:440px;max-width:95vw;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000080}.clip-chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.clip-chat-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.clip-chat-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1}.clip-chat-close:hover{color:var(--text-primary)}.clip-chat-status{text-align:center;color:var(--text-secondary);padding:32px 16px;font-size:.9rem}.clip-chat-error{color:var(--red)}.clip-chat-controls{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.clip-chat-play{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font);border:none;padding:5px 14px;transition:background .15s}.clip-chat-play:hover{background:var(--accent-hover)}.clip-chat-play.active{background:var(--red)}.clip-chat-play.active:hover{background:#e04848}.clip-chat-timer{color:var(--accent);font-variant-numeric:tabular-nums;min-width:50px;font-size:.85rem;font-weight:600}.clip-chat-count{color:var(--text-muted);margin-left:auto;font-size:.78rem}.clip-chat-messages{flex:1;min-height:200px;max-height:50vh;padding:8px 0;overflow-y:auto}.clip-chat-msg{gap:8px;padding:3px 16px;font-size:.82rem;line-height:1.45;transition:background .1s;display:flex}.clip-chat-msg:hover{background:var(--bg-hover)}.clip-chat-msg-current{border-left:2px solid var(--accent);background:#9147ff1a}.clip-chat-msg-mod .clip-chat-user{color:var(--green)}.clip-chat-msg-sub .clip-chat-user{color:var(--accent)}.clip-chat-time{width:48px;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;padding-top:1px;font-size:.75rem}.clip-chat-user{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:120px;font-weight:600;overflow:hidden}.clip-chat-user:after{content:":"}.clip-chat-text{color:var(--text-primary);word-break:break-word}.login-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#13131acc;border:1px solid #ffffff0f;border-radius:16px;width:100%;max-width:420px;padding:48px 40px}.login-logo{margin-bottom:8px;font-size:3rem}.login-title{background:linear-gradient(135deg, var(--accent) 0%, #b388ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.login-desc{color:var(--text-muted);margin-bottom:32px;font-size:.82rem;line-height:1.6}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9147ff 0%,#772ce8 100%);border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 32px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.login-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #9147ff66}.login-fine-print{color:var(--text-muted);margin-top:20px;font-size:.7rem;line-height:1.5}.welcome-page{justify-content:center;align-items:center;min-height:80vh;display:flex}.welcome-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#13131acc;border:1px solid #ffffff0f;border-radius:16px;width:100%;max-width:500px;padding:48px 40px}.welcome-icon{margin-bottom:8px;font-size:3rem}.welcome-title{color:var(--text-primary);margin-bottom:4px;font-size:1.6rem;font-weight:800}.welcome-subtitle{color:var(--accent);margin-bottom:32px;font-size:1rem}.welcome-steps{text-align:left;flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.welcome-step{color:var(--text-muted);align-items:center;gap:12px;font-size:.88rem;display:flex}.welcome-step-done{color:var(--green)}.welcome-step-active{color:var(--accent)}.welcome-step-icon{text-align:center;width:24px;font-weight:700}.welcome-note{color:var(--text-muted);font-size:.78rem;line-height:1.6}.auth-role-badge{letter-spacing:.5px;cursor:pointer;border:none;border-radius:4px;padding:2px 8px;font-size:.6rem;font-weight:800;transition:background .15s,color .15s}.auth-role-badge--admin{color:#b07aff;background:#a064ff33}.auth-role-badge--admin:hover{background:#a064ff59}.auth-role-badge--streamer{color:#ffa032;background:#ffa03233}.auth-role-badge--streamer:hover{background:#ffa03259}.chat-emote-inline{object-fit:contain;vertical-align:middle;width:22px;height:22px;margin:0 1px}.landing-page{background:var(--bg-base);min-height:100vh;overflow-x:hidden}.landing-fade{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.landing-fade.landing-visible{opacity:1;transform:translateY(0)}.landing-accent{background:linear-gradient(135deg,#9147ff 0%,#b388ff 50%,#00e5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-badge{text-transform:uppercase;letter-spacing:1px;background:var(--accent-dim);color:var(--accent);border-radius:20px;margin-bottom:20px;padding:6px 18px;font-size:.85rem;font-weight:700;display:inline-block}.landing-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9147ff 0%,#772ce8 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 44px;font-size:1.2rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.landing-cta:hover{transform:scale(1.03);box-shadow:0 4px 24px #9147ff73}.landing-cta-lg{padding:20px 56px;font-size:1.35rem}.landing-arrow{font-size:1.3em;transition:transform .15s}.landing-cta:hover .landing-arrow{transform:translate(4px)}.landing-next{text-align:center;padding:64px 24px 80px}.landing-hero{text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.landing-hero-glow{pointer-events:none;background:radial-gradient(#9147ff26 0%,#0000 70%);width:800px;height:500px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.landing-hero-title{margin-bottom:24px;font-size:clamp(2.8rem,6vw,4.8rem);font-weight:900;line-height:1.15;position:relative}.landing-hero-sub{color:var(--text-secondary);max-width:640px;margin:0 auto 48px;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1.6}.landing-learn-row{flex-wrap:wrap;justify-content:center;gap:32px;max-width:900px;margin:-32px auto 0;padding:0 24px 16px;display:flex}.landing-learn-item{align-items:center;gap:8px;display:flex}.landing-learn-icon{font-size:1.1rem}.landing-learn-text{color:var(--text-secondary);font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:500;line-height:1.5}.landing-live-counter{text-align:center;color:var(--text-muted);padding:20px 24px 0;font-size:clamp(1.05rem,2.2vw,1.3rem)}.landing-live-num{color:var(--accent);text-shadow:0 0 12px #9147ff66;font-weight:700}.landing-section{padding:80px 24px}.landing-section-inner{max-width:1100px;margin:0 auto}.landing-section-title{margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.landing-section-desc{color:var(--text-secondary);max-width:720px;margin-bottom:40px;font-size:1.15rem;line-height:1.7}.landing-demo-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;overflow:hidden}.landing-demo-timeline{border-bottom:1px solid var(--glass-border);height:160px;padding:20px 24px 30px;position:relative;overflow:hidden}.landing-demo-axis{background:var(--border);height:1px;position:absolute;bottom:30px;left:24px;right:24px}.landing-demo-line{align-items:flex-end;gap:6px;height:100%;padding-bottom:10px;display:flex}.landing-demo-bar{transform-origin:bottom;background:linear-gradient(#9147ff33,#9147ff99);border-radius:3px 3px 0 0;flex:1;animation:.6s forwards landing-bar-grow;transform:scaleY(0)}@keyframes landing-bar-grow{0%{height:0}}.landing-demo-marker{position:absolute;top:8px;transform:translate(-50%)}.landing-demo-marker-label{color:var(--text-secondary);white-space:nowrap;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:4px;padding:2px 8px;font-size:.7rem}.landing-demo-hype{pointer-events:none;background:#9147ff14;border-left:2px solid #9147ff4d;border-right:2px solid #9147ff4d;height:calc(100% - 50px);position:absolute;bottom:30px}.landing-demo-chat{flex-direction:column;gap:8px;padding:16px 20px;display:flex}.landing-demo-chat-msg{color:var(--text-secondary);gap:10px;font-size:1rem;display:flex}.landing-demo-chat-highlight{border-left:2px solid var(--gold);background:#ffd74014;border-radius:0 4px 4px 0;margin-left:-8px;padding:4px 8px}.landing-demo-user{flex-shrink:0;font-weight:700}.landing-intel-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.landing-intel-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;gap:8px;padding:28px;transition:border-color .2s,transform .2s;display:flex}.landing-intel-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.landing-intel-icon{margin-bottom:6px;font-size:2rem}.landing-intel-label{font-size:1.05rem;font-weight:700}.landing-intel-desc{color:var(--text-muted);font-size:.9rem}.landing-quote-section{text-align:center;padding:80px 24px}.landing-quote{color:var(--text-secondary);max-width:820px;margin:0 auto;padding:0 32px;font-size:clamp(1.3rem,3vw,1.8rem);font-style:italic;line-height:1.7;position:relative}.landing-quote:before{content:"“";color:var(--accent);opacity:.3;font-size:4rem;font-style:normal;position:absolute;top:-20px;left:0}.landing-quote:after{content:"”";color:var(--accent);opacity:.3;font-size:4rem;font-style:normal;position:absolute;bottom:-40px;right:0}.landing-features-hero{text-align:center;padding:100px 24px 60px}.landing-features-title{margin-bottom:20px;font-size:clamp(2.4rem,5vw,4rem);font-weight:900}.landing-features-sub{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:1.25rem;line-height:1.6}.landing-features-grid{flex-direction:column;gap:64px;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.landing-feature{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.landing-feature:nth-child(2n){direction:rtl}.landing-feature:nth-child(2n)>*{direction:ltr}.landing-feature-title{margin-bottom:14px;font-size:1.7rem;font-weight:800;line-height:1.3}.landing-feature-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.landing-screen-placeholder{aspect-ratio:16/10;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-screen-placeholder:before{content:"";background:linear-gradient(135deg,#9147ff0d 0%,#00e5ff08 100%);position:absolute;inset:0}.landing-screen-image{border:1px solid var(--glass-border);border-radius:12px;width:100%;transition:transform .3s;box-shadow:0 8px 32px #0006}.landing-screen-image:hover{transform:scale(1.02)}.landing-screen-label{color:var(--text-muted);z-index:1;font-size:.85rem;font-weight:600}.landing-connect-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.landing-connect-glow{pointer-events:none;background:radial-gradient(#9147ff1f 0%,#0000 70%);width:600px;height:400px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.landing-connect-card{z-index:1;width:100%;max-width:560px;padding:60px 48px}.landing-connect-icon{margin-bottom:20px;font-size:4.5rem}.landing-connect-title{margin-bottom:20px;font-size:2.6rem;font-weight:900}.landing-connect-sub{color:var(--text-secondary);margin-bottom:40px;font-size:1.15rem;line-height:1.6}.landing-connect-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9147ff 0%,#772ce8 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:380px;padding:18px 48px;font-size:1.3rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.landing-connect-btn:hover{transform:scale(1.03);box-shadow:0 4px 24px #9147ff73}.landing-trust{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:32px;display:flex}.landing-trust-item{color:var(--text-muted);align-items:center;gap:8px;font-size:1rem;display:flex}.landing-trust-icon{font-size:1.2rem}.landing-connect-footer{z-index:1;align-items:center;gap:12px;display:flex;position:absolute;bottom:32px}.landing-connect-footer a{color:var(--text-muted);font-size:.8rem;transition:color .15s}.landing-connect-footer a:hover{color:var(--text-secondary)}.landing-connect-sep{color:var(--text-muted);opacity:.4}.landing-legal-page{padding:60px 24px 80px}.landing-legal{max-width:720px;margin:0 auto}.landing-legal-back{color:var(--text-muted);margin-bottom:32px;font-size:.85rem;transition:color .15s;display:inline-block}.landing-legal-back:hover{color:var(--accent)}.landing-legal h1{margin-bottom:8px;font-size:2rem;font-weight:900}.landing-legal-updated{color:var(--text-muted);margin-bottom:40px;font-size:.82rem}.landing-legal h2{color:var(--text-primary);margin-top:36px;margin-bottom:12px;font-size:1.2rem;font-weight:700}.landing-legal h3{color:var(--text-primary);margin-top:24px;margin-bottom:8px;font-size:1rem;font-weight:600}.landing-legal p{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;line-height:1.75}.landing-legal ul{color:var(--text-secondary);margin-bottom:12px;padding-left:24px;font-size:.9rem;line-height:1.75}.landing-legal li{margin-bottom:4px}.landing-legal a{color:var(--accent)}@media (width<=768px){.landing-feature{grid-template-columns:1fr;gap:24px}.landing-feature:nth-child(2n){direction:ltr}.landing-hero{padding:80px 20px 60px}.landing-intel-grid{grid-template-columns:repeat(2,1fr)}.landing-trust{flex-direction:column;align-items:center;gap:16px}}@media (width<=480px){.landing-intel-grid{grid-template-columns:1fr}}.alpha-badge{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#9146ff 0%,#00e5ff 100%);border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.alpha-badge-fixed{z-index:9999;color:#fff;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:linear-gradient(135deg,#9146ff 0%,#00e5ff 100%);border-radius:20px;padding:4px 10px;font-size:.65rem;font-weight:700;position:fixed;bottom:12px;right:16px;box-shadow:0 2px 8px #9146ff4d}.landing-itl{flex-direction:column;gap:0;padding:16px 16px 8px;display:flex;position:relative}.landing-itl-labels{height:26px;margin-bottom:4px;position:relative}.landing-itl-zone-label{text-align:center;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-bottom:2px solid #0000;padding:2px 4px;font-size:.65rem;font-weight:600;transition:all .2s;position:absolute;overflow:hidden}.landing-itl-zone-label:hover,.landing-itl-zone-label.active{text-shadow:0 0 8px;border-bottom-color:currentColor}.landing-itl-bars{align-items:flex-end;gap:2px;height:120px;padding:0;display:flex}.landing-itl-bar{border-radius:2px 2px 0 0;flex:1;min-width:0;transition:background-color .3s,height .5s;animation:.6s ease-out both landing-bar-grow}.landing-itl-bar.clickable{cursor:pointer}.landing-itl-bar.clickable:hover{filter:brightness(1.3);transform-origin:bottom;transform:scaleY(1.05)}.landing-itl-axis{color:#666;border-top:1px solid #333;justify-content:space-between;padding:4px 0 0;font-size:.6rem;display:flex}.landing-itl-chat{border-top:1px solid #2a2a3e;min-height:180px;max-height:220px;padding:12px 16px;transition:background-color .3s;overflow-y:auto}.landing-itl-chat-flash{animation:.4s landing-chat-flash}@keyframes landing-chat-flash{0%{background-color:#9146ff14}to{background-color:#0000}}.landing-itl-chat-header{color:#9146ff;letter-spacing:.03em;margin-bottom:10px;font-size:.85rem;font-weight:600}.landing-itl-chat .landing-demo-chat-msg{animation:.3s ease-out both landing-msg-slide}@keyframes landing-msg-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing-zone-pills{z-index:10;pointer-events:none;height:0;position:absolute;top:8px;left:8px;right:8px}.landing-zone-pill{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--zone-color,#666);color:var(--zone-color,#ccc);cursor:pointer;white-space:nowrap;background:#1a1a2ed9;border-radius:16px;padding:5px 14px;font-size:.75rem;font-weight:700;transition:all .25s;position:absolute;transform:translate(-50%);box-shadow:0 0 #0000}.landing-zone-pill:hover{box-shadow:0 0 12px 2px var(--zone-color,#666);text-shadow:0 0 8px var(--zone-color,#666);background:#1a1a2ef2;transform:translate(-50%)scale(1.08)}.landing-zone-pill.active{background:var(--zone-color,#666);color:#fff;box-shadow:0 0 16px 4px var(--zone-color,#666);text-shadow:none;transform:translate(-50%)scale(1.1)}.landing-zone-glow rect{animation:2s ease-in-out infinite landing-zone-pulse}@keyframes landing-zone-pulse{0%,to{filter:drop-shadow(0 0 4px var(--zone-color,#9146ff));opacity:1}50%{filter:drop-shadow(0 0 12px var(--zone-color,#9146ff));opacity:.85}}.landing-zone-pill.auto-pulse{animation:2s ease-in-out infinite landing-pill-pulse}@keyframes landing-pill-pulse{0%,to{box-shadow:0 0 4px 1px var(--zone-color,#666)}50%{box-shadow:0 0 14px 4px var(--zone-color,#666)}}.landing-zone-pills.has-active .landing-zone-pill:not(.active){opacity:.5}.landing-zone-pills.has-active .landing-zone-pill:not(.active):hover{opacity:.85}.landing-mock-sections{flex-direction:column;gap:80px;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.landing-mock-section{width:100%}.landing-mock-section-header{text-align:center;margin-bottom:32px}.landing-mock-section-title{margin:12px 0 14px;font-size:1.7rem;font-weight:800;line-height:1.3}.landing-mock-section-desc{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:1.05rem;line-height:1.6}.landing-mock-card-wrap{max-width:100%}.landing-mock-expandable{cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.landing-mock-expandable:hover{transform:scale(1.005)}.landing-mock-expand-hint{color:#d8c1ff;opacity:0;z-index:5;pointer-events:none;background:#9147ff33;border:1px solid #9147ff66;border-radius:6px;padding:3px 10px;font-size:.7rem;font-weight:600;transition:opacity .2s;position:absolute;top:12px;right:12px}.landing-mock-expandable:hover .landing-mock-expand-hint{opacity:1}.landing-mock-lightbox-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:5vh 5vw;animation:.2s landing-mock-fadein;display:flex;position:fixed;inset:0}@keyframes landing-mock-fadein{0%{opacity:0}to{opacity:1}}.landing-mock-lightbox-content{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:16px;max-width:90vw;max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 24px 80px #0009}.landing-mock-lightbox-close{float:right;color:#efeff1;cursor:pointer;z-index:10;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;transition:background .15s;display:flex;position:sticky;top:0}.landing-mock-lightbox-close:hover{background:#ffffff1f}@media (width<=768px){.landing-mock-sections{gap:48px;padding:0 16px}.landing-mock-section-title{font-size:1.3rem}.landing-mock-lightbox-content{max-width:95vw;padding:16px}}