.lyrics-panel[data-v-b00339c4]{z-index:65;background:#fafbf5;border:1px solid #dce5d2;border-radius:18px;width:min(430px,100vw - 36px);position:fixed;bottom:108px;right:30px;overflow:hidden;box-shadow:0 18px 60px #263d3230}.lyrics-panel header[data-v-b00339c4]{border-bottom:1px solid #e2e7d8;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lyrics-panel strong[data-v-b00339c4]{font-size:17px}.lyrics-panel header p[data-v-b00339c4]{color:#829077;margin:7px 0 0;font-size:12px}.lyrics-body[data-v-b00339c4]{text-align:center;overscroll-behavior:contain;min-height:160px;max-height:min(48dvh,410px);padding:35px 26px;position:relative;overflow:auto}.lyrics-body>p[data-v-b00339c4]{color:#819176;margin:0 0 20px;font-size:14px;line-height:1.8;transition:color .2s}.lyrics-body>p.current[data-v-b00339c4]{color:#2f653b;font-weight:700}.lyrics-body>p.plain-lyrics[data-v-b00339c4]{white-space:pre-wrap;color:#45563c}.lyrics-body>.lyrics-message[data-v-b00339c4]{justify-content:center;align-items:center;gap:8px;padding:25px 0;font-size:13px;display:flex}@media (width<=700px){.lyrics-panel[data-v-b00339c4]{bottom:151px;right:18px}}:root{color:#283e34;font-synthesis:none;background:#f6f7f2;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}input,textarea,select{color:#263e32;background:#fff;border:1px solid #dbe1d7;border-radius:10px;outline:none;width:100%;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:#477c59;box-shadow:0 0 0 3px #477c5915}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #6e9e71}textarea{resize:vertical}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.brand{letter-spacing:3px;align-items:center;gap:11px;font-size:24px;font-weight:700;display:flex}.brand-mark{background:#275c43;border-radius:12px;flex-shrink:0;width:36px;height:39px;display:inline-block;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:#e4eccd;border-radius:100% 0;width:11px;height:18px;position:absolute;top:8px;left:10px;transform:rotate(-30deg)}.brand-mark:after{width:9px;height:14px;top:17px;left:19px;transform:rotate(58deg)}.muted{color:#899184}.eyebrow{letter-spacing:3px;text-transform:uppercase;color:#87937e;font-size:11px;font-weight:600}.button{color:#fff;white-space:nowrap;background:#285b43;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 19px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.button:hover{background:#1c4833}.button.secondary{color:#38503d;background:#edf1e5}.button.ghost{color:#62715f;background:0 0}.button.danger{color:#a85640;background:#f6eae4}.button.small{padding:7px 12px;font-size:12px}.icon-button{background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px;display:inline-flex}.icon-button:hover{background:#e9eddf}.pill{color:#657554;white-space:nowrap;background:#eef2e7;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.pill.green{color:#3d6e48;background:#e5efdf}.pill.orange{color:#af7b43;background:#f9eee1}.pill.red{color:#a9513f;background:#f9e8e3}.pill.gray{color:#8a9284;background:#f0f1ed}.empty{text-align:center;color:#899385;padding:60px 20px}.empty svg{margin:0 auto 14px;display:block}.empty h3{color:#486047;margin-bottom:5px;font-size:17px}.field{margin-bottom:15px;display:block}.field>span{color:#6b7b65;margin-bottom:6px;font-size:12px;display:block}.check-field{align-items:center;gap:8px;font-size:13px;display:flex}.check-field input{accent-color:#285b43;width:16px;height:16px}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.form-grid .wide{grid-column:1/-1}.error-box{color:#a6573e;background:#fff0e8;border:1px solid #f0d3c2;border-radius:10px;margin-bottom:18px;padding:12px 16px;font-size:13px}.notice{color:#758369;background:#f0f3e9;border-radius:10px;padding:12px 16px;font-size:12px}.toast{z-index:200;color:#fff;background:#284d37;border-radius:12px;max-width:90vw;padding:12px 24px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #17302124}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;background:#172b234d;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fafbf6;border-radius:20px;width:min(480px,100%);max-height:90dvh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 24px 100px #142d272e}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.modal-header h2{font-size:20px;font-weight:600}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.loading-dot{background:#8cad7c;border-radius:50%;width:7px;height:7px;animation:1s infinite alternate pulse;display:inline-block}@keyframes pulse{to{opacity:.25}}.spin{animation:1.2s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body:has(.overlay){overflow:hidden}@media (width<=600px){.overlay{padding:12px}.modal{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}input,textarea,select{font-size:16px}.toast{bottom:88px}}:root{--sidebar:220px}.app-shell{min-height:100vh}.app-sidebar{width:var(--sidebar);z-index:35;background:#f0f3e9;border-right:1px solid #e5e9dc;flex-direction:column;padding:37px 21px 20px;display:flex;position:fixed;inset:0 auto 0 0}.app-sidebar>.brand{padding-left:12px}.brand-en{letter-spacing:1.5px;color:#9aab8b;align-self:flex-end;margin-bottom:4px;margin-left:-6px;font-size:9px}.sidebar-slogan{color:#96a18a;letter-spacing:1px;padding:11px 12px 30px;font-size:11px}.main-nav{flex-direction:column;gap:5px;display:flex}.main-nav>button{text-align:left;color:#7a8870;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:12px 15px;font-size:13px;display:flex}.main-nav>button:hover{background:#e8eddc}.main-nav>button.active{color:#2b5b3e;background:#e0e8d4;font-weight:600}.nav-dot{background:#5b8654;border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-label{letter-spacing:2px;color:#a1aa95;padding:21px 15px 7px;font-size:9px}.nav-count{color:#a1b092;margin-left:auto;font-size:10px}.nav-divider{background:#e1e7d7;height:1px;margin:17px 12px 0}.nav-divider+.nav-label{padding-top:12px}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-note{color:#9aaa87;align-items:center;gap:12px;padding:17px 12px;display:flex}.sidebar-note p{font-size:11px;line-height:1.9}.install-button{color:#6f8261;background:#f5f7ef;border:1px solid #dae2cc;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;padding:10px 4px;font-size:11px;display:flex}.install-button svg:last-child{margin-left:18px}.sidebar-copyright{letter-spacing:1px;color:#adb69f;text-align:center;margin-top:20px;font-size:7px;display:block}.app-main{margin-left:var(--sidebar)}.app-topbar{border-bottom:1px solid #e9ece2;justify-content:space-between;align-items:center;gap:20px;height:90px;padding:0 42px;display:flex}.topbar-greeting{color:#8c977f;font-size:12px}.greeting-sun{color:#bcb783;margin-left:10px}.topbar-right{align-items:center;gap:26px;display:flex}.search-box{color:#8e9b80;background:#edf0e6;border:1px solid #e7ebdf;border-radius:10px;align-items:center;gap:10px;width:270px;height:37px;padding:0 12px;display:flex}.search-box input{box-shadow:none;background:0 0;border:0;min-width:0;padding:0;font-size:11px}.search-box input::placeholder{color:#9ba68f}.search-key{color:#a9b29e;font-size:18px}.profile-button{color:#7d8b73;background:0 0;border:0;align-items:center;gap:8px;padding:5px;font-size:11px;display:flex}.profile-button.logged>span{color:#527149;background:#e2e9d6;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.main-content{max-width:1500px;margin:0 auto;padding:35px 42px 0}.discovery-intro{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.discovery-intro .eyebrow{color:#9aa78c;letter-spacing:2.2px;font-size:8px}.discovery-intro h1{letter-spacing:1px;margin-top:6px;font-size:26px;font-weight:600}.discovery-intro h1>span{color:#93a775}.intro-date{letter-spacing:2px;color:#a5ac9a;padding-bottom:5px;font-size:10px}.hero{isolation:isolate;background:#e4ebd9;border-radius:17px;min-height:340px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:3;flex:1;min-width:300px;padding:37px 40px;position:relative}.hero-tag{letter-spacing:2px;color:#718665;align-items:center;gap:8px;font-size:10px;display:flex}.hero-tag>span{background:#9bb184;border-radius:50%;width:5px;height:5px}.hero-copy h2{letter-spacing:3px;color:#37543c;margin:12px 0 10px;font-size:36px;font-weight:600;line-height:1.5}.hero-copy>p{color:#879579;letter-spacing:.5px;font-size:11px;line-height:2}.hero-button{background:#426a48;border-radius:7px;gap:9px;margin-top:22px;padding:10px 17px;font-size:11px}.hero-button svg:last-child{margin-left:8px}.hero-caption{color:#7b8a6c;align-items:center;gap:10px;margin-top:16px;font-size:9px;display:flex}.hero-caption>span:first-child{color:#a5af98}.hero-demo{background:#d8e2cb;border-radius:3px;padding:1px 5px;font-size:8px}.hero-art{width:53%;min-width:360px;position:relative;overflow:visible}.hero-poster{object-fit:cover;border:5px solid #f8f7ee;border-radius:5px;width:160px;height:221px;position:absolute;top:61px;box-shadow:0 12px 28px #3d534326}.hero-poster.back{z-index:2;top:86px;left:4%;transform:rotate(-15deg)}.hero-poster.middle{z-index:1;top:48px;left:36%;transform:rotate(7deg)}.hero-poster.front{z-index:3;top:115px;left:46%;transform:rotate(13deg)}.hero-orbit{border:1px solid #b9c8a67d;border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-one{width:450px;height:250px;top:50px;left:0}.orbit-two{width:490px;height:320px;top:25px;left:-30px}.hero-sun{background:#d6dfbb;border-radius:50%;width:200px;height:200px;position:absolute;top:60px;left:30%}.hero-line{background:#bbc9a9;width:300px;height:1px;position:absolute;top:50%;left:10%;transform:rotate(-22deg)}.floating-note{z-index:4;color:#8b987e;background:#f9faeff0;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:10px;display:flex;position:absolute;bottom:28px;left:5%;box-shadow:0 5px 15px #80957112}.hero-star{color:#99aa7e;position:absolute}.star-one{font-size:26px;top:32px;left:4%}.star-two{font-size:30px;bottom:20px;right:8%}.hero-bottom-line{background:linear-gradient(90deg,#a7bc8f00,#a7bc8f80,#a7bc8f00);width:100%;height:3px;position:absolute;bottom:0;left:0}.quick-categories{grid-template-columns:repeat(6,1fr);gap:10px;margin:23px 0 37px;display:grid}.quick-categories>button{text-align:left;background:#f9faf5;border:1px solid #e6eadd;border-radius:11px;align-items:center;gap:10px;padding:15px 12px;transition:border-color .2s,transform .2s;display:flex}.quick-categories>button:hover{border-color:#a6bd8c;transform:translateY(-2px)}.quick-icon{color:#7a9465;display:flex}.quick-categories strong{font-size:12px;font-weight:500;display:block}.quick-categories small{color:#a7af9e;margin-top:1px;font-size:8px;display:block}.quick-arrow{color:#b7bfae;margin-left:auto}.catalog-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:21px;display:flex}.catalog-heading h2{letter-spacing:1px;font-size:20px;font-weight:600}.catalog-heading .eyebrow{margin-bottom:5px;font-size:9px}.result-count{color:#a3ad97;align-items:center;gap:8px;padding-bottom:2px;font-size:10px;display:flex}.category-caption{color:#97a18c;margin-top:7px;font-size:11px}.catalog-tabs{border-bottom:1px solid #e5e9dc;align-items:center;gap:27px;margin-top:-4px;margin-bottom:25px;display:flex}.catalog-tabs>button{color:#95a187;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 12px;font-size:11px}.catalog-tabs>button.active{color:#476c42;border-color:#77945c;font-weight:600}.tabs-caption{color:#a5af99;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;padding-bottom:12px;font-size:9px;display:flex}.content-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px;display:grid}.content-card{min-width:0;position:relative}.card-cover{aspect-ratio:3/4;background:#e4eadb;border-radius:10px;position:relative;overflow:hidden}.cover-open{background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.cover-open>img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.cover-open:hover>img{transform:scale(1.04)}.card-play{color:#436d49;opacity:0;pointer-events:none;background:#f6faeeed;border-radius:50%;justify-content:center;align-items:center;width:47px;height:47px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.cover-open:hover .card-play,.cover-open:focus-visible .card-play{opacity:1;transform:translate(-50%,-50%)}.cover-kind{color:#617350;pointer-events:none;background:#f2f5e6e8;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:8px;display:flex;position:absolute;top:10px;left:10px}.card-favorite{color:#f3f5e9;background:#243c3230;border:0;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex;position:absolute;top:7px;right:8px}.card-favorite.saved{color:#e7bd9f;background:#284f3a80}.demo-stamp{letter-spacing:1px;color:#f0f3e0;opacity:.7;font-size:6px;position:absolute;bottom:8px;right:8px}.card-body{padding:10px 1px 0}.card-title{white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:0;max-width:100%;padding:0;font-size:12px;font-weight:500;display:block;overflow:hidden}.card-title:hover{color:#6a8b54}.card-body>p{color:#a5ae9b;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;overflow:hidden}.card-meta{color:#9da98f;justify-content:space-between;align-items:center;gap:5px;margin-top:8px;font-size:8px;display:flex}.card-meta>span:first-child{background:#ebefdf;border-radius:3px;padding:1px 5px}.source-dot{white-space:nowrap;align-items:center;gap:4px;font-size:7px;display:flex}.source-dot:before{content:"";background:#a5b493;border-radius:50%;width:3px;height:3px}.source-dot.owned{color:#5d8660}.source-dot.owned:before{background:#6d9a6f}.music-grid .card-cover{aspect-ratio:1}.music-grid .card-cover>button>img{object-position:top}.history-progress{background:#e1e8d7;border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.history-progress>span{background:#8ba872;height:100%;display:block}.load-more{text-align:center;margin:32px 0 10px}.app-footer{color:#a9b19f;border-top:1px solid #e6eade;justify-content:space-between;align-items:center;gap:14px;margin-top:45px;padding:26px 0;font-size:9px;display:flex}.footer-leaf{align-items:center;gap:9px;display:flex}.app-footer>span:last-child>span{margin:0 8px}.skeleton-card>div{aspect-ratio:3/4;background:#e8eddf;border-radius:10px;animation:1.4s infinite alternate pulse}.skeleton-card>span,.skeleton-card>small{background:#e8eddf;border-radius:3px;width:70%;height:10px;margin-top:13px;display:block}.skeleton-card>small{width:50%;height:7px}.library-empty .button,.empty .button{margin-top:20px}.text-button{color:#527a49;background:0 0;border:0;padding:4px 6px;font-size:12px}.auth-modal h2{margin-top:10px;font-size:20px;font-weight:600;line-height:1.6}.auth-subtitle{margin-top:10px;margin-bottom:30px;font-size:11px}.auth-submit{width:100%;margin-top:6px}.auth-switch{text-align:center;color:#9aa68c;margin-top:20px;font-size:11px}.audio-dock{bottom:0;left:var(--sidebar);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:40;background:#fbfcf7f5;border-top:1px solid #e0e8d4;align-items:center;gap:25px;height:92px;padding:12px 38px;display:flex;position:fixed;right:0;box-shadow:0 -5px 30px #35552a06}.has-audio .app-main{padding-bottom:92px}.dock-track{flex:1;align-items:center;gap:12px;min-width:220px;display:flex}.dock-track>img{object-fit:cover;border-radius:7px;width:48px;height:48px}.dock-track>div{min-width:0}.dock-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.dock-track span{color:#99a58b;margin-top:5px;font-size:9px;display:block}.dock-track>.icon-button{color:#879c76;margin-left:10px}.dock-center{flex:1.2;max-width:420px}.dock-buttons{justify-content:center;align-items:center;gap:17px;display:flex}.dock-buttons .icon-button{color:#99aa87}.dock-play{color:#f6f9ed;background:#426d46;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.audio-seek{color:#9fac90;align-items:center;gap:10px;margin-top:4px;font-size:8px;display:flex}.audio-seek input,.dock-right input{appearance:none;height:3px;box-shadow:none;accent-color:#6f8e58;cursor:pointer;background:#dce4ce;border:0;padding:0}.audio-seek input::-webkit-slider-thumb{appearance:none;background:#7b985e;border-radius:50%;width:8px;height:8px}.dock-right input::-webkit-slider-thumb{appearance:none;background:#7b985e;border-radius:50%;width:8px;height:8px}.dock-right{color:#99a98a;flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dock-right>input{max-width:75px}.media-stage{background:#fafbf6;border-radius:15px;width:min(1060px,100%);max-height:94dvh;padding:18px 28px 28px;overflow:auto}.stage-top{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.stage-top .eyebrow{font-size:9px}.screen{aspect-ratio:16/9;background:#17241f;border-radius:9px;position:relative;overflow:hidden}.screen video{width:100%;height:100%;display:block}.screen-status{color:#cad6bd;text-align:center;background:#17241fe8;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;font-size:12px;display:flex;position:absolute;inset:0}.stage-info{justify-content:space-between;align-items:center;gap:15px;margin-top:25px;display:flex}.stage-info h2{margin:4px 0;font-size:23px;font-weight:600}.stage-info p{color:#95a388;font-size:10px}.stage-info .eyebrow{font-size:8px}.stage-chips{flex-wrap:wrap;gap:7px;display:flex}.stage-description{color:#919f84;margin:17px 0;font-size:11px;line-height:1.9}.source-options{flex-wrap:wrap;align-items:center;gap:10px;margin-top:19px;font-size:11px;display:flex}.source-options>span{color:#8d9e7f;margin-right:12px}.episodes{margin-top:25px}.section-line{justify-content:space-between;align-items:center;display:flex}.section-line h3{font-size:14px}.section-line span{color:#95a388;font-size:10px}.episode-grid{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.episode-grid>button{color:#839572;background:#f1f5e9;border:1px solid #e3e9d8;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:95px;padding:10px 15px;font-size:11px;display:flex}.episode-grid>button.active{color:#486c3f;background:#dae6cd;border-color:#bccfa7}.reader{z-index:70;background:#e7ebe0;flex-direction:column;display:flex;position:fixed;inset:0}.reader-header{background:#f8faf3;flex-shrink:0;align-items:center;gap:20px;height:72px;padding:0 30px;display:flex;box-shadow:0 2px 10px #213b2a07}.reader-header>div{flex:1}.reader-header strong{font-size:14px;font-weight:500;display:block}.reader-header span{color:#98a58b;font-size:10px}.reader-header select{max-width:150px;font-size:12px}.reader-body{scroll-behavior:smooth;flex:1;padding:25px 0;overflow:auto}.reader-body>img{width:min(720px,100%);margin:0 auto 12px;scroll-margin-top:15px}.reader-body>.error-box{max-width:720px;margin:0 auto 20px}.reader-footer{text-align:center;color:#8a9b7b;padding:40px 20px;font-size:12px}.reader-footer>.button{margin-top:18px}.short-feed{scroll-snap-type:y mandatory;scrollbar-width:none;background:#1a251f;border-radius:17px;width:min(470px,100%);height:calc(100dvh - 230px);min-height:430px;max-height:780px;margin:0 auto;overflow-y:auto}.short-slide{scroll-snap-align:start;scroll-snap-stop:always;height:100%;position:relative;overflow:hidden}.short-slide>video{object-fit:cover;width:100%;height:100%}.short-gradient{pointer-events:none;background:linear-gradient(#0000,#0b1a16aa);position:absolute;inset:50% 0 0}.short-label{color:#f8f7ec;background:#f7f8e929;border-radius:5px;padding:4px 10px;font-size:9px;position:absolute;top:20px;left:20px}.short-caption{color:#fff;position:absolute;bottom:33px;left:24px;right:70px}.short-caption>span{font-size:12px}.short-caption h2{margin:7px 0;font-size:19px}.short-caption p{opacity:.75;font-size:11px}.short-actions{color:#fff;flex-direction:column;gap:22px;display:flex;position:absolute;bottom:35px;right:18px}.short-actions>button{color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:3px;display:flex}.short-actions span{font-size:8px}.short-actions>.liked{color:#f4b19b}.short-error{color:#eee;background:#17241fb0;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;inset:0}.opening-indicator{z-index:100;background:#f9fcf1;border-radius:30px;gap:10px;padding:10px 20px;font-size:12px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #253b2420}.mobile-menu,.mobile-bottom-nav{display:none}@media (width>=1600px){:root{--sidebar:245px}.app-sidebar{padding-left:30px;padding-right:30px}.content-grid{gap:30px 25px}.hero{min-height:380px}.hero-copy{padding:43px 50px}.hero-copy h2{font-size:42px}.hero-poster{width:181px;height:250px}}@media (width<=1200px){:root{--sidebar:190px}.app-sidebar{padding-left:15px;padding-right:15px}.app-topbar{padding:0 28px}.main-content{padding:30px 28px 0}.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 17px}.quick-categories{gap:7px}.quick-categories>button{gap:7px;padding:12px 8px}.quick-icon svg{width:18px}.quick-arrow{display:none}.hero-copy{padding:32px}.hero-poster{width:130px;height:185px}.hero-art{min-width:285px}.hero-poster.front{top:128px;left:47%}.hero-copy h2{font-size:31px}.hero-orbit{width:320px}.dock-track{min-width:180px}.dock-right{flex:.6}}@media (width<=900px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-box{width:220px}.quick-categories{grid-template-columns:repeat(3,1fr)}.hero-art{width:47%;min-width:245px}.hero-poster{width:110px;height:160px}.hero-poster.back{top:80px;left:-10%}.hero-poster.middle{top:55px;left:15%}.hero-poster.front{top:135px;left:30%}.hero-copy{min-width:235px;padding:30px 25px}.hero-copy h2{font-size:29px}.floating-note{padding:9px;font-size:8px;bottom:38px;left:-5%}.hero-sun{width:150px;height:150px}.intro-date,.tabs-caption{display:none}.catalog-tabs{gap:23px;overflow:auto}.dock-right>input,.dock-right>svg{display:none}.dock-right{flex:0}.audio-dock{gap:12px;padding:10px 20px}.dock-track{min-width:155px}.audio-seek{gap:5px}}@media (width<=700px){:root{--sidebar:0px}.app-sidebar{z-index:90;width:225px;padding:28px 20px;transition:transform .25s;transform:translate(-100%)}.app-sidebar.expanded{transform:translate(0)}.sidebar-mask{z-index:85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f352b60;position:fixed;inset:0}.app-topbar{gap:10px;height:73px;padding:0 18px}.mobile-menu{padding-left:0;display:inline-flex}.breadcrumb{align-items:center;gap:5px;display:flex}.topbar-greeting{white-space:nowrap;font-size:10px}.greeting-sun{display:none}.topbar-right{flex:1;justify-content:flex-end;gap:10px}.search-box{gap:6px;width:180px;max-width:100%;height:34px;padding:0 9px}.search-box input{font-size:10px}.search-key{display:none}.profile-button{gap:4px;font-size:10px}.profile-button>svg{width:16px}.profile-button.logged>svg{display:none}.profile-button.logged>span{width:27px;height:27px}.main-content{padding:23px 18px 0}.discovery-intro{margin-bottom:18px}.discovery-intro h1{letter-spacing:0;font-size:21px}.discovery-intro .eyebrow{font-size:7px}.hero{border-radius:13px;min-height:300px}.hero-copy{min-width:205px;padding:25px 22px}.hero-tag{letter-spacing:1px;font-size:8px}.hero-copy h2{letter-spacing:1px;margin-top:16px;font-size:28px}.hero-copy>p{font-size:9px}.hero-button{margin-top:20px;padding:9px 11px;font-size:9px}.hero-button>svg:last-child{display:none}.hero-caption{gap:5px;font-size:8px}.hero-demo{display:none}.hero-art{width:39%;min-width:130px}.hero-poster{border-width:3px;width:93px;height:137px}.hero-poster.back{top:86px;left:-20%}.hero-poster.middle{top:55px;left:2%}.hero-poster.front{top:155px;left:15%}.hero-orbit{width:230px;height:200px;left:-70px}.hero-sun{width:140px;top:60px;left:-20px}.floating-note{display:none}.hero-star.star-one{font-size:20px;top:40px;left:-30px}.hero-star.star-two{bottom:22px;right:8px}.quick-categories{gap:8px;margin:18px 0 30px}.quick-categories>button{border-radius:9px;gap:11px;padding:11px 12px}.quick-categories strong{font-size:11px}.quick-categories small{font-size:7px}.quick-icon svg{width:19px}.catalog-heading h2{letter-spacing:0;font-size:18px}.catalog-tabs{gap:23px;margin-bottom:20px}.catalog-tabs>button{font-size:10px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 11px}.card-cover{border-radius:8px}.cover-kind{padding:2px 4px;font-size:7px;top:7px;left:6px}.cover-kind>svg{display:none}.card-favorite{width:23px;height:23px;top:5px;right:5px}.card-favorite svg{width:13px}.card-title{font-size:11px}.card-body>p{margin-top:5px;font-size:8px}.card-meta{gap:3px;margin-top:6px;font-size:7px}.source-dot{gap:2px;font-size:6px}.source-dot:before{display:none}.card-meta>span:first-child{padding:1px 3px}.app-footer{margin-top:32px;padding:23px 0 90px;font-size:8px;display:block}.app-footer>span:last-child{margin-top:10px;display:block}.footer-leaf{font-size:9px}.mobile-bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:45;height:67px;padding-bottom:env(safe-area-inset-bottom);background:#fafbf5f5;border-top:1px solid #e2e7d8;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav>button{color:#a1ae92;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:54px;padding:7px 10px;font-size:9px;display:flex}.mobile-bottom-nav>button.active{color:#416b43}.audio-dock{gap:8px;height:70px;padding:10px 16px;bottom:67px;left:0}.dock-track{min-width:0}.dock-track>img{width:40px;height:40px}.dock-track>.icon-button{margin-left:0}.dock-track strong{max-width:110px;font-size:10px}.dock-track span{font-size:8px}.dock-center{flex:0}.dock-buttons{gap:5px}.dock-buttons>.icon-button{padding:6px}.dock-buttons>.icon-button:first-child{display:none}.audio-seek{margin:0;position:absolute;top:0;left:0;right:0}.audio-seek>span{display:none}.audio-seek>input{height:2px}.dock-right{flex:0}.dock-right>.icon-button{padding:5px}.has-audio .app-main{padding-bottom:70px}.media-overlay{padding:10px}.media-stage{border-radius:13px;padding:11px 14px 24px}.stage-top .eyebrow{font-size:7px}.stage-info{display:block}.stage-info h2{font-size:19px}.stage-chips{gap:5px;margin-top:13px}.stage-description{font-size:10px}.stage-info p{font-size:9px}.reader-header{gap:8px;height:65px;padding:0 10px}.reader-header strong{font-size:12px}.reader-header select{max-width:100px;padding:8px;font-size:11px}.reader-header span{font-size:9px}.reader-body{padding-top:0}.short-feed{border-radius:12px;height:calc(100dvh - 260px);min-height:400px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-wordmark{display:none}@media (width<=640px){.app-topbar{gap:8px;padding:0 12px}.topbar-right{gap:8px;min-width:0}.topbar-greeting{display:none}.mobile-wordmark{letter-spacing:2px;white-space:nowrap;font-size:16px;font-weight:600;display:inline-block}.profile-button{white-space:nowrap;flex-shrink:0}.search-box{flex:1;width:auto;min-width:0;max-width:180px}.search-box input{font-size:16px}.hero-copy{min-width:0;padding:25px 20px}.hero-copy h2{letter-spacing:0;white-space:nowrap;font-size:26px}.hero-copy>p{max-width:175px;font-size:10px}.hero-art{width:35%;min-width:0;height:100%;position:absolute;top:0;right:2px}.hero-poster.back{left:-15%}.hero-poster.middle{left:10%}.hero-poster.front{left:-2%}.app-sidebar:not(.expanded){visibility:hidden}.content-grid,.content-grid.music-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.card-title{font-size:14px;line-height:1.55}.card-body>p{color:#6e7a62;font-size:12px}.card-meta{flex-wrap:wrap;gap:5px;font-size:10px}.source-dot{font-size:10px}.quick-categories strong{font-size:13px}.quick-categories small,.cover-kind{font-size:10px}.card-favorite{width:32px;height:32px}.card-favorite svg{width:16px}.mobile-bottom-nav>button{min-height:44px;font-size:11px}.dock-track strong{font-size:12px}.dock-track span{font-size:10px}.stage-info p,.reader-header span{font-size:12px}.stage-description{font-size:13px}.reader-header strong{font-size:14px}}