:root{color:#f8f8fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080b16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,a,input,textarea,select,[role=button]{-webkit-tap-highlight-color:transparent}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:2px solid #ff6fb3b8}body{background:radial-gradient(circle at top,#f060a614,#0000 34%),#080b16;min-width:320px;min-height:100svh;margin:0}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}#app{min-height:100svh}.app-shell{background:#080b16;min-height:100svh}.global-audio-element{display:none}.phone-page{background:#151827;width:min(100%,430px);min-height:100svh;margin:0 auto;padding:20px 22px 232px;position:relative;overflow:hidden auto}.home-page{padding-top:20px}.page-state{color:#f8f8fb9e;text-align:center;padding:40px 18px;font-size:15px;line-height:1.7}.audio-error-tip{color:#ffb4b4;text-align:center;margin:18px 0 0;font-size:13px;line-height:1.6}.category-tabs{scrollbar-width:none;gap:14px;margin:0 0 30px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.tab-button{color:#f8f8fbc7;letter-spacing:0;white-space:nowrap;flex:none;height:36px;font-size:20px;font-weight:800;position:relative}.tab-button.active{color:#ff5fac}.tab-button.active:after{content:"";background:#ff6fb3;height:2px;position:absolute;bottom:-7px;left:10px;right:10px}.audio-list{flex-direction:column;display:flex}.audio-item{cursor:pointer;border-bottom:1px solid #e5e7f224;grid-template-columns:52px minmax(0,1fr) 42px;align-items:center;gap:16px;min-height:83px;padding:8px 0 15px;display:grid}.audio-cover-button{border-radius:50%;width:52px;height:52px}.audio-cover,.mini-cover{object-fit:cover;border-radius:50%;display:block}.audio-cover{width:52px;height:52px}.audio-info{text-align:left;min-width:0}button.audio-info{width:100%}.audio-info h2{color:#f9f9fb;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0 0 12px;font-size:17px;font-weight:850;line-height:1.25;overflow:hidden}.audio-meta{color:#f8f8fb94;letter-spacing:0;justify-content:space-between;align-items:center;gap:10px;min-height:19px;font-size:15px;font-weight:800;display:flex}.audio-meta span{color:#f8f8fb59;white-space:nowrap;font-size:14px}.audio-item.listened .audio-cover,.audio-item.listened .audio-info,.audio-item.listened .play-chip{opacity:.48}.play-chip{color:#ff6fb3;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.play-chip img{object-fit:contain;width:35px;height:35px;display:block}.bottom-stack{z-index:10;background:#151827;width:min(100%,430px);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.mini-player{text-align:left;background:#131626fa;grid-template-columns:54px minmax(0,1fr) 154px;align-items:center;gap:16px;width:100%;min-height:86px;padding:18px 22px 14px;display:grid;position:relative;box-shadow:0 -18px 34px #04060f29}.play-progress{background:#ff6fb340;height:2px;position:absolute;top:0;left:0;right:0}.play-progress span{background:#ff6fb3;width:67%;height:2px;display:block;position:relative}.play-progress span:after{content:"";background:#ff6fb3;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.mini-progress-range{opacity:0;cursor:pointer;width:calc(100% - 28px);height:18px;position:absolute;top:-8px;left:0}.close-player{color:#f8f8fbd1;z-index:3;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:10px;right:6px}.mini-cover{width:54px;height:54px}.mini-info{text-align:left;min-width:0;display:block}.mini-info strong,.mini-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-info strong{color:#f8f8fb;font-size:17px;font-weight:850;line-height:1.25}.mini-info span{color:#f8f8fbad;margin-top:4px;font-size:14px}.mini-controls{grid-template-columns:34px 46px 34px;justify-content:end;align-items:center;gap:16px;display:grid}.icon-button{color:#f8f8fbe6;place-items:center;width:31px;height:31px;transition:transform .15s,filter .15s;display:grid}.icon-button:active{filter:brightness(1.08);transform:scale(.94)}.icon-button img{object-fit:contain;max-width:26px;max-height:24px;display:block}.main-play-button{color:#ff6fb3;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .15s,filter .15s;display:grid}.main-play-button:active{filter:brightness(1.08);transform:scale(.94)}.main-play-button img{object-fit:contain;width:40px;height:40px;display:block}.skip-button{width:31px;height:31px;position:relative}.skip-button:before,.skip-button:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;width:0;height:0;position:absolute;top:8px}.skip-button.next:before{border-left:9px solid #f8f8fbe6;left:7px}.skip-button.next:after{border-left:9px solid #f8f8fbe6;left:16px}.skip-button.previous:before{border-right:9px solid #f8f8fbe6;right:7px}.skip-button.previous:after{border-right:9px solid #f8f8fbe6;right:16px}.bottom-nav{background:#101423;grid-template-columns:repeat(3,1fr);align-items:center;height:68px;padding:0 28px;display:grid}.nav-button{color:#f8f8fb7a;place-items:center;min-width:48px;height:48px;display:grid}.nav-button svg,.detail-skip-button svg,.detail-play-button svg{shape-rendering:geometricprecision;display:block}.nav-button img{object-fit:contain;image-rendering:auto;width:25px;height:25px;display:block}.nav-button.active{color:#ff6fb3}.grid-icon{grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);gap:4px;display:grid}.grid-icon i{background:currentColor;border-radius:3px}.music-icon{font-size:38px;font-weight:800;line-height:1}.gear-icon{font-size:36px;line-height:1}.player-page{flex-direction:column;padding:18px 22px 84px;display:flex}.player-header{place-items:center;min-height:clamp(64px,10svh,96px);display:grid}.player-header h1{color:#f8f8fbd1;margin:0;font-size:22px;font-weight:850;line-height:1.2}.player-main{flex-direction:column;flex:1;align-items:center;display:flex}.player-cover{aspect-ratio:1;object-fit:cover;border-radius:50%;width:min(52vw,222px);max-width:222px;margin-top:clamp(8px,3svh,24px);box-shadow:0 28px 42px #0000001a}.player-copy{text-align:center;width:100%;margin-top:clamp(28px,6svh,68px)}.player-copy h2{color:#f8f8fb;letter-spacing:0;max-width:354px;margin:0 auto;font-size:21px;font-weight:850;line-height:1.45}.player-copy time{color:#f8f8fbb8;letter-spacing:0;margin-top:10px;font-size:14px;font-weight:800;display:block}.detail-progress{width:100%;margin-top:clamp(22px,4svh,44px)}.detail-progress-head{justify-content:flex-end;min-height:26px;margin-bottom:14px;display:flex}.playback-rate-menu{z-index:2;position:relative}.playback-rate-trigger,.playback-rate-option{border:1px solid #f8f8fb1f;border-radius:8px;height:26px;font-size:12px;font-weight:800;line-height:24px}.playback-rate-trigger{color:#ff84bd;background:0 0;border-color:#ff6fb3e0;min-width:58px;padding:0 8px;transition:border-color .15s,color .15s,filter .15s,transform .15s}.playback-rate-options{scrollbar-width:none;gap:6px;width:max-content;max-width:calc(100vw - 112px);display:flex;position:absolute;top:0;right:calc(100% + 8px);overflow-x:auto}.playback-rate-options::-webkit-scrollbar{display:none}.playback-rate-option{color:#f8f8fbb8;background:#151827fa;flex:none;min-width:50px;padding:0 6px;transition:border-color .15s,color .15s,background .15s,transform .15s}.playback-rate-option.active{color:#ff84bd;background:#ff6fb314;border-color:#ff6fb3d6}.playback-rate-trigger:active,.playback-rate-option:active{transform:scale(.96)}.detail-progress-track{background:#f8f8fb33;border-radius:999px;height:3px;position:relative;overflow:visible}.detail-progress-track span{border-radius:inherit;background:#ff6fb3;height:3px;display:block;position:relative}.detail-progress-track span:after{content:"";background:#ff6f93;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.detail-progress-range{opacity:0;cursor:pointer;width:100%;height:18px;margin:-10px 0 0}.detail-times{color:#f8f8fbb8;justify-content:space-between;margin-top:7px;font-size:12px;font-weight:650;display:flex}.player-controls{grid-template-columns:54px 58px 54px;justify-content:space-between;align-items:center;width:min(100%,286px);margin:clamp(26px,5svh,44px) auto clamp(24px,5svh,52px);display:grid}.player-audio-error{margin-top:24px}.detail-skip-button,.detail-play-button{place-items:center;transition:transform .15s,filter .15s;display:grid}.detail-skip-button:active,.detail-play-button:active{filter:brightness(1.08);transform:scale(.94)}.detail-skip-button{color:#f8f8fbeb;width:54px;height:54px}.detail-play-button{color:#151827;background:0 0;border-radius:50%;justify-self:center;width:54px;height:54px}.detail-skip-button img{object-fit:contain;width:48px;height:36px;display:block}.detail-play-button img{object-fit:contain;width:58px;height:58px;display:block}@media (prefers-reduced-motion:reduce){.icon-button,.main-play-button,.detail-skip-button,.detail-play-button,.playback-rate-trigger,.playback-rate-option{transition:none}.icon-button:active,.main-play-button:active,.detail-skip-button:active,.detail-play-button:active,.playback-rate-trigger:active,.playback-rate-option:active{transform:none}}.detail-nav{z-index:10;width:min(100%,430px);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.settings-page{padding:0 22px 92px}.settings-header{place-items:center;min-height:92px;display:grid}.settings-header h1,.login-panel h1{color:#f8f8fbdb;margin:0;font-size:24px;font-weight:850;line-height:1.2}.login-panel{text-align:center;flex-direction:column;align-items:center;min-height:calc(100svh - 92px);padding-top:clamp(54px,12svh,110px);display:flex}.login-mark{color:#ff6fb3;background:linear-gradient(135deg,#ff6fb338,#ff7e6929);border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:24px;display:grid}.login-panel p{color:#f8f8fb8c;max-width:310px;margin:14px 0 0;font-size:14px;line-height:1.6}.login-form{gap:14px;width:100%;margin-top:36px;display:grid}.field-row{color:#ff6fb3eb;background:#ffffff0b;border:1px solid #f8f8fb14;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding:0 16px;display:grid}.field-row input{color:#f8f8fb;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:16px}.field-row input::placeholder{color:#f8f8fb61}.form-error{color:#ff8a8a;text-align:left;margin:-2px 0 0;font-size:13px}.primary-login-button{color:#151827;background:linear-gradient(135deg,#ff6fb3,#ff7d68);border-radius:8px;height:52px;margin-top:8px;font-size:17px;font-weight:850}.profile-panel{background:#ffffff0b;border:1px solid #f8f8fb14;border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:16px;min-height:84px;padding:14px 16px;display:grid}.profile-avatar{color:#ff6fb3;background:#ff6fb31f;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.profile-copy{text-align:left;min-width:0}.profile-copy strong,.profile-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-copy strong{color:#f8f8fb;font-size:20px;font-weight:850}.profile-copy span{color:#f8f8fb85;margin-top:6px;font-size:14px}.settings-section{margin-top:28px}.section-title{color:#ff6fb3;align-items:center;gap:8px;margin-bottom:14px;display:flex}.section-title h2{color:#f8f8fbd1;margin:0;font-size:18px;font-weight:850}.listened-row,.settings-row{color:#f8f8fbd1;text-align:left;border-bottom:1px solid #e5e7f21f;align-items:center;width:100%;min-height:66px;display:grid}.listened-row{grid-template-columns:44px minmax(0,1fr) 22px;gap:12px}.listened-row img{object-fit:cover;border-radius:50%;width:42px;height:42px}.listened-row span,.settings-row span:not(.toggle-pill){min-width:0}.listened-row strong,.settings-row strong,.listened-row small,.settings-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.listened-row strong,.settings-row strong{color:#f8f8fb;font-size:16px;font-weight:760}.listened-row small,.settings-row small{color:#f8f8fb75;margin-top:5px;font-size:13px}.settings-row{grid-template-columns:34px minmax(0,1fr) auto;gap:12px}.settings-row>svg{color:#ff6fb3}.setting-icon-img{object-fit:contain;width:26px;height:20px;display:block}.setting-icon-img.square{width:26px;height:26px}.menu-row{min-height:72px}.menu-row>svg:last-child{color:#f8f8fb80}.settings-foldout{border-bottom:1px solid #e5e7f21a;padding:2px 0 8px 14px}.interval-options{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 4px 46px;display:grid}.interval-options button{color:#f8f8fbad;background:#ffffff0a;border:1px solid #f8f8fb1f;border-radius:8px;height:34px;font-size:14px;font-weight:760}.interval-options button.active{color:#151827;background:#ff6fb3;border-color:#ff6fb3cc}.toggle-pill{background:#f8f8fb2e;border-radius:999px;width:44px;height:25px;transition:background .2s;position:relative}.toggle-pill i{background:#f8f8fbeb;border-radius:50%;width:19px;height:19px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-pill.active{background:#ff6fb3}.toggle-pill.active i{transform:translate(19px)}.logout-button{color:#ff84bd;background:#ff6fb314;border:1px solid #ff6fb357;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:22px;font-size:16px;font-weight:800;display:flex}.listened-page{padding:0 22px 92px}.subpage-header{place-items:center;min-height:76px;display:grid;position:relative}.subpage-header h1{color:#f8f8fbdb;margin:0;font-size:22px;font-weight:850}.back-button{color:#f8f8fbd1;place-items:center;width:44px;height:44px;display:grid;position:absolute;left:-8px}.listened-audio-list{padding-top:4px}@media (width<=380px){.phone-page{padding-left:18px;padding-right:18px}.category-tabs{gap:8px}.tab-button{font-size:18px}.mini-player{grid-template-columns:50px minmax(0,1fr) 132px;gap:12px;padding-left:18px;padding-right:16px}.mini-controls{grid-template-columns:28px 40px 28px;gap:10px}.player-header{min-height:96px}.player-cover{margin-top:10px}.player-copy{margin-top:42px}.player-controls{margin-top:34px}.playback-rate-trigger{min-width:54px;padding:0 5px;font-size:11px}.playback-rate-options{max-width:calc(100vw - 100px)}.playback-rate-option{min-width:46px;padding:0 5px;font-size:11px}}@media (height<=700px){.player-page{padding-bottom:76px}.player-header{min-height:54px}.player-header h1{font-size:20px}.player-cover{width:156px;margin-top:10px}.player-copy{margin-top:26px}.player-copy h2{max-width:340px;font-size:18px;line-height:1.35}.player-copy time{margin-top:8px;font-size:13px}.detail-progress{margin-top:20px}.detail-progress-head{margin-bottom:12px}.detail-times{margin-top:6px;font-size:11px}.player-controls{grid-template-columns:48px 52px 48px;margin:20px 0}.detail-skip-button{width:48px;height:48px}.detail-play-button{width:50px;height:50px}}