:root{--mirror-bg-top:#0b1026;--mirror-bg-top-rgb:11, 16, 38;--mirror-bg-mid:#141033;--mirror-bg-mid-rgb:20, 16, 51;--mirror-bg-bottom:#090714;--mirror-bg-bottom-rgb:9, 7, 20;--mirror-text:#f4f0ff;--mirror-text-rgb:244, 240, 255;--mirror-dim:#9b93c0;--mirror-dim-rgb:155, 147, 192;--mirror-accent:#8fa3ff;--mirror-accent-rgb:143, 163, 255;--mirror-gold:#ffe9a8;--mirror-gold-rgb:255, 233, 168;--mirror-green:#8be9b8;--mirror-green-rgb:139, 233, 184;--mirror-brand-a:#58a6ff;--mirror-brand-a-rgb:88, 166, 255;--mirror-brand-b:#bc8cff;--mirror-brand-b-rgb:188, 140, 255}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;overflow-x:clip}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:safe center;max-width:960px;min-height:100vh;margin:0 auto;padding:24px 20px 64px;display:flex}.mirror-panel{text-align:center;width:100%;max-width:640px;margin-inline-start:auto;margin-inline-end:auto;position:relative}.mirror-info{z-index:5;text-align:right;position:absolute;top:0;right:0}.mirror-info-btn{border:1px solid var(--mirror-line,#8a97a659);width:24px;height:24px;color:var(--mirror-dim);cursor:pointer;background:#0b10268c;border-radius:50%;place-items:center;padding:0;display:grid}.mirror-info-btn:hover,.mirror-info-btn[aria-expanded=true]{color:var(--mirror-ink,#e6edf3);border-color:#8a97a68c}.mirror-info-btn:focus-visible{color:var(--mirror-ink,#e6edf3);border-color:#8a97a68c}.mirror-info-pop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(280px,78vw);color:var(--mirror-dim);text-align:left;opacity:0;visibility:hidden;background:#0b1026eb;border:1px solid #8a97a64d;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5;transition:opacity .12s,visibility .12s;position:absolute;top:30px;right:0}.mirror-info-pop[data-open=true]{opacity:1;visibility:visible}@media(hover:hover)and (pointer:fine){.mirror-info:hover .mirror-info-pop{opacity:1;visibility:visible}.mirror-info-btn:focus-visible~.mirror-info-pop{opacity:1;visibility:visible}}.mirror-peek-card{aspect-ratio:4/5;background:linear-gradient(#0b1026,#141033 55%,#090714);border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:center;width:min(400px,82vw,35vh);margin:16px auto 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 46px #00000080}.mirror-peek-card:not(.has-image){justify-content:center}.mirror-peek-card .mirror-legend-portrait{width:72%;max-width:240px}.mirror-panel.mirror-results{max-width:960px}.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-crosslink{color:var(--mirror-dim);margin:.8em auto 0;font-size:.86rem}.mirror-crosslink a{color:#2dd4bf;text-underline-offset:3px;text-decoration:underline}.mirror-crosslink a:hover{color:#7ff0dd}.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;justify-content:center;align-items:center;gap:9px;margin-top:18px;padding:14px 34px;font-family:inherit;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.mirror-icon{vertical-align:-3px;flex:none}.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}.mirror-prepare{flex-direction:column;align-items:center;gap:6px;display:flex}.mirror-prepare-label{color:var(--mirror-accent);font-size:1.4rem;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-micpick{flex-direction:column;align-items:center;gap:5px;max-width:320px;margin:10px auto 12px;display:flex}.mirror-micpick-label{letter-spacing:.2em;text-transform:uppercase;color:var(--mirror-dim);font-size:10px}.mirror-select{width:100%;color:var(--mirror-text);font:inherit;background:#0b1026b3;border:1px solid #8fa3ff59;border-radius:10px;padding:8px 10px;font-size:13px}.mirror-select:focus-visible{outline-offset:1px;outline:2px solid #8fa3ff99}.mirror-mic-hearing{margin-top:8px;font-size:12px}.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-range-result{margin:0 auto 28px}.mirror-range-note{max-width:58ch;margin:14px auto 0;line-height:1.55}.mirror-results-grid{grid-template-columns:1fr;place-items:center;gap:20px;margin:6px 0 4px;display:grid}.mirror-card-col{flex-direction:column;order:-1;align-items:center;gap:14px;width:100%;max-width:460px;display:flex}@media(min-width:900px){.mirror-results-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(360px,500px) minmax(270px,330px);justify-content:center;align-items:start;gap:16px 32px}.mirror-card-col{order:0;grid-area:1/1/span 2;max-width:500px}.mirror-notecard-left{grid-area:1/2;align-self:start}.mirror-notecard-right{grid-area:2/2;align-self:start}}.mirror-notecard{text-align:left;background:#1410336b;border:1px solid #8fa3ff29;border-radius:16px;width:100%;max-width:340px;padding:16px 20px 18px}@media(min-width:900px){.mirror-notecard{max-width:none;padding:13px 16px 14px}.mirror-notecard-score{font-size:1.8rem}.mirror-notecard p{font-size:.85rem}}.mirror-notecard-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.mirror-notecard-label{text-transform:uppercase;letter-spacing:.14em;color:var(--mirror-dim);font-size:.78rem}.mirror-notecard-score{color:var(--mirror-gold);font-size:2.1rem;font-weight:700;line-height:1}.mirror-notecard p{color:var(--mirror-dim);margin:.5em 0 0;font-size:.9rem}.mirror-notecard .mirror-pips{justify-content:flex-start;margin:2px 0 4px}.mirror-note-sub{opacity:.82;font-size:.82rem}.mirror-voicechip{margin-top:2px}.mirror-reveal{perspective:1300px;width:100%;margin:0 auto;position:relative}.mirror-reveal-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;cursor:default;width:100%;transform-style:preserve-3d;background:0 0;border:0;margin:0;padding:0;transition:transform .16s ease-out;display:block;position:relative}.has-legend .mirror-reveal-card{cursor:pointer}.has-legend:not(.is-revealed) .mirror-reveal-card:after{content:"";pointer-events:none;z-index:5;border-radius:22px;animation:2.6s ease-in-out infinite mirror-breathe;position:absolute;inset:-6px;box-shadow:0 0 0 1px #ffe9a880,0 0 52px #ffd27852}@keyframes mirror-breathe{0%,to{opacity:.5}50%{opacity:1}}.mirror-reveal-inner{transform-style:preserve-3d;transition:transform 1.45s cubic-bezier(.62,.02,.25,1);position:absolute;inset:0}.mode-flip.is-revealed .mirror-reveal-inner{transform:rotateY(900deg)}.mirror-card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(#0b1026,#141033 55%,#090714);border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 46px #00000080}.mirror-card-front{justify-content:center;align-items:center;display:flex}.mirror-card-front .mirror-voiceprint-canvas{width:100%;height:100%;box-shadow:none;border-radius:18px;display:block}.mirror-card-back{border:1px solid #8fa3ff29;flex-direction:column;justify-content:center;align-items:center;padding:6% 6% 7%;display:flex;transform:rotateY(180deg)}.mirror-card-back.has-image{justify-content:flex-end;padding:0}.mirror-back-img{object-fit:cover;object-position:center 18%;width:100%;height:100%;position:absolute;inset:0}.mirror-back-scrim{pointer-events:none;background:linear-gradient(#09071424,#0000 26% 52%,#0907149e 78%,#090714eb);position:absolute;inset:0}.mirror-legend-portrait{width:62%;max-width:190px}.mirror-legend-caption{text-align:center;margin-top:2%}.mirror-card-back.has-image .mirror-legend-caption,.mirror-peek-card.has-image .mirror-legend-caption{text-shadow:0 1px 10px #090714e6;margin:0 0 5%;position:relative}.mirror-legend-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--mirror-accent);font-size:.68rem;display:block}.mirror-legend-kicker .mirror-icon{vertical-align:-1px;margin-right:3px}.mirror-legend-name{color:var(--mirror-gold);margin:3px 0 1px;font-size:1.55rem;display:block}.mirror-legend-epithet{color:var(--mirror-dim);font-size:.85rem;font-style:italic;display:block}.mirror-legend-type{letter-spacing:.08em;text-transform:uppercase;color:#8fa3ffb8;margin-top:7px;font-size:.72rem;display:block}.mode-lenticular.is-revealed .mirror-reveal-card{border-radius:18px;overflow:hidden}.mirror-lenticular-portrait{pointer-events:none;mix-blend-mode:screen;z-index:3;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 54%,#000000ad 72%,#00000073 100%);mask-image:linear-gradient(#000 0% 54%,#000000ad 72%,#00000073)}.mirror-lenticular-img{object-fit:cover;object-position:center 22%;width:100%;height:100%;transition:transform .18s ease-out;position:absolute;inset:0}.mirror-lenticular-portrait .mirror-legend-svg{filter:drop-shadow(0 0 16px #ffd27866);width:74%}.mirror-lenticular-shine{pointer-events:none;mix-blend-mode:screen;z-index:4;background:linear-gradient(100deg,#0000,#c6d6ff1f,#fff5dc0d,#0000);width:20%;height:160%;transition:opacity .5s;position:absolute;top:-30%;left:34%}.mirror-reveal-hint{color:var(--mirror-dim);min-height:1.4em;margin:15px 0 0;font-size:.95rem}.mirror-reveal-hint.revealed{flex-direction:column;align-items:center;gap:7px;display:flex}.mirror-reveal-spark{color:var(--mirror-gold);margin-right:7px}.mirror-reveal-back{font-size:.82rem}.mirror-reveal-spacer{height:2px}.mirror-reveal-arrow{z-index:4;color:var(--mirror-gold);pointer-events:none;filter:drop-shadow(0 0 8px #ffd278b3);align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mirror-reveal-arrow .mirror-icon+.mirror-icon{opacity:.45;margin-left:-14px}.mirror-reveal-arrow.right .mirror-icon{transform:scaleX(-1)}.mirror-reveal-arrow.left{animation:1.3s ease-in-out infinite mirror-nudge-r;left:-30px}.mirror-reveal-arrow.right{animation:1.3s ease-in-out infinite mirror-nudge-l;right:-30px}@keyframes mirror-nudge-r{50%{transform:translateY(-50%)translate(7px)}}@keyframes mirror-nudge-l{50%{transform:translateY(-50%)translate(-7px)}}@media(max-width:480px){.mirror-reveal-arrow.left{left:-16px}.mirror-reveal-arrow.right{right:-16px}}@media(prefers-reduced-motion:reduce){.mirror-reveal-inner,.mirror-reveal-card,.mirror-reveal-arrow,.mirror-reveal-card:after,.mirror-howto-card,.mirror-howto-dot{transition-duration:.001ms;animation:none}.mirror-howto-card:not(.is-active){opacity:1;filter:none}}.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-legend-svg{width:100%;height:auto;display:block}.mirror-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.mirror-actions.mirror-actions-hero{flex-direction:column;align-items:center;gap:14px;margin-top:34px}.mirror-cta-hero{margin-top:0;padding:17px 46px;font-size:1.18rem;box-shadow:0 10px 30px #ffc46b38}.mirror-share-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.mirror-cta-twin{background:linear-gradient(135deg,var(--mirror-brand-a),var(--mirror-brand-b));color:#0b1026;box-shadow:0 10px 30px #8c82ff47}.mirror-sheet-scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0907149e;animation:.18s ease-out mirror-sheet-fade;position:fixed;inset:0}.mirror-sheet{z-index:41;color:var(--mirror-text);background:linear-gradient(180deg,var(--mirror-bg-mid) 0%,var(--mirror-bg-bottom) 100%);max-height:min(78vh,620px);padding:10px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid #8fa3ff38;border-radius:22px 22px 0 0;flex-direction:column;gap:4px;animation:.24s cubic-bezier(.22,1,.36,1) mirror-sheet-up;display:flex;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -18px 50px #00000080}@media(min-width:700px){.mirror-sheet{width:min(400px,92vw);max-height:none;padding:18px 22px calc(22px + env(safe-area-inset-bottom));border-radius:22px 0 0 22px;animation:.24s cubic-bezier(.22,1,.36,1) mirror-sheet-in;inset:0 0 0 auto;box-shadow:-18px 0 50px #00000080}}@keyframes mirror-sheet-fade{0%{opacity:0}}@keyframes mirror-sheet-up{0%{transform:translateY(100%)}}@keyframes mirror-sheet-in{0%{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.mirror-sheet,.mirror-sheet-scrim{animation:none}}.mirror-sheet-grip{background:#9b93c073;border-radius:999px;width:38px;height:4px;margin:0 auto 8px}@media(min-width:700px){.mirror-sheet-grip{display:none}}.mirror-sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.mirror-sheet-head h2{letter-spacing:-.01em;margin:0;font-size:1.02rem;font-weight:600}.mirror-sheet-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;color:var(--mirror-dim);cursor:pointer;background:0 0;border:1px solid #8fa3ff3d;border-radius:999px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.mirror-sheet-close:hover{color:var(--mirror-text);border-color:#8fa3ff80}.mirror-sheet-list{margin:0;padding:0;list-style:none}.mirror-sheet-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #8fa3ff1f;align-items:center;gap:13px;padding:13px 4px;font-family:inherit;display:flex}.mirror-sheet-list li:last-child .mirror-sheet-row{border-bottom:0}.mirror-sheet-rowicon{width:34px;height:34px;color:var(--mirror-accent);background:#8fa3ff1f;border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.mirror-sheet-row[aria-pressed=true] .mirror-sheet-rowicon{color:var(--mirror-gold);background:#ffe9a829}.mirror-sheet-rowtext{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mirror-sheet-rowlabel{font-size:.95rem}.mirror-sheet-rowhint{color:var(--mirror-dim);font-size:.78rem;line-height:1.35}.mirror-sheet-switch{background:#9b93c042;border-radius:999px;flex:none;width:42px;height:25px;padding:3px;transition:background .18s}.mirror-sheet-switch.on{background:#ffe9a88c}.mirror-sheet-knob{background:var(--mirror-text);border-radius:999px;width:19px;height:19px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:block}.mirror-sheet-switch.on .mirror-sheet-knob{transform:translate(17px)}@media(prefers-reduced-motion:reduce){.mirror-sheet-knob{transition:none}}.mirror-sheet-more{border-top:1px solid #8fa3ff29;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;display:flex}.mirror-sheet-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;color:var(--mirror-text);text-align:left;cursor:pointer;background:#8fa3ff12;border:1px solid #8fa3ff3d;border-radius:13px;align-items:center;gap:11px;padding:12px 14px;font-family:inherit;font-size:.92rem;transition:border-color .15s,background .15s;display:flex}.mirror-sheet-action:hover{background:#8fa3ff21;border-color:#8fa3ff80}.mirror-actions-sub{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mirror-cta-sm{gap:8px;margin-top:0;padding:9px 18px;font-size:.92rem}.mirror-textbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--mirror-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 8px;font-family:inherit;font-size:.9rem;text-decoration:underline}.mirror-textbtn:hover{color:var(--mirror-accent)}.mirror-sharestatus{margin-top:12px}.mirror-foot{color:var(--mirror-dim);opacity:.62;margin-top:20px;font-size:.8rem}.mirror-howto-title{margin:.35em 0 .2em;font-size:max(1.5rem,min(4.5vw,2rem));font-weight:700;line-height:1.2}.mirror-howto-sub{color:var(--mirror-dim);margin:0 0 18px}.mirror-howto-steps{text-align:left;grid-template-columns:1fr;gap:14px;display:grid}@media(min-width:900px){.mirror-howto-steps{grid-template-columns:1fr 1fr}}.mirror-howto-card{opacity:.45;filter:saturate(.75);background:#0a081a8c;border:1px solid #8fa3ff2e;border-radius:14px;padding:14px 16px 12px;transition:opacity .3s,filter .3s,border-color .3s,box-shadow .3s}.mirror-howto-card.is-active{opacity:1;filter:none;border-color:#8fa3ff8c;box-shadow:0 0 22px #8fa3ff2e}.mirror-howto-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mirror-howto-head h3{margin:0;font-size:1.02rem;font-weight:600}.mirror-howto-num{width:24px;height:24px;color:var(--mirror-gold);background:#ffe9a824;border:1px solid #ffe9a859;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.mirror-howto-blurb{color:var(--mirror-dim);margin:10px 0 2px;font-size:.88rem}.mirror-howto-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.mirror-howto-dot{background:#8fa3ff40;border-radius:999px;width:7px;height:7px;transition:background .3s,transform .3s}.mirror-howto-dot.is-active{background:var(--mirror-gold);transform:scale(1.25)}.mirror-demo{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.mirror-demo canvas{background:#0a081a73;border-radius:12px;width:100%;height:auto}.mirror-demo-caption{min-height:1.3em;color:var(--mirror-dim);font-size:.85rem}.mirror-cta-ready{margin-top:10px}.mirror-stopearly{flex-direction:column;align-items:center;gap:4px;margin-top:14px;display:flex}.mirror-stopearly .mirror-dim{margin:0;font-size:.8rem}