*{box-sizing:border-box}html,body{background:#08070d;height:100%;margin:0}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}#root{height:100vh}:root{--cm-bg:#08070d;--cm-pink:#ff3c8c;--cm-cyan:#00e5ff;--cm-amber:#f7b733;--cm-green:#5fd07e;--cm-white:#faf7f2;--cm-headline:#f3efe7;--cm-muted:#9a958c;--cm-body:#b4afa6;--cm-soft:#d7d2c8;--cm-panel:#18161f;--cm-panel-2:#16141c;--cm-border:#ffffff1a}@keyframes cm-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes cm-rec-blink{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes cm-float-glow{0%,to{transform:translate(0)}50%{transform:translate(26px,-18px)}}@keyframes cm-track-jitter{0%,92%,to{transform:translateY(0)}94%{transform:translateY(-2px)}96%{transform:translateY(3px)}98%{transform:translateY(-1px)}}@keyframes cm-scan{0%{background-position:0 0}to{background-position:0 100vh}}@keyframes cm-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cm-app{background:var(--cm-bg);height:100vh;color:var(--cm-body);flex-direction:column;font-family:Manrope,system-ui,sans-serif;display:flex;position:relative;overflow:clip}.cm-glow{filter:blur(48px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.cm-glow--pink{background:radial-gradient(circle,#ff288c2e,#0000 70%);width:480px;height:480px;animation:15s ease-in-out infinite cm-float-glow;top:-160px;left:6%}.cm-glow--cyan{background:radial-gradient(circle,#00b4e529,#0000 70%);width:520px;height:520px;animation:19s ease-in-out infinite reverse cm-float-glow;bottom:-200px;right:4%}.cm-vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.cm-scanlines{pointer-events:none;z-index:1;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000047 0 1px,#0000 1px 3px);position:absolute;inset:0}.cm-scan-sweep{pointer-events:none;z-index:1;opacity:.5;background:linear-gradient(#0000,#ffffff0a 50%,#0000) 0 0/100% 220px;animation:7s linear infinite cm-scan;position:absolute;inset:0}.cm-grain{opacity:.06;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cm-hud{z-index:5;border-bottom:1px solid var(--cm-border);background:#0a091099;flex:none;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:relative}.cm-hud-left{align-items:center;gap:20px;display:flex}.cm-logo{color:var(--cm-white);letter-spacing:-.02em;text-shadow:2px 0 #ff288cbf,-2px 0 #00e5ffbf;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800}.cm-logo-accent{color:var(--cm-pink)}.cm-transport{letter-spacing:.04em;align-items:center;gap:10px;font-family:VT323,monospace;font-size:21px;display:flex}.cm-transport-play{color:var(--cm-green)}.cm-transport-sp{color:var(--cm-muted)}.cm-transport-ff{color:var(--cm-amber)}.cm-hud-right{align-items:center;gap:10px;display:flex}.cm-rec-dot{background:var(--cm-green);width:9px;height:9px;box-shadow:0 0 10px var(--cm-green);border-radius:50%;animation:2.2s infinite cm-rec-blink}.cm-status{color:var(--cm-muted);letter-spacing:.05em;font-family:VT323,monospace;font-size:20px}.cm-main{z-index:5;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.cm-main--empty{justify-content:center}.cm-main--empty .cm-stage{display:none}.cm-main--empty .cm-terminal{background:0 0;border-top:none}.cm-stage{flex:1;min-height:0;padding:32px 40px 20px;animation:9s infinite cm-track-jitter;position:relative;overflow-y:auto}.cm-stage::-webkit-scrollbar{width:8px}.cm-stage::-webkit-scrollbar-thumb{background:#ff3c8c40;border-radius:8px}.cm-stage-inner{flex-direction:column;gap:28px;max-width:880px;margin:0 auto;display:flex}.cm-turn{flex-direction:column;gap:14px;animation:.3s cm-rise-in;display:flex}.cm-user-line{color:var(--cm-soft);border:1px solid var(--cm-border);background:#ffffff0d;border-radius:4px;align-self:flex-end;max-width:80%;padding:6px 14px;font-family:VT323,monospace;font-size:19px;animation:.3s cm-rise-in}.cm-reply{color:var(--cm-soft);border:1px solid var(--cm-border);white-space:pre-wrap;background:#ffffff0d;border-radius:4px;align-self:flex-start;max-width:80%;padding:6px 14px;font-family:VT323,monospace;font-size:19px;line-height:1.5}.cm-loading{color:var(--cm-green);align-items:center;gap:8px;font-family:VT323,monospace;font-size:21px;display:flex}.cm-loading-cursor{background:var(--cm-green);flex:none;width:11px;height:22px;animation:1s step-end infinite cm-blink}.cm-error-turn{color:var(--cm-pink);border:1px dashed #ff3c8c66;border-radius:4px;align-self:flex-start;padding:8px 14px;font-family:VT323,monospace;font-size:18px;animation:.3s cm-rise-in}.cm-feature-card{background:#18161f;border:1px solid #ffffff1f;border-radius:6px;transition:transform .25s;overflow:hidden;box-shadow:0 22px 60px #0009,inset 0 0 0 6px #18161f,inset 0 0 0 7px #ff3c8c40}.cm-feature-card:hover{transform:translateY(-4px)}.cm-feature-strip{background:repeating-linear-gradient(90deg,#ff3c8c,#ff3c8c 40px,#f7b733 40px 80px,#00e5ff 80px 120px);justify-content:space-between;align-items:center;padding:9px 18px;display:flex}.cm-strip-tag{color:#0a0a12;letter-spacing:.1em;background:#ffffffd9;border-radius:2px;padding:1px 8px;font-family:VT323,monospace;font-size:16px;font-weight:700}.cm-feature-body{min-height:260px;display:flex}.cm-feature-poster{border-right:1px solid var(--cm-border);background:repeating-linear-gradient(135deg,#201e28,#201e28 7px,#27252f 7px 14px);flex:none;justify-content:center;align-items:center;width:200px;display:flex;position:relative;overflow:hidden}.cm-feature-poster img{object-fit:cover;width:100%;height:100%}.cm-poster-label{color:#6c6878;letter-spacing:2px;white-space:nowrap;font-family:ui-monospace,monospace;font-size:10px;transform:rotate(-90deg)}.cm-feature-rating{color:var(--cm-amber);letter-spacing:.06em;text-align:center;background:#08070dcc;border:1px solid #f7b73366;padding:4px 8px;font-family:VT323,monospace;font-size:16px;position:absolute;bottom:14px;left:14px;right:14px}.cm-feature-info{background:linear-gradient(135deg,#1c1a24,#141219);flex-direction:column;flex:1;min-width:0;padding:24px 28px;display:flex}.cm-feature-title-row{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.cm-feature-title{color:var(--cm-white);letter-spacing:-.025em;font-family:Bricolage Grotesque,sans-serif;font-size:34px;font-weight:800;line-height:1}.cm-feature-year{color:var(--cm-cyan);font-family:VT323,monospace;font-size:22px}.cm-feature-genres{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cm-genre-pill{color:#0a0a12;letter-spacing:.06em;border-radius:2px;padding:2px 12px;font-family:VT323,monospace;font-size:15px}.cm-genre-pill:nth-child(3n+1){background:var(--cm-amber)}.cm-genre-pill:nth-child(3n+2){background:var(--cm-pink)}.cm-genre-pill:nth-child(3n+3){background:var(--cm-cyan)}.cm-feature-overview{color:var(--cm-body);max-width:480px;margin-top:14px;font-size:14px;line-height:1.6}.cm-feature-footer{border-top:1px dashed var(--cm-border);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:18px;display:flex}.cm-feature-match{color:var(--cm-soft);letter-spacing:.04em;font-family:VT323,monospace;font-size:17px}.cm-feature-link{color:#1a1308;background:var(--cm-amber);letter-spacing:.05em;border:none;border-radius:3px;padding:7px 18px;font-family:VT323,monospace;font-size:16px;text-decoration:none;box-shadow:0 0 16px #f7b73366}.cm-more-label{color:var(--cm-muted);letter-spacing:.06em;font-family:VT323,monospace;font-size:19px}.cm-tape-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cm-tape-card{background:var(--cm-panel-2);border:1px solid var(--cm-border);border-radius:5px;gap:12px;padding:12px;transition:transform .25s;display:flex;box-shadow:inset 0 0 0 4px #11101a}.cm-tape-card:hover{transform:translateY(-4px)}.cm-tape-poster{background:repeating-linear-gradient(135deg,#201e28,#201e28 6px,#27252f 6px 12px);border-radius:3px;flex:none;justify-content:center;align-items:center;width:70px;height:104px;display:flex;overflow:hidden}.cm-tape-poster img{object-fit:cover;width:100%;height:100%}.cm-tape-poster .cm-poster-label{font-size:9px}.cm-tape-info{flex-direction:column;flex:1;min-width:0;display:flex}.cm-tape-title-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.cm-tape-title{color:var(--cm-white);font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:700}.cm-tape-year{color:var(--cm-cyan);font-family:VT323,monospace;font-size:15px}.cm-tape-genres{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.cm-tape-genres .cm-genre-pill{padding:1px 9px;font-size:13px}.cm-tape-overview{color:var(--cm-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.cm-tape-footer{color:var(--cm-soft);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-family:VT323,monospace;font-size:14px;display:flex}.cm-terminal{z-index:5;border-top:1px solid var(--cm-border);background:#0a091099;flex:none;padding:14px 40px 22px;position:relative}.cm-terminal-bar{background:#0a0a12;border:1px solid #00e5ff4d;border-radius:4px;align-items:center;gap:12px;max-width:880px;margin:0 auto;padding:11px 16px;display:flex;box-shadow:0 0 24px #00e5ff1f,inset 0 0 30px #00e5ff0a}.cm-terminal-prompt{color:var(--cm-cyan);font-family:VT323,monospace;font-size:22px}.cm-terminal-input{color:var(--cm-green);letter-spacing:.03em;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:VT323,monospace;font-size:21px}.cm-terminal-input::placeholder{color:#5fd07e73}.cm-terminal-cursor{background:var(--cm-green);flex:none;width:10px;height:20px;animation:1s step-end infinite cm-blink}.cm-terminal-send{color:#1a1308;background:var(--cm-amber);cursor:pointer;letter-spacing:.06em;border:none;border-radius:3px;flex:none;padding:6px 16px;font-family:VT323,monospace;font-size:18px;box-shadow:0 0 16px #f7b73366}.cm-terminal-send:disabled{opacity:.4;cursor:default;box-shadow:none}@media (width<=720px){.cm-hud{padding:14px 18px}.cm-stage{padding:24px 18px 16px}.cm-terminal{padding:12px 18px 18px}.cm-feature-body{flex-direction:column}.cm-feature-poster{border-right:none;border-bottom:1px solid var(--cm-border);width:100%;height:180px}.cm-tape-grid{grid-template-columns:1fr}.cm-reply{font-size:20px}}