:root{--bg:#06111f;--panel:#0a2038;--panel2:#0d2a48;--blue:#1877f2;--cyan:#49d6ff;--yellow:#ffd33d;--text:#f7fbff;--muted:#a9c1d6;--line:rgba(160,214,255,.16);--shadow:0 24px 70px rgba(0,0,0,.36)}*{box-sizing:border-box}html{background:#06111f;scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);font-family:"Nunito",system-ui,sans-serif;background:radial-gradient(circle at 50% -10%,#123f70 0,#071827 34%,#04101c 68%,#020811 100%);overflow-x:hidden}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.sky:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 20% 18%,rgba(73,214,255,.12),transparent 22%),radial-gradient(circle at 85% 28%,rgba(24,119,242,.18),transparent 25%),radial-gradient(circle at 55% 78%,rgba(255,211,61,.06),transparent 18%)}.sky i{position:absolute;width:8px;height:8px;border-radius:50%;background:#8feaff;box-shadow:0 0 22px #40cfff;animation:float 11s ease-in-out infinite}.sky i:nth-child(1){left:8%;top:24%}.sky i:nth-child(2){right:16%;top:46%;animation-delay:-4s}.sky i:nth-child(3){left:58%;top:75%;animation-delay:-7s}@keyframes float{50%{transform:translateY(-28px) scale(1.3);opacity:.5}}.topbar{position:sticky;top:0;z-index:20;height:62px;padding:0 clamp(16px,4vw,58px);display:flex;align-items:center;gap:28px;background:rgba(2,9,16,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{color:var(--yellow);font-weight:1000;text-decoration:none;white-space:nowrap}.topbar nav{display:flex;gap:clamp(14px,2.5vw,34px);margin:auto}.topbar nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:900;padding:20px 0;position:relative}.topbar nav a.active{color:var(--yellow)}.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:3px;border-radius:99px;background:var(--yellow)}.sound-toggle{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#0d2036;color:#fff;cursor:pointer}.hero{max-width:1380px;margin:auto;min-height:420px;padding:90px clamp(18px,5vw,74px) 70px;display:grid;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:3%;top:20px;width:min(42vw,580px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(73,214,255,.18),rgba(24,119,242,.08) 38%,transparent 68%);filter:blur(2px)}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{display:block;color:#68dfff;letter-spacing:.18em;font-size:11px;font-weight:1000}.hero h1{margin:8px 0 8px;font-size:clamp(58px,9vw,118px);line-height:.9;letter-spacing:-.055em;text-shadow:0 0 38px rgba(73,214,255,.2)}.hero p{font-size:clamp(17px,2vw,22px);color:#c5d9ea;max-width:670px;line-height:1.5;font-weight:700}.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:12px;font-weight:900}.hero-orbit{position:absolute;right:8%;top:50%;width:260px;height:260px;border:1px solid rgba(81,214,255,.2);border-radius:50%;transform:translateY(-50%);animation:orbit 20s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.11);border-radius:50%}.hero-orbit:after{inset:72px;border-style:solid}.hero-orbit span{position:absolute;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:#0d3153;border:1px solid #2d8aca;box-shadow:0 15px 35px #0007,0 0 26px #1a8ce955;font-size:24px}.hero-orbit span:nth-child(1){left:12px;top:92px}.hero-orbit span:nth-child(2){right:28px;top:12px}.hero-orbit span:nth-child(3){right:16px;bottom:36px}@keyframes orbit{to{transform:translateY(-50%) rotate(360deg)}}.character-zone,.audio-studio{max-width:1460px;margin:0 auto;padding:0 clamp(16px,4vw,60px) 54px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:clamp(25px,3vw,40px);margin:3px 0}.counter{font-size:12px;font-weight:900;color:#a8c8df;padding:9px 12px;border:1px solid var(--line);border-radius:999px}.character-rail{display:grid;grid-template-columns:repeat(7,minmax(124px,1fr));gap:12px}.character-card{position:relative;min-height:170px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(165deg,rgba(18,55,88,.88),rgba(5,20,35,.88));padding:12px;overflow:hidden;cursor:pointer;color:#fff;text-align:left;transition:.25s transform,.25s border-color,.25s box-shadow}.character-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-20px;top:-30px;background:var(--glow,#1877f2);filter:blur(42px);opacity:.26}.character-card img{width:100%;height:112px;object-fit:contain;filter:drop-shadow(0 12px 16px #0009);transition:.25s transform}.character-card strong{display:block;text-align:center;font-size:13px}.character-card:hover,.character-card.selected{transform:translateY(-6px);border-color:#62dfff;box-shadow:0 18px 45px #0008,0 0 0 1px rgba(73,214,255,.18) inset}.character-card:hover img,.character-card.selected img{transform:scale(1.07)}.character-card.selected:after{content:"✓";position:absolute;right:9px;top:9px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#1877f2;font-weight:1000}.character-card.mystery{background:radial-gradient(circle at 50% 28%,rgba(67,187,255,.24),rgba(9,23,38,.96) 48%,#040b12 100%);cursor:pointer}.mystery-shape{height:112px;display:grid;place-items:center;font-size:78px;filter:brightness(0);opacity:.84;drop-shadow:0 0 20px #49d6ff}.character-card.mystery strong{color:#b9d4e8}.character-card.mystery:after{content:"?";position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#142e45;border:1px solid #35627e;font-weight:1000}.audio-studio{padding-bottom:90px}.selected-character{display:flex;align-items:center;gap:18px;padding:22px;border-radius:28px;background:linear-gradient(120deg,rgba(15,59,98,.9),rgba(7,25,43,.8));border:1px solid rgba(100,207,255,.2);box-shadow:var(--shadow)}.selected-avatar-wrap{width:105px;height:105px;border-radius:28px;background:radial-gradient(circle at 50% 35%,#317fbd,#071526 68%);position:relative;flex:none}.selected-avatar-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #0007)}.status-dot{position:absolute;right:8px;bottom:8px;width:13px;height:13px;border-radius:50%;background:#54e48b;border:2px solid #071526;box-shadow:0 0 14px #54e48b}.selected-character h2{margin:3px 0;font-size:34px}.selected-character p{margin:0;color:var(--muted);font-weight:700}.tabs{display:flex;gap:8px;margin:18px 0;padding:7px;background:rgba(5,18,31,.86);border:1px solid var(--line);border-radius:18px;overflow-x:auto}.tabs button{flex:1;min-width:150px;border:0;border-radius:13px;padding:13px 14px;background:transparent;color:#b4cada;font-weight:900;cursor:pointer;transition:.2s}.tabs button.active{background:linear-gradient(135deg,#1877f2,#0b5dc3);color:#fff;box-shadow:0 8px 22px rgba(24,119,242,.28)}.category-title{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:26px 0 14px}.category-title>div{display:flex;align-items:center;gap:13px}.category-title>div>span{font-size:34px}.category-title h3{margin:2px 0;font-size:28px}.category-title p{max-width:480px;color:var(--muted);font-weight:700;text-align:right}.audio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.audio-card{min-width:0;position:relative;padding:18px;border-radius:24px;background:linear-gradient(160deg,#0d2948,#081a2d);border:1px solid rgba(113,206,255,.17);box-shadow:0 12px 30px #0005;overflow:hidden}.audio-card:before{content:"";position:absolute;inset:auto -30px -55px auto;width:140px;height:140px;border-radius:50%;background:#157ff5;filter:blur(60px);opacity:.15}.audio-index{display:flex;justify-content:space-between;align-items:center;color:#67d9ff;font-size:11px;font-weight:1000;letter-spacing:.12em}.audio-card h4{margin:16px 0 4px;font-size:18px;min-height:48px}.reference{color:#ffd76b;font-size:12px;font-weight:900;min-height:18px}.player-row{display:flex;align-items:center;gap:12px;margin-top:20px}.play-btn{width:48px;height:48px;flex:none;border-radius:50%;border:0;background:linear-gradient(145deg,#2084ff,#0c5bc3);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 9px 25px rgba(16,114,238,.35)}.play-btn[disabled]{opacity:.38;cursor:not-allowed}.progress{height:7px;flex:1;border-radius:999px;background:#071421;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#20a1ff,#5be2ff);border-radius:inherit}.time{font-size:10px;color:#9cb7ca;font-weight:900;white-space:nowrap}.empty-audio{color:#6f8ba0;font-size:11px;font-weight:900;margin-top:12px}.mystery-panel{grid-column:1/-1;padding:42px;text-align:center;border-radius:28px;border:1px dashed #345a73;background:radial-gradient(circle at 50% 0,rgba(55,171,240,.16),transparent 44%),#07131f}.mystery-panel strong{display:block;font-size:34px}.mystery-panel p{color:#9ab4c7;font-weight:700}footer{display:flex;justify-content:center;gap:18px;align-items:center;padding:26px;border-top:1px solid var(--line);color:#8aa7ba;font-size:12px}footer strong{color:var(--yellow)}@media(max-width:1180px){.character-rail{grid-template-columns:repeat(5,1fr)}.audio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:auto;padding:10px 14px;flex-wrap:wrap;gap:8px}.topbar nav{order:3;width:100%;justify-content:space-between;gap:8px;overflow:auto}.topbar nav a{padding:8px 0;font-size:11px}.topbar nav a.active:after{bottom:2px}.hero{min-height:330px;padding:58px 18px 40px}.hero-orbit{display:none}.hero h1{font-size:66px}.character-zone,.audio-studio{padding-left:12px;padding-right:12px}.character-rail{display:flex;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory}.character-card{flex:0 0 126px;scroll-snap-align:start}.section-head{align-items:flex-start}.counter{display:none}.selected-avatar-wrap{width:84px;height:84px}.selected-character h2{font-size:27px}.category-title{display:block}.category-title p{text-align:left}.audio-grid{grid-template-columns:1fr}.tabs button{min-width:132px}.tabs button span{display:inline}.audio-card h4{min-height:0}footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}