@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Bebas+Neue&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #888;--accent-red: #ff3333;--accent-yellow: #ffcc00;--accent-gold: #8aff00;--accent-green: #8aff00;--accent-cyan: #b8ff4a;--accent-slime: #8aff00;--danger: #ff0044;--font-mono: "Space Mono", monospace;--font-display: "Bebas Neue", sans-serif;--sai-top: env(safe-area-inset-top, 0px);--sai-bottom: env(safe-area-inset-bottom, 0px);--sai-left: env(safe-area-inset-left, 0px);--sai-right: env(safe-area-inset-right, 0px);--app-height: 100dvh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}.title-slop{color:var(--text-primary);display:block}.title-bowl{color:var(--accent-red);display:block;text-shadow:3px 3px 0 var(--accent-gold),-1px -1px 0 var(--accent-cyan);animation:glitch 3s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}.pulse{animation:blink 1s infinite;color:var(--accent-gold)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulseBg{0%,to{background:var(--danger)}50%{background:#c03}}.brand-label{font-size:.65rem;font-weight:700;letter-spacing:.1em}.brand-name{font-family:var(--font-display);font-size:1.3rem}.theory-label{display:block;font-size:.6rem;letter-spacing:.15em;color:var(--accent-cyan);margin-bottom:.2rem}.error-banner{background:var(--danger);color:var(--text-primary);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.error-banner button{margin-left:auto;background:transparent;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;opacity:.7}.error-banner button:hover{opacity:1}.app.immersive-intro{position:fixed;top:0;left:0;width:100vw;height:100dvh;overflow:hidden;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.immersive-intro-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:0 1.5rem;width:100%;max-width:600px;box-sizing:border-box}.immersive-intro-logo{max-width:90%;width:500px;height:180px;object-fit:contain;object-position:center;clip-path:inset(0 12% 5% 0)}.immersive-intro-tagline{font-size:.75rem;letter-spacing:.3em;color:var(--accent-gold);white-space:nowrap}.immersive-intro-instructions{margin-top:1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.6;text-wrap:balance}.immersive-intro-instructions em{color:var(--accent-gold);font-style:normal;font-weight:700}.immersive-intro-go{margin-top:1rem;padding:1rem 2.5rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.1em;background:var(--accent-slime);color:var(--bg-primary);border:none;cursor:pointer;transition:all .2s;font-weight:700}.immersive-intro-go:hover{background:var(--accent-cyan);color:var(--bg-primary)}.disclaimer-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1001;width:32px;height:32px;border-radius:50%;border:1px solid var(--text-secondary);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;font-style:italic;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.disclaimer-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.disclaimer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002;background:#000c;display:flex;align-items:center;justify-content:center;padding:2rem}.disclaimer-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);padding:1.5rem;max-width:400px;font-size:.75rem;line-height:1.6;color:var(--text-secondary);animation:fadeSlideIn .3s ease-out}.disclaimer-card strong{color:var(--accent-gold)}.disclaimer-close{margin-top:1.2rem;padding:.5rem 1.5rem;font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;background:var(--accent-red);color:var(--text-primary);border:none;cursor:pointer;transition:all .2s;width:100%}.disclaimer-close:hover{background:var(--accent-gold);color:var(--bg-primary)}.app.immersive{position:fixed;top:0;left:0;width:100vw;height:var(--app-height, 100dvh);overflow:hidden;background:#000}.immersive-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.immersive-video.active{opacity:1}.immersive-logo{position:absolute;top:calc(.5rem + var(--sai-top));left:calc(.5rem + var(--sai-left));z-index:10;opacity:.7;display:flex;gap:.4rem;align-items:baseline}.immersive-logo-slop{font-family:var(--font-display);font-size:1.2rem;color:var(--text-primary)}.immersive-logo-bowl{font-family:var(--font-display);font-size:1.2rem;color:var(--accent-red)}.immersive-analyzing{position:absolute;top:calc(2rem + var(--sai-top));left:calc(.5rem + var(--sai-left));z-index:10;background:#f04c;padding:.25rem .6rem;font-size:.6rem;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:.4rem}.immersive-tropes{position:absolute;top:calc(3.75rem + var(--sai-top));left:calc(.5rem + var(--sai-left));z-index:10;display:flex;gap:.3rem;max-width:calc(100% - 1rem - var(--sai-left) - var(--sai-right));overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}.immersive-tropes::-webkit-scrollbar{display:none}.immersive-trope-tag{background:#0009;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:.15rem .4rem;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.commentary-bubbles{position:absolute;top:15%;bottom:25%;left:calc(.5rem + var(--sai-left));right:calc(.5rem + var(--sai-right));z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem}.commentary-bubble{padding:.7rem 1rem;font-size:1.1rem;font-weight:500;line-height:1.3;max-width:80%;animation:bubbleFadeInOut 15s ease-out forwards;transition:transform .4s ease-out}.commentary-bubble.left{align-self:flex-start}.commentary-bubble.right{align-self:flex-end;text-align:right}.commentary-bubble.accent-black{background:#000000d9;color:var(--text-primary)}.commentary-bubble.accent-green{background:#00b450e6;color:var(--text-primary)}.commentary-bubble.accent-red{background:#dc3232e6;color:var(--text-primary)}@keyframes bubbleFadeInOut{0%{opacity:0;transform:translateY(15px)}8%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}.immersive-action-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.1em;padding:.6rem 1.8rem;border:none;cursor:pointer;transition:all .2s}.immersive-action-btn.btn-primary{background:var(--accent-slime);color:var(--bg-primary);font-weight:700}.immersive-action-btn.btn-primary:hover{background:var(--accent-cyan);color:var(--bg-primary)}.immersive-action-btn.btn-danger{background:#ff0044b3;color:var(--text-primary);font-size:1rem;padding:.4rem 1.2rem;animation:pulseBg 1.5s infinite;top:auto;bottom:calc(1rem + var(--sai-bottom));transform:translate(-50%)}.immersive-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.immersive-placeholder p{font-size:.8rem;letter-spacing:.2em}.session-limit-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;background:#000000e6;border:1px solid var(--accent-gold);padding:1.5rem 2rem;text-align:center;max-width:85%;animation:fadeSlideIn .4s ease-out}.session-limit-banner p:first-child{font-family:var(--font-display);font-size:1.3rem;color:var(--accent-gold);letter-spacing:.05em;margin-bottom:.5rem}.session-limit-banner p:last-child{font-size:.75rem;color:var(--text-secondary)}.immersive-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;max-width:80%}.share-snark-btn{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:10;background:transparent;color:var(--text-primary);border:2px solid var(--text-primary);padding:.6rem 1.5rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.05em;cursor:pointer;transition:all .2s}.share-snark-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a0af7;display:flex;flex-direction:column;padding:calc(1.5rem + var(--sai-top)) calc(1rem + var(--sai-right)) calc(1.5rem + var(--sai-bottom)) calc(1rem + var(--sai-left));overflow-y:auto;-webkit-overflow-scrolling:touch}.share-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.share-overlay-title{font-family:var(--font-display);font-size:2.5rem;color:var(--accent-gold);letter-spacing:.1em}.share-overlay-close{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary);width:40px;height:40px;font-size:1.2rem;cursor:pointer;transition:all .2s;flex-shrink:0}.share-overlay-close:hover{border-color:var(--accent-red);color:var(--accent-red)}.share-overlay-cards{display:flex;flex-direction:column;gap:1rem;flex:1}.share-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);padding:1.2rem;display:flex;flex-direction:column;gap:.5rem}.share-card-liner{font-size:.85rem;line-height:1.4;color:var(--text-primary)}.share-card-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.share-card-actions button{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:.4rem .8rem;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all .2s}.share-card-actions button:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.share-all-btn{margin-top:1.5rem;padding:1rem;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.1em;background:var(--accent-red);color:var(--text-primary);border:none;cursor:pointer;transition:all .2s;flex-shrink:0}.share-all-btn:hover{background:var(--accent-gold);color:var(--bg-primary)}@media (orientation: landscape){.immersive-tropes{top:calc(.5rem + var(--sai-top));left:50%;transform:translate(-50%);max-width:55%;flex-wrap:nowrap}.share-snark-btn{top:calc(.5rem + var(--sai-top));right:calc(.5rem + var(--sai-right));left:auto;transform:none;font-size:.9rem;padding:.4rem .8rem}.immersive-action-btn.btn-danger{bottom:calc(1rem + var(--sai-bottom));font-size:.85rem;padding:.35rem 1rem}.commentary-bubbles{top:25%;bottom:20%}}@media (orientation: portrait){.immersive-action-btn.btn-danger{bottom:calc(7rem + var(--sai-bottom))}.immersive-intro-logo{width:clamp(300px,85vw,500px);height:clamp(100px,30vw,180px)}.immersive-intro-tagline{font-size:clamp(.6rem,2.5vw,.75rem);letter-spacing:.2em}.immersive-intro-go{font-size:clamp(1.1rem,4vw,1.5rem);padding:.8rem 2rem}}