:root{--bg: #16091f;--surface: #1f0f2e;--surface-2: #2a1640;--magenta: #ff2fb0;--gold: #ffd23f;--cyan: #3fe0ff;--text: #f5e9ff;--muted: #b79dcc;--font-display: "Bungee", system-ui, sans-serif;--font-body: "Work Sans", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}.stage{position:relative;min-height:100vh;padding:2.5rem 1.5rem 3rem;overflow:hidden;background:radial-gradient(circle at 15% -10%,rgba(255,47,176,.18),transparent 45%),radial-gradient(circle at 85% 0%,rgba(63,224,255,.14),transparent 40%),var(--bg)}.curtain{position:fixed;top:0;bottom:0;width:6vw;min-width:40px;background:repeating-linear-gradient(90deg,#3a0f3f,#3a0f3f 10px,#4d1350 10px,#4d1350 20px);z-index:0;opacity:.55}.curtain--left{left:0;box-shadow:12px 0 30px #00000080}.curtain--right{right:0;box-shadow:-12px 0 30px #00000080}.marquee{position:relative;z-index:1;text-align:center;margin-bottom:2.5rem}.marquee__title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.4rem);letter-spacing:.06em;margin:0;color:var(--gold);text-shadow:0 0 6px rgba(255,210,63,.8),0 0 22px rgba(255,47,176,.6),0 0 44px rgba(255,47,176,.35)}.marquee__subtitle{margin:.6rem 0 0;color:var(--muted);font-size:.95rem}.marquee__subtitle code{background:var(--surface-2);padding:.15rem .5rem;border-radius:6px;color:var(--cyan)}.grid{position:relative;z-index:1;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.card{background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #00000059}.card h2{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.03em;margin:0 0 .9rem;color:var(--cyan)}.muted{color:var(--muted)}.small{font-size:.85rem}.status-row{display:flex;flex-wrap:wrap;gap:.6rem}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;font-size:.85rem;background:#ffffff0d}.pill__dot{width:8px;height:8px;border-radius:50%}.pill--on .pill__dot{background:#4ee08b;box-shadow:0 0 8px #4ee08b}.pill--off .pill__dot{background:#ff5c7a;box-shadow:0 0 8px #ff5c7a}.error-text{color:#ff8fa3;font-size:.85rem;margin-top:.6rem}.user-profile{display:flex;align-items:center;gap:1rem}.user-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--magenta);box-shadow:0 0 18px #ff2fb080}.user-info{display:flex;flex-direction:column;gap:.2rem}.user-name{font-family:var(--font-display);font-size:1.1rem;color:var(--gold)}.user-login{color:var(--muted);font-size:.85rem}.link-button{background:none;border:none;padding:0;margin-top:.3rem;color:var(--cyan);font-size:.8rem;text-decoration:underline;cursor:pointer;align-self:flex-start}.link-button:hover{box-shadow:none;transform:none}.user-login-prompt{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}.twitch-login-button{display:inline-flex;align-items:center;gap:.5rem;background:#9147ff;color:#fff;text-decoration:none;font-weight:600;padding:.6rem 1.2rem;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease}.twitch-login-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #9147ff66}.form,.test-form{display:flex;flex-direction:column;gap:.9rem;margin-top:.5rem}.form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}input,textarea{background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.6rem .75rem;color:var(--text);font-family:var(--font-body);font-size:.9rem;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--magenta);outline-offset:1px}button{align-self:flex-start;background:linear-gradient(120deg,var(--magenta),#b91d80);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ff2fb059}button:disabled{opacity:.6;cursor:default}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.save-msg{color:var(--gold);font-size:.85rem;align-self:center}.test-form{flex-direction:row;flex-wrap:wrap}.test-form input{flex:1;min-width:200px}.test-answer{margin-top:1rem;background:#0000004d;border-left:3px solid var(--cyan);padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.memory-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;max-height:340px;overflow-y:auto}.memory-item{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem;border-radius:10px;background:#ffffff0a;font-size:.85rem}.memory-item--flagged{border-left:3px solid #ff5c7a}.memory-asker{color:var(--gold);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.memory-login{color:var(--muted);font-weight:400;text-transform:none}.memory-q{color:var(--text)}.memory-a{color:var(--muted)}.footer{position:relative;z-index:1;text-align:center;margin-top:2.5rem;color:var(--muted);font-size:.8rem}@media (max-width: 760px){.grid{grid-template-columns:1fr}.curtain{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}