:root{color:#f4f7fb;background:#06111f;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;--bg: #06111f;--panel: #0b1929;--line: #24364b;--line-soft: #182a3e;--text: #f5f7fb;--muted: #8ea0b4;--muted-2: #667b91;--blue: #3c7cff;--blue-bright: #56a1ff;--gold: #f1be4b;--green: #39c887;--danger: #ff7c7c;--radius: 13px;--radius-lg: 20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden;background-color:var(--bg);background-image:url(/index/assets/portal-background.webp);background-repeat:repeat-y;background-position:center top;background-size:100% auto}.site-header{position:sticky;top:0;z-index:30;height:68px;border-bottom:1px solid rgba(97,125,153,.2);background:#040c17f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{width:min(100% - 56px,1420px);height:100%;margin:0 auto;display:flex;align-items:center;gap:48px}.brand{width:196px;height:46px;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;flex:0 0 auto}.brand-mark{width:58px;height:46px;display:block;flex:0 0 auto;overflow:hidden}.brand-mark img{width:128px;height:46px;max-width:none;object-fit:contain;object-position:left center}.brand-name{color:#f5fbff;font-size:29px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:34px;margin-right:auto}.main-nav a,.main-nav button{display:inline-flex;align-items:center;gap:5px;padding:8px 0;border:0;background:transparent;color:#cbd5df;font-size:15px;cursor:pointer;transition:color .16s ease}.main-nav a:hover,.main-nav button:hover{color:#fff}.main-nav .active{color:#fff;font-weight:700}.main-nav .active:after{width:5px;height:5px;border-radius:50%;background:var(--blue-bright);content:""}.header-actions{display:flex;align-items:center;gap:10px}.language{display:inline-flex;align-items:center;gap:5px;margin-right:10px;color:#a8b7c7;font-size:13px}.language select,.mobile-language select{max-width:105px;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.language option,.mobile-language option{background:#0a1727;color:#f4f7fb}.language>svg:last-child,.mobile-language>svg:last-child{pointer-events:none}.mobile-language{display:none}.login-button,.register-button,.account-button{min-height:38px;padding:0 22px;border-radius:7px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.login-button,.account-button{border:1px solid #34475e;background:transparent}.account-button{display:inline-flex;align-items:center;gap:7px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button span{overflow:hidden;text-overflow:ellipsis}.account-button-avatar{width:26px;height:26px;flex:0 0 auto;border:1px solid rgba(139,180,228,.45);border-radius:50%;object-fit:cover}.register-button{border:1px solid var(--blue);background:var(--blue);font-weight:700}.login-button:hover,.account-button:hover{border-color:#607b99}.register-button:hover,.primary-button:hover{background:#528cff}.icon-button,.menu-button{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;display:inline-grid;place-items:center;background:transparent;cursor:pointer}.menu-button{display:none}main{position:relative}.hero-section,.homepage-invitation-section,.personal-music-section,.continuity-section,.guide-section,.download-section,.membership-section{width:min(100% - 56px,1320px);margin:0 auto}.hero-section{min-height:590px;padding:58px 0 48px;display:grid;grid-template-columns:minmax(360px,.83fr) minmax(640px,1.45fr);gap:58px;align-items:center}.section-kicker{margin:0 0 20px;color:var(--blue-bright);font-weight:700;letter-spacing:.02em}.latest-release{width:fit-content;margin:-7px 0 16px;padding:7px 11px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(74,157,255,.25);border-radius:999px;background:#194b8233;color:#b7d7ff;font-size:11px;font-weight:700}.latest-release span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #39c8871f}.hero-copy h1{margin:0;font-size:clamp(42px,4vw,61px);line-height:1.18;letter-spacing:-.055em;font-weight:800}.hero-copy h1 br{display:block}.hero-description{margin:28px 0;color:#98a9bc;font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:12px}.primary-button,.secondary-button{min-height:52px;padding:0 23px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;cursor:pointer;font-weight:700;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-button{background:var(--blue);border-color:var(--blue)}.secondary-button{background:#081422b3;border-color:#3a4e65}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.secondary-button:hover{border-color:#64809e;background:#0c1b2c}.trust-row{display:flex;gap:25px;margin-top:20px;color:#7f91a5;font-size:12px}.trust-row span{display:inline-flex;align-items:center;gap:6px}.homepage-invitation-section{margin-bottom:42px;padding:28px 32px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(500px,1.2fr);align-items:center;gap:34px;border:1px solid rgba(241,190,75,.28);border-radius:18px;background:linear-gradient(120deg,#432b087a,#091b30e0);box-shadow:0 22px 50px #0000002e}.homepage-invitation-section .section-kicker{margin-bottom:9px;color:#f4c75f;font-size:12px}.homepage-invitation-section h2{margin:0;font-size:clamp(23px,2.4vw,34px)}.homepage-invitation-section.exhausted{grid-template-columns:1fr;gap:20px}.homepage-invitation-section.exhausted h2,.homepage-invitation-section.exhausted>div:first-child>p:last-child{white-space:nowrap}.homepage-invitation-section.exhausted .homepage-invitation-empty{justify-content:flex-start}.homepage-invitation-section>div:first-child>p:last-child{margin:12px 0 0;color:#a9b6c4;font-size:13px;line-height:1.75}.homepage-invitation-codes{display:flex;align-items:stretch;justify-content:flex-end;gap:10px}.homepage-invitation-empty{display:flex;justify-content:flex-end}.homepage-invitation-empty .primary-button{min-height:52px;padding:0 22px;white-space:nowrap}.homepage-invitation-codes>button{min-width:170px;min-height:76px;padding:12px 17px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;border:1px solid rgba(244,199,95,.34);border-radius:11px;background:#111e2fe0;cursor:pointer}.homepage-invitation-codes>button:hover{border-color:#f4c75f;transform:translateY(-1px)}.homepage-invitation-codes button small{color:#9baabd;font-size:10px}.homepage-invitation-codes button strong{color:#fff1bd;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;letter-spacing:.11em}.homepage-invitation-codes .homepage-invitation-register{min-width:145px;align-items:center;flex-direction:row;gap:8px;border-color:var(--blue);background:var(--blue);font-weight:700}.account-preview{padding:14px;border:1px solid #2b4058;border-radius:var(--radius-lg);background:#07121fd6;box-shadow:0 28px 60px #00000042}.account-top{display:grid;grid-template-columns:1.15fr .92fr;gap:12px;margin-bottom:12px}.profile-summary,.membership-summary,.library-card,.devices-card,.sync-card{border:1px solid var(--line-soft);background:#0e1d2ee0;border-radius:var(--radius)}.profile-summary{min-height:94px;padding:16px;display:flex;align-items:center;gap:14px}.profile-summary img{width:57px;height:57px;border-radius:50%;object-fit:cover;border:2px solid #314d68}.profile-summary div,.membership-summary div{min-width:0;display:flex;flex-direction:column}.profile-summary strong{margin-bottom:5px;font-size:18px}.profile-summary span,.membership-summary span{color:var(--muted);font-size:12px;line-height:1.5}.membership-summary{min-height:94px;padding:15px 14px;display:flex;align-items:flex-start;gap:10px;position:relative}.membership-summary>svg{color:var(--gold);flex:0 0 auto;margin-top:3px}.membership-summary small{color:#b5c0cc;font-size:11px}.membership-summary strong{margin:1px 0 3px;font-size:15px}.membership-summary a,.account-summary-action{position:absolute;top:17px;right:13px;display:inline-flex;align-items:center;gap:4px;color:var(--blue-bright);font-size:11px}.account-summary-action{padding:0;border:0;background:transparent;cursor:pointer}.account-grid{display:grid;grid-template-columns:1.23fr .92fr;gap:12px}.library-card{padding:16px;min-height:322px;display:flex;flex-direction:column}.card-heading{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h2{margin:0;font-size:15px;font-weight:700}.card-heading button,.card-heading a,.sync-card button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--blue-bright);font-size:11px;cursor:pointer}.song-list{flex:1;margin-top:7px}.song-line{min-height:53px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid rgba(95,117,141,.18)}.song-icon{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:6px;color:#c4d2df;background:#1d2d40}.song-name{min-width:0;display:flex;flex-direction:column}.song-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.song-name small,.song-state{color:var(--muted);font-size:10px}.song-state{white-space:nowrap}.library-footer{min-height:37px;margin-top:8px;padding:0 11px;display:flex;align-items:center;gap:8px;border-radius:7px;background:#091625;color:#97a9bb;font-size:10px}.library-footer span{display:inline-flex;align-items:center;gap:6px}.library-footer svg{color:var(--green)}.inline-error{margin-left:auto;color:var(--danger)}.compact-empty{min-height:190px;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center}.side-stack{display:grid;grid-template-rows:1.55fr .8fr;gap:12px}.devices-card{padding:15px}.compact-downloads{margin-top:8px}.download-row{min-height:66px;padding:10px 13px;display:flex;align-items:center;gap:13px;border:1px solid var(--line-soft);border-radius:9px;background:#0d1b2c;transition:border-color .16s ease,transform .16s ease,background .16s ease}.download-row+.download-row{margin-top:9px}.download-row:not(.disabled):hover{border-color:#43617f;background:#112238;transform:translate(2px)}.download-row-compact{min-height:44px;padding:4px 1px;border:0;border-radius:0;background:transparent}.download-row-compact+.download-row-compact{margin-top:1px}.download-row-compact:not(.disabled):hover{transform:none;background:transparent}.platform-icon{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 auto}.platform-windows{color:#27a8ff}.platform-android{color:#6dc850}.platform-ios{color:#fff}.platform-macos{color:#79b8ff}.ios-color-icon{display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:28%;color:#fff;background:linear-gradient(145deg,#25c7ff,#5578ff 42%,#b64cf4 72%,#ff5f86);box-shadow:0 4px 12px #476fff47,inset 0 1px #ffffff47}.mac-computer-icon{position:relative;display:inline-grid;place-items:center}.mac-computer-apple{position:absolute;top:30%;left:50%;color:currentColor;transform:translate(-50%,-50%)}.platform-copy{min-width:0;display:flex;flex-direction:column;flex:1}.platform-copy strong{font-size:13px;font-weight:600}.platform-copy small{margin-top:2px;color:var(--muted);font-size:10px}.download-note{margin-top:5px;color:#aebdcb;font-size:11px}.release-badge{padding:4px 8px;border-radius:999px;color:#a8c9ff;background:#162d4c;font-size:10px}.release-badge.muted,.soon-label{color:#8194a7}.download-arrow{color:var(--blue-bright)}.download-row.disabled{opacity:.62}.download-row-selectable{flex-wrap:wrap}.download-version-actions{width:calc(100% - 49px);margin-left:49px;display:flex;align-items:center;gap:8px}.download-version-actions select{min-width:0;height:34px;flex:1;padding:0 28px 0 9px;border:1px solid #2e465f;border-radius:7px;outline:0;color:#d7e3ee;background:#091726;font-size:10px}.download-version-actions select:focus{border-color:#5796dd}.download-version-actions a{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;border-radius:7px;color:#fff;background:#236dc5;font-size:10px;font-weight:700}.sync-card{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sync-card>div{display:flex;align-items:center;gap:11px}.sync-card>div>svg{color:#91add0}.sync-card span{display:flex;flex-direction:column}.sync-card button{flex:0 0 auto;white-space:nowrap}.sync-card small{color:var(--muted);font-size:10px}.sync-card strong{margin:1px 0;color:var(--green);font-size:12px}.sync-card em{color:var(--muted);font-size:9px;font-style:normal}.personal-music-section{margin-bottom:70px;padding:42px;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(560px,1.22fr);gap:48px;align-items:center;border:1px solid rgba(105,93,255,.38);border-radius:var(--radius-lg);background:radial-gradient(circle at 8% 12%,rgba(77,126,255,.23),transparent 38%),radial-gradient(circle at 92% 92%,rgba(137,70,255,.16),transparent 38%),#081424f0;box-shadow:0 28px 70px #00000038}.personal-music-copy .section-kicker{margin-bottom:10px}.personal-music-copy h2{max-width:480px;margin:0;font-size:clamp(30px,3.2vw,43px);line-height:1.23;letter-spacing:-.04em}.personal-music-copy>p:not(.section-kicker){max-width:520px;margin:17px 0 25px;color:#a7b7c9;font-size:14px;line-height:1.85}.personal-music-flow{display:grid;gap:10px}.personal-music-flow article{min-height:92px;padding:17px 19px;display:grid;grid-template-columns:48px 32px 1fr;align-items:center;gap:14px;border:1px solid rgba(92,121,162,.24);border-radius:12px;background:#0b1b2ed1}.personal-music-step-icon{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:12px;color:#8bb9ff;background:linear-gradient(145deg,#3478ff3d,#834aff33)}.personal-music-step-number{color:#627c9b;font-size:12px;font-weight:800;letter-spacing:.08em}.personal-music-flow h3{margin:0 0 5px;font-size:16px}.personal-music-flow p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.personal-music-flow article:last-child{border-color:#5288ff73;background:linear-gradient(100deg,#1d457d99,#2d1f5b75)}.personal-music-flow article:last-child .personal-music-step-icon{color:#fff}.continuity-section{padding:35px 0 70px;border-top:1px solid rgba(79,107,136,.18)}.section-heading{display:flex;align-items:flex-start;gap:13px}.heading-icon{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:9px;color:var(--blue-bright);background:#102542}.section-heading h2,.center-heading h2,.download-title h2,.membership-copy h2{margin:0;font-size:clamp(27px,3vw,38px);letter-spacing:-.035em}.section-heading h2{font-size:21px}.section-heading p,.center-heading>p:last-child,.download-title>p:last-child,.membership-copy>p{margin:7px 0 0;color:var(--muted);line-height:1.8}.continuity-layout{margin-top:26px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.feature-list article{min-height:63px;display:grid;grid-template-columns:45px 160px 1fr;align-items:center;gap:12px;border-bottom:1px solid rgba(93,117,142,.18)}.feature-list article>span{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:8px;color:var(--blue-bright);background:#11233a}.feature-list article div{display:contents}.feature-list h3{margin:0;font-size:16px}.feature-list p{margin:0;color:var(--muted);font-size:12px}.device-sync-image{width:100%;max-height:360px;object-fit:contain;mix-blend-mode:screen}.guide-section{padding:75px 0 80px;border-top:1px solid rgba(79,107,136,.16)}.center-heading{max-width:650px;margin:0 auto 38px;text-align:center}.center-heading .section-kicker{margin-bottom:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-grid article{min-height:220px;padding:29px;position:relative;border:1px solid var(--line-soft);border-radius:var(--radius);background:#0a192ad9}.guide-grid article>svg{color:var(--blue-bright)}.step-number{position:absolute;top:23px;right:25px;color:#294561;font-size:24px;font-weight:800}.guide-grid h3{margin:28px 0 8px;font-size:18px}.guide-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.download-section{padding:0 0 80px}.download-panel{padding:38px;display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;border:1px solid #283d54;border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 20%,rgba(45,126,225,.15),transparent 42%),#07121ff0;box-shadow:0 28px 70px #00000038}.download-title .section-kicker,.membership-copy .section-kicker{margin-bottom:10px}.download-list{display:grid}.membership-section{padding:0 0 90px;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.membership-copy>p{max-width:650px;margin-bottom:26px}.membership-card{padding:28px;border:1px solid #3a4551;border-radius:var(--radius);background:#101c2ae6}.membership-card>svg{color:var(--gold)}.membership-card>div{margin:16px 0 22px;display:flex;flex-direction:column}.membership-card small{color:var(--muted)}.membership-card strong{margin-top:3px;font-size:22px}.membership-card ul{margin:0;padding:0;list-style:none}.membership-card li{padding:9px 0;display:flex;align-items:center;gap:10px;color:#cbd5df;font-size:13px}.membership-card li svg{color:var(--green)}.membership-note{display:block;margin-top:20px;color:var(--muted-2);font-size:11px}footer{width:min(100% - 56px,1320px);min-height:100px;margin:0 auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid rgba(79,107,136,.18);color:var(--muted);font-size:12px}footer>div{display:flex;align-items:center;gap:18px}footer .brand{width:176px;height:42px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:28px;display:grid;place-items:center;overflow-y:auto;background:#02070ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none}.modal-layer::-webkit-scrollbar,.modal-card::-webkit-scrollbar{width:0;height:0;display:none}.modal-card{width:min(100%,470px);max-height:calc(100vh - 56px);overflow-y:auto;padding:30px;position:relative;border:1px solid #30465f;border-radius:16px;background:#0a1727;box-shadow:0 30px 80px #00000080;scrollbar-width:none}.modal-card-wide{width:min(100%,760px)}.modal-close{position:absolute;top:18px;right:18px}.modal-eyebrow{margin:0 0 7px;color:var(--blue-bright);font-size:12px;font-weight:700}.modal-card h2{margin:0 45px 22px 0;font-size:26px}.auth-tabs{margin-bottom:20px;padding:4px;display:grid;grid-template-columns:1fr 1fr;border-radius:9px;background:#07111e}.auth-tabs button{min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:#142842;color:#fff}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:7px}.auth-form label>span{color:#b7c4d1;font-size:12px;font-weight:600}.referral-attribution-note{color:#74d7a4;font-size:10px;line-height:1.6}.auth-field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.forgot-password-button,.back-to-login-button{padding:0;border:0;background:transparent;color:var(--blue-bright);font-size:12px;cursor:pointer}.forgot-password-button:hover,.back-to-login-button:hover{color:#91c2ff}.auth-form input,.search-field input{width:100%;height:43px;padding:0 13px;border:1px solid #2a4058;border-radius:8px;outline:0;background:#071321;color:#f5f7fb}.auth-form input::placeholder,.search-field input::placeholder{color:#5f7185}.auth-form input:focus,.search-field:focus-within{border-color:var(--blue)}.password-input-wrap{position:relative;display:block}.password-input-wrap input{padding-right:48px}.password-visibility-button{position:absolute;top:50%;right:7px;width:34px;height:34px;padding:0;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.password-visibility-button:hover{color:#fff;background:#10223a}.code-field{display:grid;grid-template-columns:1fr 118px;gap:8px}.code-field button{border:1px solid #355378;border-radius:8px;background:#11233a;color:#a9c8f4;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.form-message{margin:0;padding:10px 12px;border:1px solid #394c61;border-radius:7px;color:#bfd0e1;background:#0d1b2b;font-size:12px}.form-message.error{border-color:#ff7c7c5c;color:#ffb2b2;background:#6f1e2b33}.auth-submit{width:100%;margin-top:4px}.reset-intro{margin:-7px 0 19px;color:var(--muted);font-size:13px;line-height:1.75}.back-to-login-button{width:100%;margin-top:17px;text-align:center}.reset-success{display:grid;justify-items:center;gap:13px;padding-top:2px;text-align:center}.reset-success-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:#83e8bc;background:#39c88724}.reset-success p{margin:0;color:#dce6ef;font-size:14px;line-height:1.7}.reset-success strong{color:#fff;overflow-wrap:anywhere}.reset-success small{color:var(--muted);font-size:12px;line-height:1.65}.reset-success .auth-submit{margin-top:8px}.auth-note{margin:18px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted-2);font-size:11px}.library-toolbar{margin-bottom:16px;display:flex;align-items:center;gap:10px}.search-field{height:43px;display:flex;align-items:center;flex:1;padding-left:12px;border:1px solid #2a4058;border-radius:8px;color:var(--muted);background:#071321}.search-field input{height:41px;padding-left:9px;border:0;background:transparent}.compact-button{min-height:43px;padding:0 16px}.library-table{max-height:470px;overflow-y:auto;border-top:1px solid var(--line-soft)}.library-row{min-height:68px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft)}.library-row>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.library-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.library-row span{margin-top:3px;color:var(--muted);font-size:10px}.status-pill{padding:4px 8px;border-radius:999px;color:#8ee4b7!important;background:#123229}.empty-state{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--muted);text-align:center}.empty-state strong{color:#dce5ed;font-size:15px}.empty-state span{max-width:350px;font-size:12px;line-height:1.7}.dashboard-main{width:min(100% - 56px,1320px);min-height:calc(100vh - 74px);margin:0 auto;padding:52px 0 72px}.dashboard-welcome{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #2b4058;border-radius:18px;background:linear-gradient(135deg,#0d1f33f5,#0a1829e6);box-shadow:0 24px 55px #0003}.dashboard-welcome .section-kicker{margin-bottom:8px}.dashboard-welcome h1{margin:0;font-size:clamp(30px,3vw,43px);letter-spacing:-.04em}.dashboard-welcome p:last-child{max-width:760px;margin:12px 0 0;color:var(--muted);line-height:1.75}.dashboard-welcome-profile{min-width:0;display:flex;align-items:center;gap:18px}.dashboard-welcome-profile>img{width:72px;height:72px;flex:0 0 auto;border:2px solid rgba(94,151,225,.5);border-radius:22px;object-fit:cover}.dashboard-welcome-profile>div{min-width:0}.dashboard-refresh{min-height:44px;flex:0 0 auto}.dashboard-stat-grid{margin:16px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-stat-grid article{min-height:92px;padding:17px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:13px;background:#0b1929e6}.dashboard-stat-grid article>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:var(--blue-bright);background:#3c7cff1f}.dashboard-stat-grid article>div{min-width:0;display:flex;flex-direction:column;gap:5px}.dashboard-stat-grid small{color:var(--muted);font-size:11px}.dashboard-stat-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.dashboard-error{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,124,124,.34);border-radius:10px;color:#ffb2b2;background:#6f1e2b2e;font-size:12px}.dashboard-panel{min-width:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:#0a1828eb}.dashboard-songs{margin-bottom:16px}.dashboard-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}.dashboard-panel-heading.compact{align-items:flex-start}.dashboard-panel-heading h2{margin:0;font-size:21px}.dashboard-panel-heading p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.dashboard-downloads{margin-top:16px;background:radial-gradient(circle at 8% 10%,rgba(45,126,225,.13),transparent 42%),#0a1828eb}.dashboard-download-list{margin-top:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-download-list .download-row{margin-top:0}.dashboard-search{width:min(100%,320px);height:42px;padding:0 12px;display:flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid #2a4058;border-radius:9px;color:var(--muted);background:#071321}.dashboard-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.dashboard-search input::placeholder{color:#5f7185}.dashboard-list{margin-top:17px;border-top:1px solid var(--line-soft)}.dashboard-list-row{min-height:68px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft)}.dashboard-row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--blue-bright);background:#102542}.dashboard-list-row>div{min-width:0;display:flex;flex-direction:column;gap:4px}.dashboard-list-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dashboard-list-row small{color:var(--muted);font-size:10px}.dashboard-empty{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--muted);text-align:center}.dashboard-empty strong{color:#dce5ed;font-size:14px}.dashboard-empty span{max-width:390px;font-size:12px;line-height:1.7}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.dashboard-voice-list{max-height:390px;overflow-y:auto}.dashboard-profile-grid{margin-top:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-profile-grid>div{min-height:70px;padding:13px 14px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid var(--line-soft);border-radius:10px;background:#081523}.dashboard-profile-grid small{color:var(--muted);font-size:10px}.dashboard-profile-grid strong{overflow-wrap:anywhere;font-size:13px}.dashboard-client-note{margin-top:14px;padding:14px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;border:1px solid rgba(60,124,255,.22);border-radius:11px;background:#3c7cff14}.dashboard-client-note>svg{color:var(--blue-bright)}.dashboard-client-note div{display:flex;flex-direction:column;gap:5px}.dashboard-client-note strong{font-size:12px}.dashboard-client-note span{color:var(--muted);font-size:11px;line-height:1.65}.dashboard-client-note em{padding:4px 7px;border-radius:999px;color:#a8c9ff;background:#162d4c;font-size:9px;font-style:normal;white-space:nowrap}.profile-page{display:grid;gap:18px}.profile-page-header{min-height:92px;padding:17px;display:flex;align-items:center;gap:14px;border:1px solid var(--line-soft);border-radius:13px;background:#0d1d2f}.profile-page-avatar{width:56px;height:56px;flex:0 0 auto;border-radius:17px;border:2px solid rgba(94,151,225,.5);object-fit:cover}.profile-page-header>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.profile-page-header>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.profile-page-header>div span{color:var(--muted);font-size:12px}.profile-signed-in{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;flex:0 0 auto;border-radius:999px;color:#8ee4b7;background:#39c8871f;font-size:11px}.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-detail-grid>div{min-height:72px;padding:13px 14px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid var(--line-soft);border-radius:11px;background:#081523}.profile-detail-grid small{color:var(--muted);font-size:11px}.profile-detail-grid strong{overflow-wrap:anywhere;font-size:13px}.profile-sync-note{padding:15px 16px;display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(60,124,255,.24);border-radius:12px;background:#3c7cff14}.profile-sync-note>svg{flex:0 0 auto;color:var(--blue-bright)}.profile-sync-note div{display:flex;flex-direction:column;gap:5px}.profile-sync-note strong{font-size:13px}.profile-sync-note span{color:var(--muted);font-size:12px;line-height:1.65}.profile-action-row{display:flex;justify-content:flex-end;gap:10px}.profile-library-button,.profile-invitation-button{min-height:44px}.invitation-loading{padding:30px;border:1px solid var(--line-soft);border-radius:12px;color:var(--muted);text-align:center}.invitation-experience{display:grid;gap:16px}.invitation-intro{margin:0;color:#b0bdca;font-size:13px;line-height:1.8}.invitation-progress-card{padding:17px;border:1px solid var(--line-soft);border-radius:12px;background:#081523}.invitation-progress-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.invitation-progress-card>div strong{font-size:13px}.invitation-progress-card>div span{color:#b8d6ff;font-size:13px;font-weight:700}.invitation-progress-card>i{height:7px;margin:13px 0 9px;display:block;overflow:hidden;border-radius:999px;background:#172b42}.invitation-progress-card>i b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#67d2a0)}.invitation-progress-card>small{color:var(--muted);font-size:10px}.invitation-poster-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(250px,.9fr);gap:18px;align-items:stretch}.invitation-poster-preview{aspect-ratio:3 / 4;display:grid;place-items:center;overflow:hidden;position:relative;border:1px solid rgba(137,190,255,.35);border-radius:18px;background:#071321;box-shadow:0 18px 45px #0000004d}.invitation-poster-image{width:100%;height:100%;display:block;object-fit:cover}.invitation-poster-generating{padding:20px;color:#b8ccdf;font-size:12px;text-align:center}.invitation-share-panel{padding:18px;display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:11px;border:1px solid rgba(60,124,255,.24);border-radius:14px;background:#3c7cff0f}.invitation-share-panel>p{margin:0 0 3px;color:#b7c9db;font-size:12px;line-height:1.7}.invitation-share-panel>div{padding:13px;display:grid;gap:7px;border:1px solid var(--line-soft);border-radius:10px;background:#071321}.invitation-share-panel small{color:#88a1b9;font-size:10px}.invitation-share-panel code{overflow-wrap:anywhere;color:#c3ddff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.6}.invitation-share-panel .primary-button,.invitation-share-panel .secondary-button{width:100%;min-height:42px;justify-content:center}.invitation-share-panel button:disabled{opacity:.56;cursor:wait;transform:none}.invitation-rules{margin:0;padding:14px 18px 14px 35px;border:1px solid var(--line-soft);border-radius:12px;color:#9eafc0;font-size:11px;line-height:1.9}.invitation-reward{padding:14px 16px;display:flex;align-items:flex-start;gap:11px;border:1px solid rgba(57,200,135,.25);border-radius:12px;background:#39c88714}.invitation-reward>svg{flex:0 0 auto;color:var(--green)}.invitation-reward>div{display:flex;flex-direction:column;gap:5px}.invitation-reward strong{font-size:13px}.invitation-reward span{color:#a8b8c8;font-size:11px;line-height:1.6}@media(max-width:1120px){.header-inner{gap:28px}.main-nav{gap:20px}.language{display:none}.hero-section{grid-template-columns:1fr;max-width:920px;padding-top:70px}.hero-copy{max-width:650px}.account-preview{width:100%}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:820px){.header-inner,.hero-section,.homepage-invitation-section,.personal-music-section,.continuity-section,.guide-section,.download-section,.membership-section,.dashboard-main,footer{width:min(100% - 32px,680px)}.site-header{height:62px}.main-nav{position:absolute;top:62px;left:0;right:0;padding:18px 20px 22px;display:none;align-items:stretch;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);background:#071321}.main-nav.open{display:flex}.main-nav a,.main-nav button{min-height:42px;justify-content:space-between}.mobile-language{min-height:42px;display:flex;align-items:center;gap:8px;color:#cbd5df}.mobile-language select{flex:1}.menu-button{display:inline-grid}.login-button,.account-button{display:none}.register-button{min-height:36px;padding:0 14px}.hero-section{padding-top:54px;gap:42px}.homepage-invitation-section,.homepage-invitation-section.exhausted{grid-template-columns:1fr}.homepage-invitation-section.exhausted h2,.homepage-invitation-section.exhausted>div:first-child>p:last-child{white-space:normal}.homepage-invitation-codes{justify-content:flex-start;flex-wrap:wrap}.homepage-invitation-empty{justify-content:flex-start}.hero-copy h1{font-size:clamp(40px,11vw,54px)}.account-top,.account-grid,.personal-music-section,.continuity-layout,.download-panel,.membership-section{grid-template-columns:1fr}.account-grid,.side-stack{grid-template-rows:auto}.continuity-layout{gap:28px}.personal-music-section{gap:30px;padding:30px}.device-sync-image{order:-1}.guide-grid{grid-template-columns:1fr}.download-panel{gap:28px}.membership-section{gap:32px}footer{align-items:flex-start;flex-direction:column}.dashboard-main{padding-top:34px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-welcome-profile{align-items:flex-start}.dashboard-refresh{width:100%}.dashboard-download-list{grid-template-columns:1fr}}@media(max-width:560px){.header-inner,.hero-section,.homepage-invitation-section,.personal-music-section,.continuity-section,.guide-section,.download-section,.membership-section,.dashboard-main,footer{width:min(100% - 24px,480px)}.brand{width:164px;height:40px}.brand-mark{width:51px;height:40px}.brand-mark img{width:111px;height:40px}.brand-name{font-size:25px}.header-actions{margin-left:auto}.register-button{display:none}.hero-copy h1{font-size:39px}.hero-description{font-size:14px}.desktop-only{display:none}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}.trust-row{align-items:flex-start;flex-direction:column;gap:8px}.profile-page-header{align-items:flex-start;flex-wrap:wrap}.profile-signed-in{margin-left:70px}.profile-detail-grid{grid-template-columns:1fr}.profile-action-row{align-items:stretch;flex-direction:column}.profile-library-button,.profile-invitation-button{width:100%;justify-content:center}.homepage-invitation-section{padding:23px 18px}.homepage-invitation-codes{flex-direction:column}.homepage-invitation-codes>button{width:100%;min-width:0}.homepage-invitation-empty .primary-button{width:100%;white-space:normal}.invitation-poster-layout{grid-template-columns:1fr}.dashboard-welcome{padding:22px 18px}.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-panel{padding:18px 14px}.dashboard-panel-heading{align-items:stretch;flex-direction:column}.dashboard-search{width:100%}.dashboard-profile-grid{grid-template-columns:1fr}.dashboard-client-note{grid-template-columns:26px minmax(0,1fr)}.dashboard-client-note em{display:none}.account-preview{padding:9px}.account-top{gap:9px}.profile-summary,.membership-summary{min-height:88px}.profile-summary img{width:48px;height:48px}.library-card{min-height:290px}.song-state{display:none}.feature-list article{min-height:82px;grid-template-columns:45px 1fr}.feature-list article div{display:block}.feature-list p{margin-top:4px;line-height:1.6}.personal-music-section{margin-bottom:54px;padding:24px 18px}.personal-music-flow article{grid-template-columns:44px 1fr;padding:15px}.personal-music-step-icon{width:42px;height:42px}.personal-music-step-number{display:none}.download-panel,.guide-grid article,.membership-card{padding:22px}.download-row{padding:10px 8px}.release-badge{display:none}.modal-layer{padding:12px}.modal-card{max-height:calc(100vh - 24px);padding:24px 18px}.code-field{grid-template-columns:1fr 104px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}