:root{color:#f5f7ff;background:#070812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:#a8f6dd}.app-shell{min-height:100vh;padding:24px;background:radial-gradient(circle at 75% 8%,rgba(78,230,177,.15),transparent 30%),radial-gradient(circle at 10% 80%,rgba(126,92,255,.18),transparent 34%),#070812}.skip-link{position:fixed;left:16px;top:-80px;z-index:10;padding:10px 14px;color:#070812;background:#a8f6dd;border-radius:8px}.skip-link:focus{top:16px}.brand-bar,main,footer{width:min(920px,100%);margin-inline:auto}.brand-bar{display:flex;gap:16px;align-items:center;padding:14px 0 30px}.brand-bar img{width:54px;height:54px}.brand-bar div{display:grid;gap:4px}.brand-bar span{color:#a8f6dd;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.brand-bar strong{font-size:clamp(1rem,3vw,1.35rem)}[role=tablist]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border:1px solid #2a2e43;background:#101222cc;border-radius:16px}[role=tab]{padding:12px;border:0;border-radius:11px;color:#b9bdd0;background:transparent;cursor:pointer}[role=tab][aria-selected=true]{color:#07110e;background:#a8f6dd;font-weight:800}[role=tabpanel]>section,[role=tabpanel]>div{display:grid;gap:18px;margin-top:14px;padding:clamp(24px,6vw,56px);border:1px solid #2a2e43;border-radius:22px;background:#0d0f1de6;box-shadow:0 26px 80px #00000047}h1{margin:0;font-size:clamp(2rem,7vw,4.5rem);line-height:.98;letter-spacing:-.045em}p{margin:0;color:#b9bdd0;line-height:1.55}strong{overflow-wrap:anywhere}[role=tabpanel] section>div>strong{color:#a8f6dd;font-size:clamp(3rem,14vw,7rem);letter-spacing:.12em}label{display:grid;gap:8px;color:#dfe2ef;font-weight:700}label+button:not([role=tab]){margin-top:18px}input{width:100%;padding:13px 14px;color:#fff;border:1px solid #3d425c;border-radius:10px;background:#090b17}button:not([role=tab]){width:fit-content;min-height:46px;padding:11px 18px;border:1px solid #a8f6dd;border-radius:11px;color:#07110e;background:#a8f6dd;font-weight:800;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #c9b9ff;outline-offset:3px}[role=alert]{color:#ffb3b8}footer{padding:22px 4px;color:#737991;font-size:.8rem}.sound-stage,.listener-stage{padding:18px;border:1px solid #4a3d78;border-radius:18px;background:radial-gradient(circle at 50% 10%,rgba(126,92,255,.22),transparent 55%),#090b17;overflow:hidden}.sound-stage__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#a8f6dd}.sound-stage__header>strong{color:#eaff22;font-size:2.2rem}.sound-stage__header>span{font-size:.72rem;letter-spacing:.08em}.sound-digits,.detected-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:16px}.sound-digit{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;color:#777d94;border:1px solid #292d44;border-radius:50%}.sound-digit i,.sound-digit i:after{position:absolute;width:calc(42% + var(--low) * 25%);aspect-ratio:1;border:2px solid #7e5cff;border-radius:50%;content:""}.sound-digit i:after{width:calc(100% + var(--high) * 38%);left:50%;top:50%;transform:translate(-50%,-50%);border-color:#a8f6dd;opacity:.55}.sound-digit b{z-index:1;font-size:1.3rem}.sound-digit small{position:absolute;bottom:-18px;font-size:.55rem;opacity:0}.sound-digit.is-active{color:#07110e;background:#eaff22;border-color:#eaff22;box-shadow:0 0 34px #eaff228c;transform:scale(1.12)}.sound-digit.is-active i{transform:scale(1.35)}.sound-digit.is-active small{color:#eaff22;opacity:1}.listener-stage{--level: 0}.live-wave{display:flex;height:68px;align-items:center;justify-content:center;gap:8px}.live-wave i{width:7px;height:calc(10px + var(--level) * 50px);border-radius:99px;background:linear-gradient(#eaff22,#7e5cff)}.live-wave i:nth-child(2n){height:calc(18px + var(--level) * 34px)}.detected-slots b{display:grid;place-items:center;min-height:54px;color:#666b82;border-bottom:2px solid #3d425c;font-size:1.6rem}.detected-slots b.is-filled{color:#eaff22;border-color:#a8f6dd;text-shadow:0 0 18px rgba(234,255,34,.45)}.listener-stage>small{display:block;margin-top:12px;color:#a8f6dd;text-align:center}@media(max-width:520px){.app-shell{padding:14px}.brand-bar{padding-bottom:18px}[role=tabpanel]>section,[role=tabpanel]>div{padding:24px 18px}button:not([role=tab]){width:100%}.sound-stage__header{align-items:center;flex-direction:column}.sound-digits{gap:4px}.sound-digit b{font-size:1rem}}@media(prefers-reduced-motion:no-preference){button,a{transition:transform .15s ease,background-color .15s ease}button:not(:disabled):hover{transform:translateY(-1px)}.sound-digit{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.sound-digit i{transition:transform .16s ease}.live-wave i{transition:height .08s linear}}