@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#f5f6fa;background:#0c0e1a;font-synthesis:none;--bg:#0c0e1a;--deep:#090b14;--s1:#10121f;--s2:#151726;--s3:#1c1f30;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.14);--text:#f5f6fa;--second:#9ba0b4;--muted:#7a8097;--accent:#c79bff;--purple:#8b3dff;--pink:#e037c0;--green:#6fdca4;--amber:#f5a623;--red:#e5484d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}.web-app{min-height:100vh;background:radial-gradient(circle at 75% 0,rgba(139,61,255,.08),transparent 28%),var(--bg)}.web-header{height:68px;position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:#090b14e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{max-width:1440px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;gap:30px}.header-logo{border:0;background:none;color:inherit;padding:8px 0}.wordmark{font-size:20px;letter-spacing:-1.1px;font-weight:950;white-space:nowrap}.wordmark span{color:#c23ddd;margin:0 1px}.web-nav{display:flex;align-self:stretch}.web-nav button{position:relative;min-width:76px;padding:0 12px;border:0;background:none;color:var(--second);display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px}.web-nav button:hover{color:var(--text)}.web-nav button.active{color:var(--text);font-weight:750}.web-nav button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--accent);border-radius:3px}.web-nav button i{width:5px;height:5px;border-radius:50%;background:var(--red);position:absolute;right:9px;top:18px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header-search{height:38px;width:250px;padding:0 11px;border:1px solid var(--line2);border-radius:10px;background:var(--s2);color:var(--muted);display:flex;align-items:center;gap:8px;font-size:11px}.header-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-search kbd{margin-left:auto;padding:2px 5px;border:1px solid var(--line2);border-radius:5px;color:#6c7186;font-size:9px}.mic-chip{height:30px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:var(--s2);color:var(--second);font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}.mic-chip i,.online-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.top-icon{position:relative;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--s2);color:var(--second);display:grid;place-items:center}.top-icon i{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--pink)}.account-button{height:42px;border:0;background:none;color:inherit;display:flex;align-items:center;gap:8px;padding:0 4px}.account-button img{width:34px;height:34px;border-radius:50%;object-fit:cover}.account-button>span{display:flex;flex-direction:column;text-align:left;gap:1px}.account-button strong{font-size:11px}.account-button small{font-size:9px;color:var(--accent)}.account-button>svg{color:var(--muted)}.mobile-menu{display:none;border:0;background:none;color:var(--text);padding:7px}.web-content{min-height:calc(100vh - 68px)}.page{max-width:1320px;margin:0 auto;padding:42px 28px 90px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.08em}.primary{min-height:43px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple));box-shadow:0 10px 24px #a032dc45;color:#fff;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-1px)}.primary svg{width:17px}.ghost{min-height:42px;padding:0 17px;border:1px solid var(--line2);border-radius:999px;background:transparent;color:#d8dae4;font-weight:700;font-size:11px;display:inline-flex;align-items:center;gap:7px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:8px 0 30px}.welcome-row h1{font-size:30px;letter-spacing:-.04em;margin:8px 0 0}.continue-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.continue-grid article{min-height:105px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--s2);display:flex;align-items:center;gap:13px}.continue-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none}.continue-icon.purple{color:var(--accent);background:#8b3dff26}.continue-icon.amber{color:var(--amber);background:#f5a6231f}.continue-grid article>div{display:flex;flex-direction:column;gap:4px;min-width:0}.continue-grid small{color:var(--accent);font-size:9px;font-weight:800}.continue-grid strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-grid em{font-style:normal;color:var(--muted);font-size:9.5px}.continue-grid article>button{margin-left:auto;border:1px solid var(--line2);background:transparent;color:#d8dae4;height:34px;padding:0 12px;border-radius:999px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;white-space:nowrap}.continue-grid article>button svg{width:13px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:38px 0 15px}.section-head h2{font-size:18px;margin:0 0 5px}.section-head p{font-size:10px;color:var(--muted);margin:0}.section-head>button{border:0;background:none;color:var(--accent);font-size:10px;display:flex;align-items:center;gap:5px}.section-head>button svg{width:13px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-card{border:0;background:none;color:inherit;padding:0;text-align:left;display:flex;flex-direction:column}.media-card>span{height:230px;position:relative;border-radius:15px;overflow:hidden;background:var(--s2)}.media-card img{width:100%;height:100%;object-fit:cover;transition:.3s}.media-card:hover img{transform:scale(1.025)}.media-card>span>i{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#06070ec2;border:1px solid rgba(255,255,255,.18);font-style:normal}.media-card>span>small{position:absolute;left:10px;top:10px;padding:4px 8px;border-radius:999px;background:#06070e9e;border:1px solid rgba(255,255,255,.18);font-size:8px}.media-card>strong{font-size:12px;margin-top:9px}.media-card>em{font-size:9.5px;color:var(--muted);font-style:normal;margin-top:3px}.home-lower{margin-top:25px}.duet-row{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--s2)}.duet-row img{width:74px;height:74px;object-fit:cover;border-radius:11px}.duet-row>div{display:flex;flex-direction:column;gap:4px}.duet-row>div span{color:var(--pink);font-size:8px;font-weight:850}.duet-row strong{font-size:13px}.duet-row small{color:var(--muted);font-size:10px}.duet-row>button{margin-left:auto;padding:0 16px;height:36px;border:1px solid rgba(199,155,255,.5);border-radius:999px;background:transparent;color:var(--accent);font-weight:750;font-size:10px}.sing-hub{padding-top:70px;text-align:center}.sing-hub>h1{font-size:38px;letter-spacing:-.045em;margin:12px 0}.sing-hub>p{color:var(--second);font-size:13px;margin:0}.sing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:42px auto 34px;max-width:1080px;text-align:left}.sing-options>button{min-height:290px;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--s2);color:inherit;text-align:left;display:flex;flex-direction:column;transition:.2s}.sing-options>button:hover{transform:translateY(-3px);border-color:#c79bff6b;background:#181a2b}.sing-options>button.featured{background:radial-gradient(circle at 90% 0,rgba(139,61,255,.24),transparent 42%),var(--s2);border-color:#c79bff57}.option-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;color:var(--accent);background:#8b3dff24}.sing-options small{color:var(--accent);font-size:9px;font-weight:850;margin-top:24px}.sing-options h2{font-size:20px;margin:8px 0}.sing-options p{font-size:11px;line-height:1.65;color:var(--second);margin:0}.sing-options em{font-size:11px;font-weight:750;color:var(--accent);font-style:normal;margin-top:auto;display:flex;align-items:center;justify-content:space-between}.sing-options em svg{width:16px}.recent-strip{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;background:var(--s1);text-align:left}.recent-strip>div{padding:16px 20px;display:flex;flex-direction:column;gap:4px}.recent-strip>div:not(:last-child){border-right:1px solid var(--line)}.recent-strip span{font-size:8px;color:var(--muted)}.recent-strip strong{font-size:11px}.recent-strip small{font-size:8.5px;color:var(--second)}.flow-page{max-width:1220px}.flow-title{display:flex;align-items:center;gap:14px}.flow-title>button,.back-line{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--s2);color:var(--second)}.flow-title>button svg{width:18px}.flow-title h1{font-size:23px;margin:0 0 3px}.flow-title p{font-size:10px;color:var(--muted);margin:0}.flow-progress{display:flex;align-items:center;margin:28px 0 26px;padding:14px 18px;border:1px solid var(--line);border-radius:13px;background:#10121fb8}.flow-progress>div{display:flex;align-items:center;flex:1;color:#656b80}.flow-progress>div:last-child{flex:0}.flow-progress span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid #393d50;font-size:9px;font-weight:800;flex:none}.flow-progress span svg{width:12px}.flow-progress em{font-style:normal;font-size:9px;font-weight:700;margin-left:7px;white-space:nowrap}.flow-progress i{height:1px;background:#303346;flex:1;margin:0 10px}.flow-progress .current{color:var(--text)}.flow-progress .current span{background:var(--purple);border-color:#a56cf4}.flow-progress .done{color:var(--green)}.flow-progress .done span{background:#6fdca41f;border-color:#6fdca461}.picker-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.picker-grid>section,.recommend-panel{border:1px solid var(--line);background:var(--s1);border-radius:16px;padding:18px}.song-search{height:44px;border:1px solid var(--line2);border-radius:11px;background:var(--s2);display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted)}.song-search svg{width:18px}.song-search input{flex:1;border:0;outline:0;background:none;color:var(--text);font-size:11px}.song-search kbd{border:1px solid var(--line2);padding:2px 6px;border-radius:5px;font-size:9px}.tabs{display:flex;gap:6px;padding:14px 0}.tabs button{height:29px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--second);font-size:9px}.tabs button.active{border-color:#c79bff7a;background:#8b3dff21;color:var(--accent)}.song-list{display:flex;flex-direction:column;gap:7px}.song-list>button{min-height:70px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--s2);color:inherit;display:flex;align-items:center;text-align:left;gap:10px}.song-list>button:hover{border-color:#c79bff6b;background:#1a1c2d}.song-list img{width:54px;height:54px;border-radius:8px;object-fit:cover}.song-list>button>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.song-list small{color:var(--accent);font-size:7.5px;font-weight:800}.song-list strong{font-size:11px}.song-list em{font-style:normal;color:var(--muted);font-size:8.5px}.rights{margin-left:auto!important;display:flex!important;flex-direction:row!important;align-items:center;color:var(--green);font-size:8px}.rights svg{width:12px}.song-list>button>svg{width:15px;color:var(--muted);margin:0 5px}.empty{height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted)}.empty>svg{width:30px;height:30px}.empty strong{color:var(--second);font-size:12px}.empty span{font-size:9px}.recommend-panel{display:flex;flex-direction:column}.recommend-panel>span{color:var(--accent);font-size:8px;font-weight:850}.recommend-panel>img{width:100%;height:185px;object-fit:cover;border-radius:11px;margin:12px 0}.recommend-panel h2{font-size:18px;margin:0 0 5px}.recommend-panel p{font-size:9.5px;color:var(--second);line-height:1.5;margin:0 0 16px}.recommend-panel>div{display:flex;justify-content:space-between;font-size:9px}.recommend-panel>div strong{color:var(--accent)}.recommend-panel>i{height:4px;background:#2a2d40;border-radius:99px;margin:7px 0 18px}.recommend-panel>i b{display:block;width:92%;height:100%;background:var(--purple);border-radius:99px}.recommend-panel .primary{width:100%;margin-top:auto}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1050px;margin:50px auto 20px}.method-grid>button{min-height:280px;padding:25px;border:1px solid var(--line);border-radius:17px;background:var(--s2);color:inherit;text-align:left;display:flex;flex-direction:column;position:relative}.method-grid>button:hover{border-color:#c79bff80;background:#191b2d;transform:translateY(-2px)}.method-grid>button>span{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:#8b3dff21;color:var(--accent)}.method-grid>button>small{position:absolute;right:18px;top:18px;color:var(--accent);background:#8b3dff24;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800}.method-grid h2{font-size:19px;margin:24px 0 8px}.method-grid p{font-size:10px;line-height:1.65;color:var(--second);margin:0}.method-grid em{margin-top:auto;color:var(--accent);font-style:normal;font-size:10px;font-weight:750;display:flex;align-items:center;justify-content:space-between}.method-grid em svg{width:15px}.method-note{text-align:center;color:var(--muted);font-size:9px;display:flex;align-items:center;justify-content:center;gap:6px}.method-note svg{width:13px;color:var(--green)}.settings-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:17px}.song-visual{min-height:520px;border-radius:17px;overflow:hidden;background-size:cover;background-position:center;position:relative;border:1px solid var(--line)}.song-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 30%,#06070eeb)}.song-visual>div{position:absolute;z-index:2;left:26px;right:26px;bottom:25px}.song-visual>div>span{display:inline-flex;padding:4px 8px;border-radius:999px;background:#06070e94;border:1px solid rgba(255,255,255,.2);font-size:8px}.song-visual h2{font-size:28px;margin:12px 0 4px}.song-visual p{font-size:10px;color:#d2d4df;margin:0}.song-visual button{margin-top:17px;height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#06070e94;color:#fff;display:flex;align-items:center;gap:7px;font-size:10px}.settings-panel{padding:19px;border:1px solid var(--line);border-radius:17px;background:var(--s1);display:flex;flex-direction:column;gap:8px}.setting-row{min-height:68px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--s2);display:flex;align-items:center;justify-content:space-between;color:inherit}.setting-row>span{display:flex;flex-direction:column;gap:4px;text-align:left}.setting-row strong{font-size:11px}.setting-row small{color:var(--muted);font-size:8.5px}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:28px;height:28px;border:0;border-radius:7px;background:#222538;color:var(--second)}.stepper b{width:42px;text-align:center;color:var(--accent);font-size:11px}.range-row{display:grid;grid-template-columns:1fr auto}.range-row>b{font-size:10px;color:var(--accent)}.range-row input{grid-column:1/3;width:100%;accent-color:var(--purple)}.toggle-row{width:100%;cursor:pointer}.switch{width:40px;height:23px;padding:3px;background:#2a2e42;border-radius:999px;display:flex}.switch b{width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--purple)}.switch.on b{transform:translate(17px)}.select-row>div{display:flex;padding:3px;background:#1d2031;border-radius:9px}.select-row>div button{height:27px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:8px}.select-row>div button.active{background:#343047;color:var(--accent)}.safe-copy{padding:10px 12px;border-radius:10px;background:#8b3dff17;display:flex;gap:9px;color:var(--accent)}.safe-copy>svg{width:16px;flex:none}.safe-copy>span{display:flex;flex-direction:column;gap:3px}.safe-copy strong{font-size:9px;color:#d8dae4}.safe-copy small{font-size:7.5px;color:var(--second)}.settings-panel .primary{width:100%;margin-top:auto}.equipment-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:17px}.level-test,.checklist{min-height:480px;border:1px solid var(--line);border-radius:17px;background:var(--s1);padding:28px}.level-test{text-align:center;display:flex;flex-direction:column;align-items:center}.mic-orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:#8b3dff1f;border:1px solid rgba(199,155,255,.25);box-shadow:0 0 0 12px #8b3dff09;margin:15px 0 25px}.mic-orb.ready{box-shadow:0 0 40px #8b3dff38}.level-test h2{font-size:21px;margin:10px 0 6px}.level-test>p{font-size:10px;color:var(--second);margin:0}.audio-meter{height:96px;display:flex;align-items:center;justify-content:center;gap:4px;margin:30px 0 8px}.audio-meter i{width:6px;border-radius:6px;background:var(--purple);opacity:.75}.audio-meter i.animate{animation:meter 1.25s ease-in-out infinite alternate}.level-label{width:82%;display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.level-label b{color:var(--green)}@keyframes meter{50%{transform:scaleY(.35);opacity:.4}}.checklist h2{font-size:18px;margin:0 0 14px}.checklist>div{min-height:63px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--s2);display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.checklist>div>span{display:grid;grid-template-columns:25px 1fr;align-items:center}.checklist>div svg{color:var(--accent);width:17px}.checklist>div strong{font-size:9.5px}.checklist>div small{grid-column:2;color:var(--muted);font-size:8px}.checklist>div em{font-style:normal;color:var(--green);font-size:8px;display:flex;align-items:center;gap:4px}.checklist>div em svg{color:var(--green);width:12px}.checklist>p{font-size:8px;color:var(--second);display:flex;align-items:center;gap:5px}.checklist>p svg{width:13px;color:var(--green)}.checklist .primary{width:100%;margin-top:8px}.record-screen{height:100vh;background:#070810;color:#fff;overflow:hidden;display:grid;grid-template-rows:62px 1fr 112px}.record-screen>header{z-index:3;display:flex;align-items:center;padding:0 22px;gap:18px;border-bottom:1px solid var(--line);background:#0b0d17}.record-screen>header button{border:0;background:none;color:var(--second);display:flex;align-items:center;gap:6px;font-size:9px}.record-screen>header button svg{width:17px}.record-screen>header strong{position:absolute;left:50%;transform:translate(-50%);font-size:11px}.record-screen>header strong small{color:var(--muted);font-weight:500}.record-screen>header span:nth-last-child(2){margin-left:auto}.record-screen>header>span:last-child{font-size:9px;color:var(--second);padding:5px 9px;border:1px solid var(--line);border-radius:999px}.rec{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.rec i{width:7px;height:7px;border-radius:50%;background:#54596c}.rec.active{color:#ff9a9d}.rec.active i{background:var(--red);box-shadow:0 0 10px #e5484db3}.record-screen>main{position:relative;background-size:cover;background-position:center 34%;display:flex;align-items:center;justify-content:center}.record-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#05060c4d,#05060cc7)}.countdown,.lyrics{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.countdown span{font-size:100px;font-weight:900;text-shadow:0 12px 45px rgba(0,0,0,.6)}.countdown strong{font-size:14px}.lyrics{gap:13px}.lyrics span{font-size:22px;font-weight:750;color:#ffffff61}.lyrics strong{font-size:38px;line-height:1.2}.pitch-guide{position:absolute;z-index:2;left:14%;right:14%;bottom:55px;height:50px}.pitch-guide>span{position:absolute;left:-26px;top:18px;font-size:8px;color:var(--muted)}.pitch-guide>i{display:block;height:1px;background:#ffffff1f;margin-top:14px}.pitch-guide>b{position:absolute;top:16px;width:36px;height:4px;border-radius:4px;background:var(--accent);box-shadow:0 0 10px #c79bffa6;transition:1s linear}.record-screen>footer{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 20px 10px;border-top:1px solid var(--line);background:#0b0d17}.record-progress{position:absolute;left:24px;right:24px;top:12px;height:3px;background:#282b3c}.record-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple))}.record-progress b{position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;background:#fff}.record-time{position:absolute;left:24px;top:36px;font-size:11px}.record-time small{color:var(--muted)}.record-screen>footer>button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--s2);color:var(--second);display:grid;place-items:center}.record-screen>footer>button svg{width:19px}.record-screen>footer .main-control{width:58px;height:58px;border:0;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.record-screen>footer .main-control svg{width:25px}.record-screen>footer>span:nth-last-child(2){position:absolute;left:50%;bottom:7px;transform:translate(-50%);font-size:8px;color:var(--muted)}.record-screen>footer .finish-now{position:absolute;right:24px;top:34px;width:auto;height:35px;border-radius:999px;padding:0 14px;color:#d8dae4;font-size:9px}.review-head{display:flex;align-items:flex-end;gap:10px}.review-head>div{margin-right:auto}.review-head h1{font-size:28px;margin:8px 0 5px}.review-head p{font-size:10px;color:var(--second);margin:0}.review-tabs{margin-top:25px;border-bottom:1px solid var(--line);display:flex;gap:25px}.review-tabs button{height:40px;border:0;background:none;color:var(--muted);font-size:10px;position:relative}.review-tabs button.active{color:var(--text);font-weight:750}.review-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.review-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:17px}.review-player{min-height:500px;position:relative;border-radius:17px;background-size:cover;background-position:center;overflow:hidden}.review-player>div{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#06070ee6)}.review-player>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#06070ea6;color:#fff;display:grid;place-items:center}.review-player>span{position:absolute;left:22px;bottom:20px;font-size:17px;font-weight:800;display:flex;flex-direction:column;gap:3px}.review-player>span small{font-size:9px;color:#d2d4df;font-weight:500}.review-grid>aside{padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--s1)}.review-grid>aside h2{font-size:19px;line-height:1.35;margin:12px 0 7px}.review-grid>aside>p{font-size:9px;color:var(--second);margin:0 0 16px}.hint-card{padding:13px;border-radius:11px;background:#6fdca414;margin-bottom:8px}.hint-card>span{display:flex;align-items:center;gap:5px;color:var(--green);font-size:8px}.hint-card svg{width:13px}.hint-card strong{display:block;font-size:9.5px;line-height:1.55;margin-top:7px}.hint-card.muted{background:#8b3dff17}.hint-card.muted>span{color:var(--accent)}.review-grid aside>label{display:grid;grid-template-columns:1fr auto;margin-top:22px;font-size:9px}.review-grid aside>label b{color:var(--accent)}.review-grid aside>label input{grid-column:1/3;width:100%;accent-color:var(--purple);margin-top:10px}.wave-timeline{height:58px;margin-top:14px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--s1);display:flex;align-items:center;gap:10px;color:var(--muted);font-size:8px}.wave-timeline>div{height:40px;flex:1;display:flex;align-items:center;gap:2px;overflow:hidden}.wave-timeline i{min-width:3px;background:var(--purple);border-radius:3px;opacity:.7}.back-line{width:auto;padding:0 11px;display:flex;gap:6px;margin-bottom:15px;font-size:9px}.back-line svg{width:15px}.publish-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;max-width:980px;margin:auto}.publish-preview{min-height:610px;border-radius:17px;background-size:cover;background-position:center;position:relative;overflow:hidden}.publish-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 50%,#06070ee0)}.publish-preview>span{position:absolute;z-index:2;top:14px;left:14px;padding:5px 9px;border-radius:999px;background:#06070ea6;border:1px solid rgba(255,255,255,.2);font-size:8px}.publish-preview>div{position:absolute;z-index:2;bottom:20px;left:20px}.publish-preview h2{font-size:20px;margin:0 0 4px}.publish-preview p{font-size:9px;margin:0;color:#d8dae4}.publish-preview>button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#06070ea6;color:#fff}.publish-form{padding:25px;border:1px solid var(--line);border-radius:17px;background:var(--s1)}.publish-form h1{font-size:24px;margin:10px 0 6px}.publish-form>p{font-size:9.5px;line-height:1.6;color:var(--second);margin:0 0 20px}.publish-form>label{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:9px;color:var(--second)}.publish-form>label input{grid-column:1/3;height:42px;padding:0 12px;border:1px solid var(--line2);border-radius:10px;background:var(--s2);color:var(--text);outline:0}.publish-form>label small{text-align:right;color:var(--muted)}.visibility{display:flex;flex-direction:column;gap:7px;margin:15px 0}.visibility>span{font-size:9px;color:var(--second);margin-bottom:3px}.visibility button{min-height:56px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--s2);color:inherit;display:flex;align-items:center;text-align:left;gap:9px}.visibility button.active{border-color:#c79bff80;background:#8b3dff17}.visibility button>svg{width:17px;color:var(--accent)}.visibility button>span{display:flex;flex-direction:column;gap:3px}.visibility button strong{font-size:9.5px}.visibility button small{font-size:8px;color:var(--muted)}.rights-note{padding:11px;border-radius:10px;background:#6fdca412;display:flex;gap:8px;color:var(--green)}.rights-note>svg{width:15px;flex:none}.rights-note>span{display:flex;flex-direction:column;gap:3px}.rights-note strong{font-size:8.5px}.rights-note small{font-size:7.5px;line-height:1.45;color:var(--second)}.publish-form>.primary{width:100%;margin-top:15px}.success-page{text-align:center;max-width:760px;padding-top:100px}.success-mark{width:72px;height:72px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;color:var(--green);background:#6fdca41a;border:1px solid rgba(111,220,164,.28)}.success-mark svg{width:30px}.success-page h1{font-size:32px;margin:12px 0 8px}.success-page>p{font-size:11px;color:var(--second);margin:0}.success-card{max-width:560px;margin:30px auto;display:flex;align-items:center;gap:14px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--s2)}.success-card img{width:72px;height:72px;border-radius:10px;object-fit:cover}.success-card>span{display:flex;flex-direction:column;gap:4px}.success-card strong{font-size:12px}.success-card small{font-size:9px;color:var(--muted)}.success-card em{font-style:normal;color:var(--green);font-size:8px;display:flex;align-items:center;gap:4px}.success-card em svg{width:12px}.success-card>button{margin-left:auto;height:34px;padding:0 12px;border:1px solid var(--line2);border-radius:999px;background:transparent;color:#d8dae4;font-size:9px;display:flex;align-items:center;gap:5px}.success-card>button svg{width:14px}.success-page>div:last-child{display:flex;justify-content:center;gap:8px}.generic-page{padding-top:75px}.generic-page>h1{font-size:36px;margin:10px 0}.generic-page>p{color:var(--second);font-size:12px}.generic-page>div{min-height:390px;margin-top:35px;border:1px dashed rgba(199,155,255,.25);border-radius:18px;background:#8b3dff0a;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--accent);gap:9px}.generic-page>div strong{color:var(--text);font-size:15px}.generic-page>div>span{color:var(--muted);font-size:9px}.generic-page .primary{margin-top:10px}.overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#04050ac7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding:90px 20px}.search-modal{position:relative;width:min(100%,620px);padding:22px;border:1px solid var(--line2);border-radius:17px;background:#121421;box-shadow:0 35px 100px #0009}.search-modal>.close{position:absolute;right:12px;top:-44px;width:34px;height:34px;border:1px solid var(--line2);border-radius:50%;background:var(--s2);color:#fff}.search-modal>.close svg{width:17px}.search-modal>label{height:50px;padding:0 13px;border:1px solid rgba(199,155,255,.42);border-radius:11px;background:var(--s2);display:flex;align-items:center;gap:9px}.search-modal>label svg{width:20px;color:var(--accent)}.search-modal input{flex:1;border:0;outline:0;background:none;color:#fff;font-size:13px}.search-modal>span{display:block;margin:18px 2px 8px;color:var(--muted);font-size:9px}.search-modal>button:not(.close){width:100%;height:43px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#d8dae4;display:flex;align-items:center;justify-content:space-between;font-size:11px}.search-modal>button:not(.close):hover{background:var(--s2)}.search-modal>button svg{width:15px;color:var(--muted)}@media(max-width:1100px){.web-nav button{min-width:auto;padding:0 9px}.web-nav button span{display:none}.web-nav button.active:after{left:7px;right:7px}.header-search{width:200px}.account-button>span,.account-button>svg,.mic-chip{display:none}.media-card>span{height:190px}.picker-grid{grid-template-columns:1fr 260px}.settings-layout,.equipment-layout{grid-template-columns:1fr 1fr}.song-visual{min-height:500px}}@media(max-width:820px){.header-inner{padding:0 18px}.web-nav{position:absolute;top:68px;left:0;right:0;display:none;padding:10px 18px 18px;background:#0a0c16;border-bottom:1px solid var(--line);flex-direction:column}.web-nav.open{display:flex}.web-nav button{height:42px;justify-content:flex-start;border-radius:9px}.web-nav button span{display:inline}.web-nav button.active{background:#8b3dff21;color:var(--accent)}.web-nav button.active:after{display:none}.header-search{width:38px;padding:0;justify-content:center}.header-search span,.header-search kbd{display:none}.mobile-menu{display:block}.page{padding:32px 20px 70px}.continue-grid,.settings-layout,.equipment-layout,.review-grid,.publish-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.media-card>span{height:250px}.sing-options{grid-template-columns:1fr}.sing-options>button{min-height:230px}.recent-strip{grid-template-columns:1fr}.recent-strip>div:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.picker-grid{grid-template-columns:1fr}.recommend-panel{display:none}.method-grid{grid-template-columns:1fr}.method-grid>button{min-height:220px}.song-visual{min-height:430px}.flow-progress em{display:none}.flow-progress i{margin:0 6px}.review-player{min-height:480px}.publish-preview{min-height:560px}}@media(max-width:560px){.account-button{display:none}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:25px}.welcome-row .primary{width:100%}.continue-grid{grid-template-columns:1fr}.continue-grid article{align-items:flex-start}.continue-grid article>button{display:none}.media-grid{gap:10px}.media-card>span{height:180px}.home-page{padding-top:28px}.flow-title h1{font-size:19px}.flow-progress{padding:11px}.flow-progress em{display:none}.flow-progress span{width:20px;height:20px}.rights{display:none!important}.song-list>button>svg{margin-left:auto}.lyrics strong{font-size:26px}.lyrics span{font-size:16px}.record-screen{grid-template-rows:54px 1fr 126px}.record-screen>header strong,.record-screen>header>span:last-child{display:none}.record-screen>footer{gap:7px}.record-time{top:32px}.record-screen>footer .finish-now{top:35px;right:12px;padding:0 10px}.record-screen>footer>span:nth-last-child(2){display:none}.review-head{align-items:flex-start;flex-wrap:wrap}.review-head>div{width:100%}.review-head .primary,.review-head .ghost{flex:1}.publish-preview{min-height:480px}.success-page{padding-top:70px}.success-card>button{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}:root{--bg:#0b0d18;--s1:#141728;--s2:#1b1f34;--s3:#242840;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.18);--text:#f7f8fc;--second:#c2c6d4;--muted:#a2a8bb}body{font-size:16px;line-height:1.5}.wordmark{font-size:23px}.web-header{height:76px}.web-content{min-height:calc(100vh - 76px)}.header-inner{padding-inline:32px}.web-nav button{font-size:14px;min-width:88px}.header-search{height:44px;width:290px;font-size:14px}.header-search kbd{font-size:11px}.mic-chip{height:34px;font-size:12px}.account-button strong{font-size:14px}.account-button small{font-size:11px}.top-avatar{width:38px;height:38px}.page{max-width:1280px;padding:52px 36px 110px}.eyebrow{font-size:12px;line-height:1.3}.primary,.ghost{min-height:48px;font-size:14px;padding-inline:24px}.welcome-row{align-items:center;min-height:174px;padding:32px 36px;margin:0 0 28px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 86% 15%,rgba(139,61,255,.3),transparent 34%),linear-gradient(135deg,var(--s2),var(--s1))}.welcome-row h1{font-size:clamp(34px,3.2vw,44px);line-height:1.13}.continue-grid{gap:18px}.continue-grid article{min-height:126px;padding:22px}.continue-icon{width:50px;height:50px}.continue-grid small{font-size:12px}.continue-grid strong{font-size:17px}.continue-grid em{font-size:13px}.continue-grid article>button{height:44px;padding-inline:16px;font-size:13px}.home-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.home-insights>div{min-height:94px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#141728c7;display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:12px}.home-insights>div>span{grid-row:1/3;width:42px;height:42px;border-radius:11px;background:#8b3dff21;color:var(--accent);display:grid;place-items:center}.home-insights p{margin:0;display:flex;align-items:center;justify-content:space-between;color:var(--second);font-size:13px}.home-insights p strong{color:var(--text);font-size:20px}.home-insights em{font-style:normal;color:var(--muted);font-size:12px}.section-head{margin:46px 0 20px}.section-head h2{font-size:25px}.section-head p{font-size:14px}.section-head>button{font-size:13px}.media-grid{gap:18px}.media-card>span{height:auto;aspect-ratio:4/3}.media-card>span>small{font-size:11px}.media-card>strong{font-size:17px;line-height:1.35;margin-top:12px}.media-card>em{font-size:13px}.duet-row{padding:18px}.duet-row img{width:88px;height:88px}.duet-row>div span{font-size:11px}.duet-row strong{font-size:18px}.duet-row small{font-size:14px}.duet-row>button{height:44px;font-size:13px}.sing-hub{padding-top:48px;text-align:left}.sing-intro{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:44px}.sing-intro h1{font-size:clamp(38px,4vw,52px);line-height:1.1;letter-spacing:-.045em;margin:12px 0}.sing-intro p{max-width:700px;margin:0;color:var(--second);font-size:16px;line-height:1.75}.ready-banner{height:152px;position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--s2)}.ready-banner>img{width:100%;height:100%;object-fit:cover;opacity:.38}.ready-banner>span{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;display:flex;justify-content:center;flex-direction:column;background:linear-gradient(90deg,#080a12f0,#080a124d)}.ready-banner>span>i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #6fdca4b3}.ready-banner small{color:var(--green);font-size:11px;font-weight:800;margin-top:8px}.ready-banner strong{font-size:18px;margin-top:3px}.ready-banner em{font-style:normal;color:var(--second);font-size:12px}.sing-options{max-width:none;margin:34px 0 28px;gap:18px}.sing-options>button{min-height:330px;padding:28px}.option-top{display:flex;align-items:center;justify-content:space-between}.sing-options .option-top small{margin:0;font-size:12px}.sing-options h2{font-size:26px;margin:24px 0 8px}.sing-options p{font-size:15px;line-height:1.65}.sing-options ul{list-style:none;padding:0;margin:18px 0;display:flex;flex-direction:column;gap:8px;color:var(--second);font-size:13px}.sing-options li{display:flex;align-items:center;gap:7px}.sing-options li svg{color:var(--green)}.sing-options em{font-size:14px}.recent-strip{max-width:none}.recent-strip>div{padding:20px 24px}.recent-strip span{font-size:11px}.recent-strip strong{font-size:16px}.recent-strip small{font-size:13px}.flow-page{max-width:1280px}.flow-title h1{font-size:32px}.flow-title p{font-size:14px}.flow-title>button{width:46px;height:46px}.flow-progress{margin-block:30px;padding:18px 22px}.flow-progress span{width:30px;height:30px;font-size:13px}.flow-progress em{font-size:13px}.picker-grid{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.picker-grid>section,.recommend-panel{padding:22px}.song-search{height:52px}.song-search input{font-size:15px}.song-search kbd{font-size:12px}.tabs{gap:8px;padding:18px 0}.tabs button{height:40px;padding-inline:15px;font-size:13px}.song-list{gap:10px}.song-list>button{min-height:88px;padding:12px}.song-list img{width:64px;height:64px}.song-list small{font-size:11px}.song-list strong{font-size:16px}.song-list em,.rights{font-size:12px}.recommend-panel>span{font-size:11px}.recommend-panel>img{height:210px}.recommend-panel h2{font-size:25px}.recommend-panel p,.recommend-panel>div{font-size:13px}.method-grid{max-width:none;margin:32px 0 24px;gap:20px}.method-grid>button{min-height:440px;padding:0 24px 26px;overflow:hidden}.method-image{height:170px;margin:0 -24px 24px;position:relative;overflow:hidden}.method-image>img{width:100%;height:100%;object-fit:cover;opacity:.64}.method-image:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,var(--s2))}.method-image .option-icon{position:absolute;z-index:2;left:20px;bottom:12px}.method-image>small{position:absolute!important;z-index:2;right:16px!important;top:16px!important;font-size:11px!important}.method-grid h2{font-size:26px;margin:0 0 8px}.method-grid p{font-size:15px;line-height:1.6}.method-grid>button>b{margin-top:18px;color:var(--second);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.method-grid>button>b svg{color:var(--green)}.method-grid em{font-size:14px}.method-note{font-size:13px}.settings-layout,.equipment-layout{gap:22px}.song-visual h2{font-size:34px}.song-visual p,.song-visual button{font-size:14px}.song-visual>div>span{font-size:11px}.settings-panel{padding:22px;gap:11px}.setting-row{min-height:84px;padding:16px 18px}.setting-row strong{font-size:16px}.setting-row small{font-size:13px}.stepper button{width:42px;height:42px;font-size:18px}.stepper b,.range-row>b{font-size:15px}.select-row>div button{height:40px;font-size:13px}.safe-copy{padding:14px}.safe-copy strong{font-size:14px}.safe-copy small{font-size:12px}.level-test,.checklist{padding:34px}.level-test h2{font-size:28px}.level-test>p{font-size:14px}.level-label{font-size:12px}.checklist h2{font-size:24px}.checklist>div{min-height:76px;padding:13px 15px}.checklist>div strong{font-size:15px}.checklist>div small,.checklist>div em,.checklist>p{font-size:12px}.record-screen>header button,.record-screen>header>span:last-child,.rec{font-size:13px}.record-screen>header strong{font-size:15px}.record-time{font-size:14px}.record-screen>footer>span:nth-last-child(2){font-size:12px}.record-screen>footer .finish-now{min-height:44px;font-size:13px}.pitch-guide>span{font-size:11px}.review-head h1{font-size:36px}.review-head p{font-size:15px}.review-tabs button{height:50px;font-size:15px}.review-player>span{font-size:22px}.review-player>span small{font-size:13px}.review-grid>aside h2{font-size:25px}.review-grid>aside>p{font-size:14px}.hint-card{padding:16px}.hint-card>span{font-size:12px}.hint-card strong{font-size:15px}.review-grid aside>label{font-size:14px}.wave-timeline{font-size:12px}.publish-form h1{font-size:34px}.publish-form>p,.publish-form>label,.visibility>span{font-size:14px}.publish-preview>span{font-size:11px}.publish-preview h2{font-size:26px}.publish-preview p{font-size:14px}.visibility button{min-height:70px;padding:13px}.visibility button strong{font-size:15px}.visibility button small{font-size:13px}.rights-note strong{font-size:14px}.rights-note small{font-size:12px}.success-page>p{font-size:16px}.success-card strong{font-size:17px}.success-card small,.success-card em{font-size:13px}.rich-page{padding-top:64px}.rich-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.rich-title h1{font-size:clamp(36px,4vw,50px);letter-spacing:-.045em;margin:10px 0 8px}.rich-title p{font-size:16px;line-height:1.7;color:var(--second);margin:0}.discover-search{height:58px;max-width:720px;margin:34px 0 18px;padding:0 18px;border:1px solid var(--line2);border-radius:14px;background:var(--s2);display:flex;align-items:center;gap:12px}.discover-search svg{color:var(--accent)}.discover-search input{flex:1;border:0;outline:0;background:none;color:var(--text);font-size:16px}.genre-row{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}.genre-row button{height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--s2);color:var(--second);font-size:13px}.genre-row button.active{border-color:#c79bff80;background:#8b3dff24;color:var(--accent)}.discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.discover-grid>button{min-height:110px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--s2);color:inherit;display:flex;align-items:center;text-align:left;gap:13px}.discover-grid>button>img{width:86px;height:86px;border-radius:10px;object-fit:cover}.discover-grid>button>span{display:flex;flex-direction:column;gap:4px}.discover-grid strong{font-size:16px}.discover-grid small{font-size:12px;color:var(--second)}.discover-grid em{font-style:normal;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}.discover-grid>button>svg{margin-left:auto}.creator-strip{margin-top:44px;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--s1);display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:14px;align-items:center}.creator-strip h2{font-size:22px;margin:10px 0}.creator-strip>button{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--s2);color:inherit;display:grid;grid-template-columns:52px 1fr;text-align:left;gap:2px 10px}.creator-strip img{grid-row:1/4;width:52px;height:52px;object-fit:cover;border-radius:50%}.creator-strip strong{font-size:14px}.creator-strip small{font-size:11px;color:var(--muted)}.creator-strip button span{font-size:11px;color:var(--accent)}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.room-grid article{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--s2)}.room-grid article>div{height:190px;position:relative}.room-grid img{width:100%;height:100%;object-fit:cover}.room-grid article>div span{position:absolute;top:12px;left:12px;padding:5px 8px;border-radius:6px;background:var(--red);font-size:11px;font-weight:850}.room-grid article>div i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:5px}.room-grid h2{font-size:18px;margin:16px 16px 5px}.room-grid p{font-size:13px;color:var(--second);margin:0 16px}.room-grid footer{padding:14px 16px 16px;display:flex;align-items:center;justify-content:space-between}.room-grid footer span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.room-grid footer button{height:38px;padding:0 13px;border:1px solid rgba(199,155,255,.45);border-radius:999px;background:transparent;color:var(--accent);font-size:12px}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:36px 0 30px}.studio-stats>div{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--s2);display:flex;flex-direction:column;gap:6px}.studio-stats span{font-size:13px;color:var(--second)}.studio-stats strong{font-size:25px}.studio-stats small{font-size:12px;color:var(--green)}.studio-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px}.studio-tabs button{height:48px;border:0;background:none;color:var(--muted);font-size:14px;position:relative}.studio-tabs button.active{color:var(--text);font-weight:750}.studio-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-grid article{padding-bottom:14px;border:1px solid var(--line);border-radius:16px;background:var(--s2);overflow:hidden}.project-grid article>div{height:210px;position:relative}.project-grid img{width:100%;height:100%;object-fit:cover}.project-grid article>div>span{position:absolute;top:12px;left:12px;padding:5px 8px;border-radius:6px;background:#06070eb3;font-size:11px}.project-grid article>div>button{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border:0;border-radius:50%;background:#06070eb8;color:#fff}.project-grid h2{font-size:18px;margin:15px 16px 4px}.project-grid p{font-size:13px;color:var(--second);margin:0 16px}.project-grid footer{display:flex;align-items:center;justify-content:space-between;margin:12px 16px 0}.project-grid footer small{font-size:12px;color:var(--muted)}@media(max-width:1100px){.web-nav button span{display:inline}.web-nav button{min-width:70px;padding-inline:7px}.header-inner{gap:16px}.header-search{width:200px}.sing-intro{grid-template-columns:1fr 340px}.discover-grid,.room-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.creator-strip{grid-template-columns:1fr 1fr}.studio-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.web-header{height:68px}.page{padding:36px 20px 80px}.welcome-row{padding:26px;min-height:auto}.home-insights,.sing-intro{grid-template-columns:1fr}.ready-banner{height:140px}.recommend-panel{display:flex}.method-grid>button{min-height:400px}.rich-title{align-items:flex-start;flex-direction:column}.creator-strip{grid-template-columns:1fr}.room-grid,.discover-grid,.project-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.welcome-row h1{font-size:30px}.continue-grid article>button{display:flex;width:100%;grid-column:1/-1;justify-content:center}.continue-grid article{display:grid;grid-template-columns:50px 1fr}.media-grid,.room-grid,.discover-grid,.project-grid{grid-template-columns:1fr}.sing-intro h1{font-size:36px}.sing-options>button{min-height:300px}.picker-grid{display:block}.recommend-panel{margin-top:16px}.rights{display:flex!important;margin-left:0!important}.studio-stats{grid-template-columns:1fr}.creator-strip>button{min-height:78px}}