.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(124,58,237,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;background:#0d0a1ad9}.layout-logo{display:flex;align-items:center;gap:10px}.layout-logo-text{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.layout-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:0 16px 120px}.channel-header{display:flex;gap:16px;padding:24px 0 20px;align-items:flex-start}.channel-header-avatar{flex-shrink:0}.channel-header-avatar-img{width:64px;height:64px;border-radius:50%;border:2px solid rgba(124,58,237,.4);background:#1a1440}.channel-header-info{flex:1;min-width:0}.channel-header-name{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:2px}.channel-header-creator{font-size:.85rem;color:#9d95b0;margin-bottom:8px}.channel-header-creator-name{color:#a78bfa}.channel-header-desc{font-size:.9rem;color:#9d95b0;line-height:1.5;margin-bottom:10px}.channel-header-stats{display:flex;gap:16px}.channel-header-stat{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#6b6280}.voice-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#1a144080;border:1px solid rgba(124,58,237,.1);transition:all .2s ease;cursor:pointer}.voice-item:hover{background:#221a5299;border-color:#7c3aed40}.voice-item--active{background:#7c3aed1f;border-color:#7c3aed59}.voice-item--locked{opacity:.7}.voice-item--locked:hover{opacity:.85}.voice-item-play{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7c3aed33;color:#a78bfa;transition:all .2s ease}.voice-item--active .voice-item-play{background:#7c3aed;color:#fff}.voice-item--locked .voice-item-play{background:#f59e0b26;color:#fbbf24}.voice-item-play:hover{transform:scale(1.08)}.voice-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.voice-item-title{font-size:.925rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-item-meta{font-size:.78rem;color:#6b6280}.voice-item-badge{flex-shrink:0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:9999px;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.voice-list{display:flex;flex-direction:column;gap:24px}.voice-list-section{display:flex;flex-direction:column;gap:8px}.voice-list-heading{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9d95b0;padding:0 4px}.voice-list-heading--locked{color:#fbbf24}.voice-list-items{display:flex;flex-direction:column;gap:6px}.audio-player{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#151030f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(124,58,237,.2);box-shadow:0 -4px 30px #00000080;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.audio-player-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:14px}.audio-player-toggle{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#7c3aed;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .2s ease}.audio-player-toggle:hover{background:#6d28d9;transform:scale(1.06)}.audio-player-toggle:active{transform:scale(.96)}.audio-player-body{flex:1;min-width:0}.audio-player-title{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.audio-player-seek{cursor:pointer;padding:4px 0}.audio-player-seek-track{position:relative;height:4px;border-radius:2px;background:#2a2050}.audio-player-seek-fill{position:absolute;top:0;left:0;height:100%;border-radius:2px;background:#7c3aed;transition:width .1s linear}.audio-player-seek-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#a78bfa;opacity:0;transition:opacity .15s ease}.audio-player-seek:hover .audio-player-seek-thumb{opacity:1}.audio-player-times{display:flex;justify-content:space-between;font-size:.7rem;color:#6b6280;margin-top:3px}.login-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0009;-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(145deg,#1a1440,#151030);border:1px solid rgba(124,58,237,.3);border-radius:20px;padding:32px 28px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #7c3aed1a;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:#6b6280;transition:color .2s}.login-gate-close:hover{color:#f1f0f5}.login-gate-icon{margin-bottom:16px}.login-gate-title{font-size:1.2rem;font-weight:700;margin-bottom:8px}.login-gate-desc{font-size:.9rem;color:#9d95b0;line-height:1.5;margin-bottom:24px}.login-gate-btn{display:block;width:100%;padding:12px 20px;border-radius:12px;font-size:.95rem;font-weight:600;transition:all .2s ease;margin-bottom:10px}.login-gate-btn--primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.login-gate-btn--primary:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px)}.login-gate-btn--secondary{background:#7c3aed1a;color:#a78bfa;border:1px solid rgba(124,58,237,.2)}.login-gate-btn--secondary:hover{background:#7c3aed2e}.login-gate-qr-placeholder{width:160px;height:160px;margin:0 auto 20px;border-radius:12px;background:#ffffff0d;border:2px dashed rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;color:#6b6280;font-size:.85rem}.login-gate-alt{font-size:.85rem;color:#6b6280;margin-bottom:16px}.login-gate-link{color:#a78bfa;text-decoration:underline}.channel-page{padding-bottom:40px}.channel-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:#9d95b0}.channel-page-spinner{width:36px;height:36px;border:3px solid rgba(124,58,237,.2);border-top-color:#7c3aed;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:8px;text-align:center}.channel-page-error h2{font-size:1.5rem}.channel-page-error p{color:#9d95b0}.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}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0d0a1a,#1a1040,#0d1a2a);color:#f1f0f5;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}