.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(167,139,250,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;background:#0a0914bd}.layout-logo{display:flex;align-items:center;gap:10px}.layout-logo-text{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#f7f2ff,#a78bfa 55%,#6ee7f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.layout-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:0 16px 120px}@media(min-width:768px){.layout-header{padding:18px 28px}.layout-main{padding-inline:24px}}.home-page{max-width:720px;margin:0 auto;padding:2rem 1rem}.home-hero{text-align:center;margin-bottom:2rem}.home-hero h1{font-size:2rem;margin-bottom:.5rem;color:#e0d0ff}.home-hero p{color:#a090c0;font-size:1.1rem}.home-loading,.home-empty{text-align:center;color:#a090c0;padding:3rem 1rem}.home-grid{display:flex;flex-direction:column;gap:.75rem}.home-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;text-decoration:none;color:inherit;transition:background .15s}.home-card:hover{background:#ffffff1a}.home-card-avatar{width:48px;height:48px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.home-card-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.home-card-info h3{margin:0;font-size:1rem;color:#e0d0ff}.home-card-info p{margin:.25rem 0 0;font-size:.85rem;color:#a090c0}.audio-player{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#090a13eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(167,139,250,.18);box-shadow:0 -8px 30px #0006;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.audio-player-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px}.audio-player-toggle{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#6ee7f9);display:flex;align-items:center;justify-content:center;transition:transform .15s ease;color:#0c1122}.audio-player-toggle:hover{transform:scale(1.06)}.audio-player-toggle:active{transform:scale(.96)}.audio-player-body{flex:1;min-width:0}.audio-player-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.audio-player-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player-time{flex-shrink:0;font-size:.75rem;color:#b8b0cb}.audio-player-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:#ffffff26;outline:none}.audio-player-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#f5f2ff;border:3px solid #8ddcf5}.audio-player-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f5f2ff;border:3px solid #8ddcf5}.channel-header{display:flex;flex-direction:column;gap:18px;padding:24px 18px 20px;border-radius:28px;background:linear-gradient(180deg,#281954f0,#0f1324fa),#0c0a18e6;border:1px solid rgba(167,139,250,.16);box-shadow:0 24px 60px #00000038}.channel-header-top{display:flex;gap:16px;align-items:flex-start}.channel-header-avatar{flex-shrink:0}.channel-header-avatar-img{width:72px;height:72px;border-radius:24px;border:1px solid rgba(167,139,250,.3);background:#1b1539;object-fit:cover}.channel-header-avatar-fallback{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#9f7aea,#22d3ee);color:#100d1e;font-size:1.75rem;font-weight:700}.channel-header-copy{flex:1;min-width:0}.channel-header-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.channel-header-badge{padding:5px 10px;border-radius:999px;background:#ffffff14;color:#ece6ff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.channel-header-badge--premium{background:#fbbf2424;color:#f7cc64}.channel-header-badge--active{background:#34d39924;color:#7ef0c4}.channel-header-name{font-size:1.6rem;font-weight:700;line-height:1.15;margin-bottom:6px}.channel-header-creator{font-size:.95rem;color:#d8d2ea;margin-bottom:12px}.channel-header-desc{font-size:.95rem;color:#c6c0d7;line-height:1.5;max-width:48rem}.channel-header-stats{display:flex;gap:12px;flex-wrap:wrap}.channel-header-stat{min-width:110px;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:18px;background:#ffffff0d}.channel-header-stat strong{font-size:1rem}.channel-header-stat span{font-size:.8rem;color:#b8b0cb}.channel-header-login{width:100%;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,#a78bfa,#6ee7f9);color:#0f1020;font-weight:700}@media(min-width:768px){.channel-header{padding:28px 24px 22px}.channel-header-name{font-size:2rem}}.login-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#04040aa8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-gate-modal{position:relative;background:linear-gradient(180deg,#1b1635,#101623);border:1px solid rgba(167,139,250,.2);border-radius:24px;padding:28px 22px 22px;max-width:420px;width:100%;box-shadow:0 20px 60px #00000073;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-gate-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a49dbb;transition:color .2s}.login-gate-close:hover{color:#fff}.login-gate-lock{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;background:#a78bfa24;color:#d8ccff}.login-gate-title{font-size:1.3rem;font-weight:700;margin-bottom:8px}.login-gate-desc{font-size:.94rem;color:#c6c0d7;line-height:1.5;margin-bottom:24px}.login-gate-form,.login-gate-actions{display:flex;flex-direction:column;gap:12px}.login-gate-field{display:flex;flex-direction:column;gap:7px;font-size:.85rem;color:#ddd7ef}.login-gate-field input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(167,139,250,.18);background:#ffffff0d;color:#fff}.login-gate-field input::placeholder{color:#8e86a5}.login-gate-error{color:#f6a4a4;font-size:.84rem}.login-gate-btn{display:block;width:100%;padding:12px 20px;border-radius:14px;font-size:.95rem;font-weight:600;transition:all .2s ease;text-align:center}.login-gate-btn--primary{background:linear-gradient(135deg,#a78bfa,#6ee7f9);color:#0f1020}.login-gate-btn--primary:hover{transform:translateY(-1px)}.login-gate-btn--secondary{background:#a78bfa1a;color:#d8ccff;border:1px solid rgba(167,139,250,.18)}.login-gate-btn--secondary:hover{background:#a78bfa29}.voice-item{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 12px;border-radius:20px;background:#141223db;border:1px solid rgba(167,139,250,.12);transition:all .2s ease}.voice-item:hover{background:#1f1b34f2;border-color:#a78bfa3d}.voice-item--active{background:#4c357a61;border-color:#6ee7f966}.voice-item--locked{opacity:.86}.voice-item-play{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#a78bfa29;color:#f5f2ff;transition:all .2s ease}.voice-item--active .voice-item-play{background:linear-gradient(135deg,#a78bfa,#6ee7f9);color:#111320}.voice-item--locked .voice-item-play{background:#fbbf2424;color:#f7cc64}.voice-item-play:hover{transform:scale(1.04)}.voice-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.voice-item-title{font-size:.98rem;font-weight:600}.voice-item-meta{font-size:.8rem;color:#b8b0cb}.voice-item-badge{flex-shrink:0;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:9999px;background:#fbbf241f;color:#f7cc64;border:1px solid rgba(251,191,36,.25)}.voice-item-badge--preview{background:#6ee7f91f;color:#86edfb;border-color:#6ee7f940}.voice-list{display:flex;flex-direction:column;gap:14px}.voice-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.voice-list-head h2{font-size:1.1rem}.voice-list-head span{color:#b8b0cb;font-size:.82rem}.voice-list-items{display:flex;flex-direction:column;gap:10px}.voice-list-locked-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:#fbbf2414;border:1px solid rgba(251,191,36,.18)}.voice-list-locked-card p{color:#c6c0d7}.voice-list-locked-card button{align-self:flex-start;padding:10px 14px;border-radius:12px;background:#ffffff14}.channel-page{display:flex;flex-direction:column;gap:18px;padding:18px 0 40px}.channel-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:#b8b0cb}.channel-page-spinner{width:36px;height:36px;border:3px solid rgba(167,139,250,.18);border-top-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.channel-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:10px;text-align:center;padding:0 24px}.channel-page-error h2{font-size:1.5rem}.channel-page-error p{color:#b8b0cb;max-width:30rem}.channel-page-banner{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:18px;background:#6ee7f914;border:1px solid rgba(110,231,249,.16)}.channel-page-banner strong{font-size:.95rem}.channel-page-banner span{color:#c6c0d7;font-size:.9rem}.channel-page-banner--muted{background:#a78bfa14;border-color:#a78bfa29}@media(min-width:768px){.channel-page{gap:20px;padding-top:24px}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:12px}.not-found-code{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-text{font-size:1.1rem;color:#9d95b0}.not-found-link{margin-top:8px;padding:10px 24px;border-radius:12px;background:#7c3aed26;color:#a78bfa;font-weight:600;border:1px solid rgba(124,58,237,.25);transition:all .2s ease}.not-found-link:hover{background:#7c3aed40}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top,rgba(66,31,132,.48),transparent 38%),linear-gradient(180deg,#090814,#141028 38%,#0e1828);color:#f5f2ff;min-height:100vh;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;color:inherit}input,button{font:inherit}img{max-width:100%;display:block}