*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060608;--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");--surface: rgba(255, 255, 255, .03);--surface-raised: rgba(255, 255, 255, .055);--surface-solid: #111114;--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--text: #f0eeec;--text-secondary: #9e9a96;--text-muted: #5c5955;--accent: #f5a623;--accent-hover: #e09215;--accent-muted: rgba(245, 166, 35, .12);--accent-glow: 0 0 20px rgba(245, 166, 35, .15), 0 0 60px rgba(245, 166, 35, .05);--danger: #e5484d;--danger-glow: rgba(229, 72, 77, .12);--success: #30a46c;--radius: 10px;--radius-lg: 14px}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);background-image:var(--bg-noise);background-size:256px;color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}header{border-bottom:1px solid var(--border-subtle);padding:0 1.5rem;height:52px;display:flex;align-items:center;background:#060608bf;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);position:sticky;top:0;z-index:100}nav{display:flex;gap:.25rem;align-items:center;width:100%}.nav-brand{font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;color:var(--text);text-decoration:none;letter-spacing:-.02em;margin-right:auto}.nav-brand span{color:var(--accent)}nav a:not(.nav-brand){color:var(--text-muted);text-decoration:none;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border-radius:6px;transition:all .15s}nav a:not(.nav-brand):hover{color:var(--text-secondary);background:var(--surface-raised)}main{padding:1.25rem 1.5rem 3rem;max-width:1100px;margin:0 auto}h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-.025em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:500;font-family:DM Sans,sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent;background:var(--accent);color:#0a0a0a;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn:hover{background:var(--accent-hover);box-shadow:var(--accent-glow)}.btn-secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text-secondary)}.btn-secondary:hover{border-color:#ffffff26;color:var(--text);background:#ffffff12;box-shadow:none}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc3b3f;box-shadow:0 0 20px #e5484d33}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text-secondary);background:var(--surface-raised);box-shadow:none}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem;border-radius:var(--radius)}.btn-sm{padding:.3125rem .625rem;font-size:.75rem}button.btn{font-family:inherit}button.btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.home{text-align:center;padding-top:8rem;position:relative}.home:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:500px;height:400px;background:radial-gradient(ellipse,rgba(245,166,35,.06) 0%,transparent 70%);pointer-events:none}.home h1{font-size:3.5rem;font-weight:800;margin-bottom:.625rem;background:linear-gradient(160deg,#fff 20%,var(--text-secondary) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.home p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.0625rem}.home-links{display:flex;gap:.75rem;justify-content:center}.error-banner{background:var(--danger-glow);border:1px solid rgba(229,72,77,.2);color:#ff9592;padding:.5rem .875rem;border-radius:8px;font-size:.8125rem;margin-bottom:1rem}.page-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.page-header h1{font-size:1.375rem;font-weight:700;margin:0}.status-badge{display:inline-flex;align-items:center;gap:.375rem;font-family:Outfit,sans-serif;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.06em}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-connecting{background:#3b82f61a;color:#6ea8fe}.status-connecting:before{background:#6ea8fe;animation:blink 1.2s ease-in-out infinite}.status-live{background:var(--danger-glow);color:var(--danger)}.status-live:before{background:var(--danger);animation:pulse-dot 2s ease-in-out infinite}.status-failed{background:var(--danger-glow);color:#ff9592}.status-failed:before{background:#ff9592}.status-ended{background:#ffffff0a;color:var(--text-muted)}.status-ended:before{background:var(--text-muted)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.broadcast-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.control-group{display:flex;gap:.5rem;align-items:center}.control-divider{width:1px;height:24px;background:var(--border);margin:0 .25rem}.layout-picker{display:flex;gap:3px}.toolbar-btn-sm{width:32px;height:32px}.toolbar-btn-sm svg{width:15px;height:15px}.preview-wrapper{position:relative}.pip-overlay{position:absolute;z-index:12;border:1.5px solid var(--accent);border-radius:8px;pointer-events:auto;cursor:grab;animation:fade-in .15s ease}.pip-overlay:active{cursor:grabbing}.pip-corner-btn{position:absolute;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:5px;cursor:pointer;transition:all .15s;pointer-events:auto}.pip-corner-btn:hover{background:var(--accent);border-color:var(--accent)}.pip-corner-btn:hover svg{stroke:#000}.pip-corner-btn svg{width:10px;height:10px;stroke:#ffffffb3;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pip-corner-btn.tl{top:-12px;left:-12px}.pip-corner-btn.tr{top:-12px;right:-12px}.pip-corner-btn.bl{bottom:-12px;left:-12px}.pip-corner-btn.br{bottom:-12px;right:-12px}.pip-drag-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:.625rem;font-family:Outfit,sans-serif;font-weight:500;color:#ffffff80;background:#0009;padding:1px 6px;border-radius:3px;white-space:nowrap;pointer-events:none}.stream-preview{margin-bottom:1rem}.preview-label{display:block;font-family:Outfit,sans-serif;font-size:.6875rem;font-weight:600;color:var(--text-muted);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.08em}.debug-feeds{margin-top:1.5rem}.debug-feeds summary{font-size:.75rem;color:var(--text-muted);cursor:pointer;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-weight:500}.video-feeds{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.feed{flex:1;min-width:240px}.feed label{display:block;font-size:.6875rem;font-family:Outfit,sans-serif;font-weight:600;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.08em}.feed video{width:100%;border-radius:var(--radius);background:var(--surface-solid)}.debug-feeds .feed video{max-height:180px;object-fit:contain}.theater-layout{display:flex;height:calc(100vh - 52px);overflow:hidden;background:#000;position:relative;margin:-1.25rem -1.5rem -3rem}.theater-video{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;transition:flex .3s cubic-bezier(.16,1,.3,1)}.theater-video video{width:100%;height:100%;display:block;object-fit:contain}.theater-video .preview-wrapper{width:100%;height:100%}.theater-video .stream-preview{margin:0;width:100%;height:100%}.theater-video .stream-preview-inner{width:100%;height:100%}.theater-chat{width:0;overflow:hidden;transition:width .3s cubic-bezier(.16,1,.3,1);background:var(--surface-solid);border-left:1px solid var(--border-subtle);flex-shrink:0}.theater-chat.open{width:340px}.theater-chat .chat-panel{width:340px;height:100%;border-radius:0;border:none;min-height:0}.theater-top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 100%);z-index:10;opacity:0;transition:opacity .3s;pointer-events:none}.theater-top-bar.visible{opacity:1;pointer-events:auto}.theater-top-spacer{flex:1}.theater-bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 60%,transparent 100%);z-index:10;opacity:0;transition:opacity .3s;pointer-events:none}.theater-bottom-bar.visible{opacity:1;pointer-events:auto}.bar-left,.bar-center,.bar-right{display:flex;align-items:center;gap:.5rem}.bar-left{flex:1;justify-content:flex-start}.bar-center{flex:0 0 auto}.bar-right{flex:1}.theater-bottom-bar .control-divider{background:#ffffff1f}.theater-bottom-bar .reaction-bar{margin:0;gap:.25rem}.theater-bottom-bar .reaction-btn{width:30px;height:30px;font-size:.95rem;background:#ffffff0a;border-color:#ffffff0f;border-radius:50%;padding:0}.theater-bottom-bar .reaction-btn:hover{background:#ffffff1f;border-color:#ffffff26;transform:scale(1.2) translateY(-4px)}.theater-bottom-spacer{flex:1}.chat-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;z-index:15;transition:all .2s}.chat-toggle-btn:hover{background:#000000b3;border-color:#fff3}.chat-toggle-btn svg{stroke:#fff9}.theater-error{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:20;max-width:400px}.theater-debug{position:absolute;bottom:0;left:0;right:0;z-index:25;padding:.5rem 1rem;background:#000c}@media(max-width:800px){.theater-chat.open,.theater-chat .chat-panel{width:280px}}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#060608e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-overlay p{color:var(--text-secondary);font-size:.9375rem}.broadcast-idle{position:absolute;inset:0;background:#060608f2}.overlay-idle .overlay-icon{width:60px;height:60px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #f5a62314}.overlay-idle .overlay-icon svg{width:22px;height:22px;fill:var(--text-muted);margin-left:3px}.overlay-connecting .spinner{width:32px;height:32px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay-ended{text-align:center}.overlay-ended .ended-icon{width:60px;height:60px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.overlay-ended .ended-icon svg{width:22px;height:22px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round}.overlay-ended h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.overlay-ended p{color:var(--text-muted);font-size:.8125rem;margin-bottom:.5rem}.overlay-failed{text-align:center}.overlay-failed p{color:var(--text-muted);font-size:.875rem}.unmute-banner{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);background:#060608d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:.4rem .5rem .4rem .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;z-index:11;animation:unmute-pop .5s cubic-bezier(.16,1,.3,1)}.unmute-banner:hover{border-color:#fff3;background:#060608f2}.unmute-banner span{font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.unmute-banner .unmute-btn-inner{background:var(--accent);color:#0a0a0a;font-size:.625rem;font-weight:700;font-family:Outfit,sans-serif;padding:.25rem .625rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}@keyframes unmute-pop{0%{opacity:0;transform:translate(-50%) scale(.9) translateY(6px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.watch-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.4rem .625rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px}.volume-control{display:flex;align-items:center;gap:.5rem}.volume-slider{width:90px;height:3px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text);cursor:pointer;border:none;box-shadow:0 1px 4px #0006}.watch-controls-spacer{flex:1}.toolbar-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .15s;flex-shrink:0;position:relative}.toolbar-btn svg{width:18px;height:18px;stroke:var(--text-muted);transition:stroke .15s}.toolbar-btn:hover{background:#ffffff1a;border-color:#ffffff26}.toolbar-btn:hover svg{stroke:var(--text-secondary)}.toolbar-btn.active{background:var(--accent-muted);border-color:#f5a62340}.toolbar-btn.active svg{stroke:var(--accent)}.toolbar-btn.active:hover{background:#f5a6232e}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.toolbar-btn-lg{width:48px;height:48px;border-radius:50%}.toolbar-btn-lg svg{width:20px;height:20px}.toolbar-btn-off{background:#e5484d26;border-color:#e5484d40}.toolbar-btn-off svg{stroke:#ff9592}.toolbar-btn-off:hover{background:#e5484d38;border-color:#e5484d59}.toolbar-btn-off:hover svg{stroke:#ffb3b1}.bar-right-actions{justify-content:flex-end}.go-live-btn{background:var(--danger);color:#fff;gap:.5rem}.go-live-btn:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse-dot 2s ease-in-out infinite}.go-live-btn:hover{background:#dc3b3f;box-shadow:0 0 24px #e5484d40}.stop-btn{background:var(--surface-raised);border-color:var(--border);color:var(--text-secondary)}.stop-btn:hover{border-color:#e5484d66;color:var(--danger);box-shadow:0 0 16px #e5484d1a}.stream-timer{font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#060608d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease}.modal{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:.75rem;animation:modal-pop .3s cubic-bezier(.16,1,.3,1);box-shadow:0 16px 64px #00000080,0 0 0 1px #ffffff08}.modal h2{font-size:1.25rem;font-weight:700}.modal p{color:var(--text-muted);font-size:.8125rem;margin-bottom:.25rem}.modal-input{width:100%;padding:.5rem .75rem;font-size:.875rem;font-family:DM Sans,sans-serif;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:all .2s}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.modal-input::placeholder{color:var(--text-muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.display-name-editor{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;font-family:DM Sans,sans-serif;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:.125rem .375rem;border-radius:4px;transition:color .15s}.display-name-editor:hover{color:var(--text)}.display-name-editor svg{opacity:0;transition:opacity .15s}.display-name-editor:hover svg{opacity:.5}.display-name-text{font-weight:500}.display-name-editor.editing{cursor:default}.display-name-input{width:120px;padding:.1875rem .375rem;font-size:.8125rem;font-family:DM Sans,sans-serif;background:#ffffff0a;border:1px solid var(--accent);border-radius:4px;color:var(--text);outline:none;box-shadow:0 0 0 3px var(--accent-muted)}.chat-panel{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;height:100%;min-height:300px}.chat-panel-header{padding:.625rem .75rem;border-bottom:1px solid var(--border-subtle);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.1875rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.chat-empty{color:var(--text-muted);font-size:.8125rem;text-align:center;padding:2rem 0}.chat-msg{font-size:.8125rem;line-height:1.45;padding:.125rem 0}.chat-name{font-weight:600;color:var(--accent);margin-right:.375rem}.chat-text{color:var(--text-secondary);word-break:break-word}.chat-system{font-size:.6875rem;color:var(--text-muted);font-style:italic;padding:.1875rem 0;opacity:.7}.chat-link{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;margin:.125rem 0;background:var(--accent-muted);border-radius:6px;font-size:.8125rem}.chat-link svg{stroke:var(--accent);flex-shrink:0}.chat-link a{color:var(--accent);text-decoration:none;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-link a:hover{text-decoration:underline}.chat-input-form{padding:.5rem;border-top:1px solid var(--border-subtle);flex-shrink:0}.chat-input{width:100%;padding:.4375rem .625rem;font-size:.8125rem;font-family:DM Sans,sans-serif;background:#ffffff0a;border:1px solid var(--border);border-radius:7px;color:var(--text);outline:none;transition:all .2s}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.3;cursor:not-allowed}.viewer-count{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-family:DM Sans,sans-serif;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.125rem .375rem;border-radius:4px;transition:color .15s;font-variant-numeric:tabular-nums}.viewer-count:hover{color:var(--text-secondary)}.viewer-count svg{opacity:.6}.reaction-bar{display:flex;gap:.375rem;margin-top:.5rem}.reaction-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.reaction-btn:hover{background:var(--surface-raised);border-color:var(--border);transform:scale(1.12) translateY(-2px);box-shadow:0 4px 12px #0000004d}.reaction-btn:active{transform:scale(.92);box-shadow:none}.reaction-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.reaction-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.floating-emoji{position:absolute;bottom:8%;font-size:1.75rem;animation:float-up 2.4s ease-out forwards;will-change:transform,opacity;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(.8)}15%{opacity:1;transform:translateY(-30px) scale(1.2)}60%{opacity:.9;transform:translateY(-200px) scale(1)}to{opacity:0;transform:translateY(-320px) scale(.7)}}.summary-screen{max-width:640px;animation:fade-in .3s ease}.summary-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem}.summary-header-actions{display:flex;gap:.375rem}.summary-header h2{font-size:1.5rem;font-weight:700}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1rem 1rem .875rem;display:flex;flex-direction:column;gap:.1875rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.4}.stat-value{font-family:Outfit,sans-serif;font-size:1.625rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.1}.stat-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.summary-section{margin-bottom:1.5rem}.summary-section h3{font-size:.875rem;font-weight:600}.summary-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.summary-section-header h3{margin-bottom:0}.summary-section-actions{display:flex;gap:.375rem}.summary-section>h3{margin-bottom:.625rem}.reaction-breakdown{display:flex;gap:.375rem;flex-wrap:wrap}.reaction-stat{background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px;padding:.4rem .75rem;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.summary-chat-log{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:.75rem;max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:.1875rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.summary-chat-msg{font-size:.8125rem;line-height:1.4}.summary-chat-time{color:var(--text-muted);font-size:.6875rem;margin-right:.375rem;font-variant-numeric:tabular-nums}.link-panel{position:absolute;bottom:5.5rem;right:1.25rem;width:320px;background:#060608eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:20;animation:modal-pop .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.link-panel-header{padding:.625rem .75rem;border-bottom:1px solid var(--border-subtle);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.link-form{padding:.625rem .75rem;display:flex;flex-direction:column;gap:.375rem}.link-input{width:100%;padding:.375rem .625rem;font-size:.8125rem;font-family:DM Sans,sans-serif;background:#ffffff0a;border:1px solid var(--border);border-radius:7px;color:var(--text);outline:none;transition:all .2s}.link-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.link-input::placeholder{color:var(--text-muted)}.link-form-actions{display:flex;gap:.375rem;margin-top:.25rem}.link-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;font-size:.625rem;font-weight:700;font-family:Outfit,sans-serif;color:#0a0a0a;background:var(--accent);border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.link-list-section{border-top:1px solid var(--border-subtle)}.link-list-label{padding:.375rem .75rem .125rem;font-family:Outfit,sans-serif;font-size:.625rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.link-list{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.link-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle)}.link-item:last-child{border-bottom:none}.link-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.link-item-title{font-size:.8125rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-item-url{font-size:.6875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-item-actions{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.link-item-active{opacity:.8}.link-clicks{font-size:.6875rem;color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.viewer-links-section{border-bottom:1px solid var(--border-subtle);flex-shrink:0}.viewer-links-toggle{width:100%;display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:none;border:none;cursor:pointer;transition:color .15s}.viewer-links-toggle:hover{color:var(--text-secondary)}.viewer-links-toggle svg:first-child{stroke:var(--accent);opacity:.7}.viewer-links-list{padding:0 .5rem .5rem;display:flex;flex-direction:column;gap:.25rem}.viewer-link-item{display:flex;flex-direction:column;gap:.125rem;padding:.4rem .625rem;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:8px;text-decoration:none;transition:all .2s}.viewer-link-item:hover{border-color:#ffffff26;background:#ffffff12}.viewer-link-new{animation:link-highlight 3s ease}@keyframes link-highlight{0%{border-color:var(--accent);box-shadow:0 0 8px var(--accent-muted)}to{border-color:var(--border-subtle);box-shadow:none}}.viewer-link-title{font-size:.8125rem;font-weight:500;color:var(--accent)}.viewer-link-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.viewer-link-time{font-size:.625rem;color:var(--text-muted)}.summary-links-list{display:flex;flex-direction:column;gap:.375rem}.summary-link-item{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px}.summary-link-row{display:flex;align-items:center;gap:.5rem}.summary-link-title{font-size:.8125rem;font-weight:500;color:var(--accent);text-decoration:none}.summary-link-title:hover{text-decoration:underline}.summary-link-clicks{font-size:.6875rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.summary-link-url{font-size:.6875rem;color:var(--text-muted);word-break:break-all}.summary-link-desc{font-size:.75rem;color:var(--text-secondary)}