:root{--mirror-bg-top:#0b1026;--mirror-bg-mid:#141033;--mirror-bg-bottom:#090714;--mirror-text:#f4f0ff;--mirror-dim:#9b93c0;--mirror-accent:#8fa3ff;--mirror-gold:#ffe9a8;--mirror-green:#8be9b8;--mirror-brand-a:#58a6ff;--mirror-brand-b:#bc8cff}*{box-sizing:border-box}html,body{min-height:100vh;margin:0}body{background:linear-gradient(180deg,var(--mirror-bg-top) 0%,var(--mirror-bg-mid) 55%,var(--mirror-bg-bottom) 100%);color:var(--mirror-text);background-attachment:fixed;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}.mirror-shell{flex-direction:column;justify-content:center;max-width:640px;min-height:100vh;margin:0 auto;padding:24px 20px 64px;display:flex}.mirror-panel{text-align:center}.mirror-panel h1{margin:.4em 0;font-size:max(2rem,min(6vw,3rem));line-height:1.15}.mirror-panel h2{margin:.3em 0;font-size:1.7rem}.mirror-panel h3{color:var(--mirror-gold);margin:0 0 .3em;font-size:1.15rem}.mirror-wordmark{background:linear-gradient(135deg,var(--mirror-brand-a),var(--mirror-brand-b));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:1.3rem;font-weight:700;line-height:1.2}.mirror-trust{color:var(--mirror-dim);max-width:42ch;margin:1.2em auto 0;font-size:.92rem}.mirror-dim{color:var(--mirror-dim)}.mirror-error{color:#ff9c9c}.mirror-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#0b1026;background:linear-gradient(135deg,var(--mirror-gold),#ffc46b);cursor:pointer;border:0;border-radius:999px;margin-top:18px;padding:14px 34px;font-family:inherit;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-block}.mirror-cta:hover{transform:translateY(-1px)}.mirror-cta-secondary{color:var(--mirror-accent);border:1.5px solid var(--mirror-accent);background:0 0}.mirror-progress{color:var(--mirror-dim);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}.mirror-stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:280px;margin-top:22px;display:flex}.mirror-countdown{color:var(--mirror-gold);font-size:4.4rem;font-weight:700}.mirror-listening{color:var(--mirror-accent);font-size:1.6rem;animation:1s ease-in-out infinite mirror-pulse}@keyframes mirror-pulse{50%{opacity:.45}}.mirror-liveviz{background:#0a081a8c;border:1px solid #8fa3ff2e;border-radius:14px;width:100%;max-width:640px;height:auto}.mirror-miclevel{background:#8fa3ff26;border-radius:999px;width:100%;max-width:320px;height:8px;margin:10px auto 0;overflow:hidden}.mirror-miclevel-fill{background:linear-gradient(90deg,var(--mirror-green),var(--mirror-gold));height:100%;transition:width 80ms linear}.mirror-timebar{background:#8fa3ff26;border-radius:999px;width:100%;max-width:640px;height:5px;overflow:hidden}.mirror-timebar-fill{background:var(--mirror-accent);height:100%;transition:width .1s linear}.mirror-results{padding-top:24px}.mirror-voiceprint{max-width:420px;margin:0 auto 18px}.mirror-voiceprint-canvas{border-radius:18px;width:100%;height:auto;box-shadow:0 12px 44px #00000073}.mirror-hero{margin:.3em 0 .15em;font-size:max(2rem,min(6vw,3rem));font-weight:700;line-height:1.15}.mirror-hero-sub{color:var(--mirror-dim);font-size:.55em;font-weight:500}.mirror-chip{color:#cfd6ff;background:#8fa3ff24;border:1px solid #8fa3ff8c;border-radius:999px;padding:7px 18px;font-size:.9rem;display:inline-block}.mirror-delta{color:var(--mirror-green);font-weight:600}.mirror-stat{margin-top:26px}.mirror-stat p{color:var(--mirror-dim);max-width:46ch;margin:.4em auto 0}.mirror-pips{justify-content:center;gap:10px;margin:8px 0;display:flex}.mirror-pip{border:2px solid var(--mirror-accent);background:0 0;border-radius:50%;width:16px;height:16px}.mirror-pip-bullseye{background:var(--mirror-gold);border-color:var(--mirror-gold);box-shadow:0 0 10px #ffe9a8b3}.mirror-pip-hit{background:var(--mirror-accent)}.mirror-pip-close{background:#8fa3ff66}.mirror-pip-miss,.mirror-pip-no-voice{border-color:#8fa3ff59}.mirror-melody-list{flex-direction:column;gap:12px;margin:22px 0;display:flex}.mirror-melody-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;color:var(--mirror-text);cursor:pointer;background:#1410338c;border:1px solid #8fa3ff4d;border-radius:14px;flex-direction:column;gap:4px;padding:16px 18px;font-family:inherit;transition:border-color .15s;display:flex}.mirror-melody-card:hover{border-color:var(--mirror-gold)}.mirror-melody-card strong{color:var(--mirror-gold);font-size:1.05rem}.mirror-melody-card span{color:var(--mirror-text);font-size:.9rem}.mirror-melody-card em{color:var(--mirror-dim);font-size:.78rem;font-style:normal}.mirror-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}