:root{--bg-color: #1a1a1a;--text-color: #e0e0e0;--accent-millennial: #4facfe;--accent-genz: #ff00cc;--panel-bg: rgba(20, 20, 20, .85);--slang-color: #00ff9d}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Courier New,Courier,monospace;background-color:var(--bg-color);color:var(--text-color)}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;background:radial-gradient(circle,#0000 60%,#0009),linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 100%,100% 4px;pointer-events:none}#curtain{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,#1a0505,#1a0505 20px,#2b0000,#1a0505 60px);z-index:5;box-shadow:inset 0 -50px 100px #000000e6}.ui-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.glitch-text{position:relative;font-size:3rem;font-weight:800;letter-spacing:4px;text-shadow:2px 2px 0px #ff00cc,-2px -2px 0px #4facfe;margin:0}.landing-panel{background:var(--panel-bg);padding:3rem;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 20px #000c,inset 0 0 20px #00000080;text-align:center;pointer-events:auto;transition:opacity .5s ease,transform .5s ease;max-width:450px;width:90%}.subtitle{margin-top:.5rem;color:#888;text-transform:uppercase;font-size:.8rem;letter-spacing:2px;margin-bottom:2rem;font-weight:600;border-bottom:1px solid #333;padding-bottom:10px}input[type=text]{width:100%;padding:15px 20px;border-radius:4px;border:1px solid #444;background:#000000b3;color:#00ff9d;font-family:Courier New,monospace;font-size:1.2rem;outline:none;transition:all .3s;box-sizing:border-box;text-align:center;text-transform:uppercase}input[type=text]:focus{border-color:var(--accent-millennial);box-shadow:0 0 15px #4facfe4d}button{background:#222;color:#fff;border:1px solid white;padding:15px 40px;border-radius:4px;font-size:1.1rem;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px #ffffff1a}button:hover{background:#fff;color:#000;transform:translate(-2px,-2px);box-shadow:6px 6px #ffffff4d}button:active{transform:translate(2px,2px);box-shadow:0 0}.subtitles-container{position:absolute;bottom:80px;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:20}.subtitle-box{background:#0a0a0af2;padding:20px 30px;border-radius:8px;max-width:700px;width:85%;text-align:left;border:1px solid #333;box-shadow:0 10px 30px #000c,inset 0 0 30px #00000080;transform-origin:center bottom;transition:border-color .3s ease,box-shadow .3s ease;position:relative}.pop-anim{animation:pop .15s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop{0%{transform:scale(.95) translateY(5px)}50%{transform:scale(1.02) translateY(-2px)}to{transform:scale(1) translateY(0)}}.subtitle-box.millennial{border-left:5px solid var(--accent-millennial);box-shadow:0 0 15px #4facfe1a,inset 0 0 30px #00000080}.subtitle-box.genz{border-left:5px solid var(--accent-genz);box-shadow:0 0 15px #ff00cc1a,inset 0 0 30px #00000080}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px dashed #333;padding-bottom:5px}#speakerName{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.millennial #speakerName{color:var(--accent-millennial);text-shadow:0 0 5px var(--accent-millennial)}.genz #speakerName{color:var(--accent-genz);text-shadow:0 0 5px var(--accent-genz)}.heat-meter{display:flex;gap:5px}.heat-icon{font-size:1.2rem;opacity:.2;filter:grayscale(100%);transition:all .3s ease}.heat-icon.active{opacity:1;filter:grayscale(0%);text-shadow:0 0 10px rgba(255,165,0,.5);animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}#subtitleText{margin:0;font-size:1.4rem;line-height:1.4;font-weight:500;color:#eee;font-family:Segoe UI,sans-serif}.slang-highlight{color:var(--slang-color);font-weight:700;text-shadow:0 0 5px rgba(0,255,157,.3);text-transform:uppercase;font-style:italic}.loader{color:var(--slang-color);font-family:Courier New,monospace;font-size:1.2rem;margin-top:20px;text-transform:uppercase;letter-spacing:2px}.dots:after{content:"";animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}}.impact-display{position:absolute;top:25%;left:50%;transform:translate(-50%) scale(.8);background:#000000e6;color:gold;border:2px solid #ffd700;padding:15px 30px;font-size:1.8rem;font-weight:900;text-transform:uppercase;text-shadow:3px 3px 0px #ff0000;box-shadow:0 0 30px #ffd70080;z-index:50;opacity:0;pointer-events:none;border-radius:8px;white-space:nowrap}.impact-active{animation:impact-pop 4s forwards}@keyframes impact-pop{0%{opacity:0;transform:translate(-50%) scale(.5) rotate(-5deg)}10%{opacity:1;transform:translate(-50%) scale(1.2) rotate(2deg)}20%{transform:translate(-50%) scale(1) rotate(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-50px)}}.flash-effect{animation:flash .1s infinite}@keyframes flash{0%{background-color:#fff0}50%{background-color:#ffffff4d}to{background-color:#fff0}}.sources-container{position:absolute;bottom:20px;right:20px;max-width:400px;background:#000c;border:1px solid #444;border-radius:4px;padding:10px;color:#aaa;font-size:.7rem;z-index:50;pointer-events:auto;font-family:Courier New,monospace;display:flex;flex-direction:column;gap:5px}.sources-label{font-weight:700;color:var(--slang-color);text-transform:uppercase;border-bottom:1px solid #333;padding-bottom:3px;margin-bottom:3px}.sources-list{display:flex;flex-direction:column;gap:3px}.source-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#888;text-decoration:none;transition:color .2s}.source-item:hover{color:#fff;text-decoration:underline}