:root{--grad-a:#6b4df6;--grad-b:#38b6ff;--ink:#2b2b4d;--ink-soft:#6f76af;--card:#fff;--accent:#6b4df6;--accent-dark:#5238d8;--pink:#ff5c7a;--pink-dark:#e04563;--yellow:#ffc93c;--yellow-dark:#e0ad1f;--record:#ff4757;--record-dark:#d63a48;--shadow:#1e145040;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}.card :focus-visible,.modal :focus-visible,.scene-card :focus-visible{outline-color:var(--accent)}body{color:#fff;background:radial-gradient(900px 500px at 15% -5%, #ffffff24, transparent 60%), radial-gradient(700px 500px at 90% 15%, #ffc93c2e, transparent 55%), linear-gradient(160deg, var(--grad-a), var(--grad-b));background-attachment:fixed;min-height:100vh;margin:0}h1,h2,h3{font-family:"Baloo 2",Nunito,system-ui,sans-serif}.screen{max-width:980px;margin:0 auto;padding:24px 20px 72px}@keyframes popIn{0%{opacity:0;transform:scale(.86)translateY(14px)}60%{opacity:1;transform:scale(1.03)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-12px)rotate(5deg)}}@keyframes wiggle{0%,to{transform:rotate(-2.5deg)scale(1.02)}50%{transform:rotate(2.5deg)scale(1.02)}}@keyframes recPulse{0%,to{box-shadow:0 0 #ff47578c}70%{box-shadow:0 0 0 14px #ff475700}}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.pop-in{animation:.45s cubic-bezier(.34,1.56,.64,1) both popIn}.wiggle-hover:hover{animation:.45s ease-in-out infinite wiggle}.rec-pulse{animation:1.2s ease-out infinite recPulse}@media (prefers-reduced-motion:reduce){.pop-in,.wiggle-hover:hover,.rec-pulse,.hero-emojis span{animation:none!important}}.site-header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1410308c;border-bottom:1px solid #ffffff26;position:sticky;top:0}.header-inner{align-items:center;gap:18px;max-width:1040px;margin:0 auto;padding:10px 20px;display:flex}.brand{color:#fff;flex-shrink:0;align-items:center;gap:8px;font-family:"Baloo 2",sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.brand-mark{font-size:1.4rem}.main-nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav-link{color:#ffffffd9;white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{color:#fff;background:#ffffff24}.nav-link.active{color:var(--accent);background:#fff}.page-head{text-align:center;padding:24px 0 18px}.page-head h1{text-shadow:0 3px #1e145040;margin:0 0 4px;font-size:2.2rem}.page-head p{color:#ffffffe6;margin:0;font-weight:600}.how-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:8px 0;display:grid}.how-card{background:#ffffff24;border:1px solid #ffffff38;border-radius:16px;padding:16px;position:relative}.how-card h4{margin:8px 0 4px;font-size:1.05rem}.how-card p{opacity:.9;margin:0;font-size:.85rem;font-weight:600}.how-num{background:var(--yellow);color:#5b4300;border-radius:50%;place-items:center;width:28px;height:28px;font-family:"Baloo 2",sans-serif;font-weight:800;display:grid}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}a.btn{align-items:center;text-decoration:none;display:inline-flex}.empty-state{text-align:center;background:#ffffff24;border:2px dashed #ffffff4d;border-radius:20px;padding:36px 24px}.empty-emoji{margin-bottom:8px;font-size:3rem;display:block}.empty-state h3{margin:0 0 6px}.empty-state p{opacity:.9;margin:0 0 16px;font-weight:600}.step-bar{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.step-dot{cursor:pointer;background:#ffffff4d;border:0;border-radius:999px;width:28px;height:6px;padding:0;transition:background .2s,transform .2s;position:relative}.step-dot:before{content:"";position:absolute;inset:-19px -8px}.step-dot:hover:not(:disabled){background:#fff9}.step-dot:disabled{cursor:default}.step-dot.done{background:var(--yellow)}.step-dot.active{background:#fff;transform:scaleY(1.6)}.alert-box{border:2px solid var(--yellow);color:#6b4b00;background:#fff4e5;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;font-size:.9rem;font-weight:700;display:flex}.alert-icon{flex-shrink:0;font-size:1.4rem}.alert-text{flex:1}.speaker-tag{color:var(--accent-dark);letter-spacing:.04em;white-space:nowrap;background:#efeaff;border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:800}.perf-row.static{cursor:default}.perf-row.static:hover{background:#f6f7fd;transform:none}.hero{text-align:center;padding:30px 0 18px;position:relative}.hero h1{letter-spacing:.01em;text-shadow:0 4px #1e145040;margin:0 0 6px;font-size:3.2rem;font-weight:800}.hero p{color:#ffffffe6;margin:0;font-size:1.1rem;font-weight:600}.hero-emojis{justify-content:center;gap:26px;height:2.6rem;font-size:2.2rem;display:flex}.hero-emojis span{display:inline-block}.hero-emojis .float-a{animation:3.2s ease-in-out infinite floaty}.hero-emojis .float-b{animation:2.7s ease-in-out .4s infinite floaty}.hero-emojis .float-c{animation:3.6s ease-in-out .8s infinite floaty}.mkd-banner{background:linear-gradient(120deg,#ff5c7a,#ff9a5c);border-radius:22px;align-items:center;gap:20px;margin:14px 0 8px;padding:20px 24px;display:flex;box-shadow:0 8px #1e145038}.mkd-banner-text{flex:1}.mkd-banner h2{margin:0 0 4px;font-size:1.5rem}.mkd-banner p{opacity:.95;margin:0;font-size:.95rem;font-weight:600}.section-title{text-shadow:0 3px #1e145033;margin:26px 0 12px;font-size:1.4rem}.scene-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;display:grid}.scene-card{background:var(--card);color:var(--ink);box-shadow:0 7px 0 var(--shadow);border-radius:20px;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.scene-card:hover{box-shadow:0 13px 0 var(--shadow);transform:translateY(-6px)rotate(-1deg)}.scene-thumb{background:linear-gradient(135deg,#d9d3ff,#c2e8ff);place-items:center;height:130px;font-size:3.2rem;display:grid}.scene-thumb.yt{padding:0}.scene-thumb.yt img{object-fit:cover;width:100%;height:100%}.scene-body{flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.scene-body h3{margin:0;font-size:1.15rem}.scene-source{color:var(--accent);font-size:.85rem;font-weight:700}.scene-meta{color:var(--ink-soft);font-size:.8rem;font-weight:600}.scene-actions{gap:8px;margin-top:12px;display:flex}.scene-actions .btn:first-child{flex:1}.hint{color:var(--ink-soft);margin:8px 0 0;font-size:.82rem;font-weight:600}.screen>.hint.center,.hint.center{text-align:center;color:#ffffffd9;display:block}.error-text{color:var(--pink);margin:8px 0 0;font-size:.85rem;font-weight:700}.btn{color:var(--ink);cursor:pointer;background:#eef0fb;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:11px 16px;font-family:"Baloo 2",Nunito,sans-serif;font-size:.95rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;box-shadow:0 4px #1e14502e}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #0000}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-dark)}.btn.cta{background:var(--yellow);color:#5b4300;box-shadow:0 4px 0 var(--yellow-dark);font-size:1.02rem}.btn.record{background:var(--record);color:#fff;box-shadow:0 4px 0 var(--record-dark)}.btn.danger-ghost{color:var(--pink-dark);background:#ffe3e8;box-shadow:0 4px #e0456359}.btn.sm{border-radius:11px;min-height:38px;padding:7px 12px;font-size:.85rem;position:relative}.btn.sm:after{content:"";position:absolute;inset:-3px 0}.btn.big{min-height:52px;padding:15px 28px;font-size:1.15rem}.title-link{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.title-link:hover{color:var(--accent)}.studio-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.studio-title{text-align:center;font-size:1.05rem}.studio-title .scene-source{color:#ffffffd9}.progress-pill{white-space:nowrap;background:#ffffff2e;border:2px solid #ffffff59;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:800}.card{background:var(--card);color:var(--ink);box-shadow:0 7px 0 var(--shadow);border-radius:20px;margin-bottom:16px;padding:16px}.card-title{margin:0 0 12px;font-size:1.15rem}.player-frame{aspect-ratio:16/9;background:#14122b;border-radius:14px;position:relative;overflow:hidden}.player-fill,.player-frame iframe,.player-frame video{object-fit:contain;border:0;width:100%;height:100%;position:absolute;inset:0}.player-shield{position:absolute;inset:0}.player-loading{color:#cfd3ff;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.player-error{z-index:2;text-align:center;color:#fff;background:#0e0b24f0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.player-error-icon{font-size:2.6rem}.player-error p{max-width:42ch;margin:0;font-size:.95rem;font-weight:700}.video-stage{position:relative}.line-info{text-align:center;margin:4px 0 14px}.line-count{color:#fffc;font-size:.85rem;font-weight:700}.speaker{color:var(--yellow);letter-spacing:.06em;text-shadow:0 2px #1e14504d;margin-top:4px;font-family:"Baloo 2",sans-serif;font-weight:800}.subtitle{text-shadow:0 2px #1e145040;margin-top:2px;font-size:1.35rem;font-weight:800}.waveform-box{padding:14px}.wave-canvas{background:#0e0b24;border:2px solid #22d3ee59;border-radius:12px}.legend{color:var(--ink-soft);align-items:center;gap:8px;margin-top:8px;font-size:.8rem;font-weight:700;display:flex}.legend .dot{border-radius:4px;width:11px;height:11px;margin-left:10px;display:inline-block}.legend .dot.orig{background:#22d3ee;box-shadow:0 0 6px #22d3eecc}.legend .dot.mine{background:#e847d6;box-shadow:0 0 6px #e847d6cc}.controls{flex-wrap:wrap;gap:10px;display:flex}.controls.center{justify-content:center}.sub-overlay{text-align:center;pointer-events:none;padding:0 20px;position:absolute;bottom:22px;left:0;right:0}.sub-speaker{color:var(--yellow);letter-spacing:.06em;text-shadow:0 2px 3px #000;margin-bottom:4px;font-family:"Baloo 2",sans-serif;font-size:.85rem;font-weight:800;display:block}.sub-text{color:#fff;background:#0a081eb8;border-radius:12px;padding:7px 16px;font-size:1.15rem;font-weight:700;display:inline-block}.input{color:var(--ink);background:#f1f2fb;border:2px solid #dcdff2;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6b4df633}.input.sm{padding:8px 10px;font-size:.85rem}.url-row{gap:10px;display:flex}.url-row .input{flex:1}.transport{align-items:center;gap:12px;margin-top:12px;display:flex}.scrub{accent-color:var(--accent);cursor:pointer;flex:1;height:6px}.time-label{font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap;font-size:.85rem;font-weight:800}.mark-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.marking-chip{color:var(--record-dark);background:#ffe3e8;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:800}.line-list{flex-direction:column;gap:8px;display:flex}.line-row{background:#f6f7fd;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.line-no{background:var(--accent);color:#fff;border-radius:50%;place-items:center;min-width:26px;height:26px;font-size:.8rem;font-weight:800;display:grid}.speaker-input{max-width:140px}.subtitle-input{flex:1}.time-chip{font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap;background:#e6e9f8;border-radius:8px;padding:5px 8px;font-size:.75rem;font-weight:800}.meta-row{gap:10px;margin-bottom:12px;display:flex}.share-box{color:#1e7a41;background:#eefbf1;border:2px dashed #6bcf8f;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:.85rem;font-weight:800;display:flex}.share-url{background:#fff;flex:1}.user-bar{justify-content:flex-end;align-items:center;gap:10px;min-height:40px;display:flex}.user-avatar{border:2px solid #fff9;border-radius:50%;width:32px;height:32px}.user-name{font-size:.9rem;font-weight:800}.user-hint{color:#fffc;font-size:.8rem;font-weight:700}.modal-backdrop{z-index:100;background:#0f0a288c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--card);color:var(--ink);text-align:center;width:calc(100% - 40px);max-width:380px;box-shadow:0 10px 0 var(--shadow);border-radius:20px;padding:24px}.modal h3{margin:0 0 8px;font-size:1.3rem}.modal-text{color:var(--ink-soft);margin:0 0 16px;font-size:.9rem;font-weight:600}.modal-google{justify-content:center;min-height:44px;display:flex}.modal-close{margin-top:16px}.error-text.center{text-align:center}.user-avatar.initial{background:var(--accent);color:#fff;place-items:center;font-size:.95rem;font-weight:800;display:inline-grid}.divider{color:var(--ink-soft);align-items:center;gap:12px;margin:14px 0;font-size:.8rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:#e6e8f5;border-radius:2px;flex:1;height:2px}.email-form{flex-direction:column;gap:10px;display:flex}@keyframes otpPop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes otpShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.otp-row{justify-content:center;gap:8px;margin:18px 0 10px;display:flex}.otp-box{text-align:center;width:46px;height:58px;color:var(--ink);caret-color:var(--accent);background:#f1f2fb;border:2px solid #dcdff2;border-radius:14px;outline:none;font-family:"Baloo 2",sans-serif;font-size:1.7rem;font-weight:800;transition:border-color .12s,box-shadow .12s,background .12s}.otp-box:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6b4df638}.otp-box.filled{border-color:var(--accent);background:#efeaff;animation:.18s ease-out otpPop}.otp-row.otp-error{animation:.4s ease-in-out otpShake}.otp-row.otp-error .otp-box{border-color:var(--record);background:#ffecee}.otp-box:disabled{opacity:.6}.otp-actions{justify-content:center;gap:10px;margin-top:14px;display:flex}.discover-bar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.discover-bar .input{flex:1}.sort-tabs{gap:6px;display:flex}.scene-thumb{position:relative}button.scene-thumb{cursor:pointer;width:100%;font:inherit;border:0;padding:0;display:block}.dub-count-badge{color:#fff;background:#0a081ebf;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:800;position:absolute;bottom:8px;right:8px}@keyframes scorePop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes scoreFill{0%{width:0}}.score-card{color:#4a3200;text-align:center;background:linear-gradient(135deg,#ffc93c,#ff9a5c);border-radius:20px;margin-bottom:16px;padding:18px;animation:.5s cubic-bezier(.34,1.56,.64,1) both scorePop;box-shadow:0 7px #1e145038}.score-emoji{font-size:2.4rem;line-height:1}.score-value{font-family:"Baloo 2",sans-serif;font-size:3rem;font-weight:800;line-height:1.1}.score-label{font-size:1rem;font-weight:800}.score-bar{background:#ffffff73;border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.score-fill{background:#fff;border-radius:999px;height:100%;animation:.9s cubic-bezier(.34,1.4,.64,1) both scoreFill}.line-score{color:var(--accent-dark);background:#efeaff;border-radius:999px;margin-left:auto;padding:4px 12px;font-size:.8rem;font-weight:800}.score-badge{white-space:nowrap;color:var(--ink-soft);background:#eef0fb;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:800}.score-badge.gold{color:#8a6100;background:#fff3cd}.score-badge.silver{color:#55627a;background:#eceff5}.score-badge.bronze{color:#8a5223;background:#fbe6d5}.score-badge.none{opacity:.5}.detail-head{align-items:flex-start;gap:16px;display:flex}.detail-thumb{border-radius:14px;flex-shrink:0;width:200px}.detail-info{flex-direction:column;flex:1;gap:4px;display:flex}.detail-info h2{margin:0}.detail-cta{align-self:flex-start;margin-top:12px}.perf-list{flex-direction:column;gap:8px;display:flex}.perf-row-wrap{align-items:center;gap:6px;display:flex}.perf-row-wrap .perf-row{flex:1;min-width:0}.detail-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.perf-row{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:#f6f7fd;border:0;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;transition:transform .12s,background .12s;display:flex}.perf-row:hover{background:#eceefb;transform:translate(3px)}.rank{min-width:26px;height:26px;color:var(--ink-soft);background:#e6e9f8;border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.rank-1{color:#6b4b00;background:#ffd76a}.rank-2{color:#4a5568;background:#dfe4ec}.rank-3{color:#7a441a;background:#f3c69c}.perf-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.perf-avatar.initial{background:var(--accent);color:#fff;place-items:center;font-size:.85rem;font-weight:800;display:inline-grid}.perf-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:56px;height:32px}.perf-name{flex:1;font-size:.92rem;font-weight:800}.perf-time{color:var(--ink-soft);font-size:.78rem;font-weight:700}.perf-play{color:var(--accent);font-weight:800}.profile-head{align-items:center;gap:16px;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:72px;height:72px}.profile-avatar.initial{background:var(--accent);color:#fff;place-items:center;font-family:"Baloo 2",sans-serif;font-size:2rem;font-weight:800;display:grid}.profile-meta{flex:1}.profile-meta h2{margin:0 0 8px}.stat-row{flex-wrap:wrap;gap:20px;display:flex}.stat{flex-direction:column;display:flex}.stat strong{color:var(--accent);font-family:"Baloo 2",sans-serif;font-size:1.5rem;line-height:1}.stat span{color:var(--ink-soft);font-size:.78rem;font-weight:700}.center-card{text-align:center}.user-chip{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:4px;transition:background .15s;display:flex}.user-chip:hover{background:#ffffff26}.room-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.room-code-label{opacity:.85;font-size:.75rem;font-weight:700}.room-code{letter-spacing:.18em;text-shadow:0 3px #1e145040;font-family:"Baloo 2",monospace;font-size:2.2rem;font-weight:800;line-height:1}.room-head-right{align-items:center;gap:10px;display:flex}.conn-dot{background:var(--yellow);border-radius:50%;flex-shrink:0;width:10px;height:10px}.conn-dot.open{background:#4ade80}.conn-dot.closed,.conn-dot.error{background:var(--record)}.conn-dot.connecting{animation:1s ease-in-out infinite skPulse}.room-scene{align-items:center;gap:12px;display:flex}.room-scene .perf-thumb{width:96px;height:54px}.player-list{flex-wrap:wrap;gap:8px;display:flex}.player-chip{background:#f6f7fd;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:.88rem;font-weight:700;display:flex}.player-chip.offline{opacity:.45}.player-avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:grid}.player-name{color:var(--ink)}.player-tag{color:var(--ink-soft);background:#e6e9f8;border-radius:6px;padding:2px 6px;font-size:.7rem;font-weight:800}.player-tag.me{background:var(--yellow);color:#5b4300}.player-progress{color:var(--ink-soft);font-size:.8rem;font-weight:800}.room-progress{text-align:center;opacity:.9;margin-bottom:12px;font-size:.9rem;font-weight:700}.code-input{letter-spacing:.25em;text-align:center;text-transform:uppercase;font-family:"Baloo 2",monospace;font-size:1.4rem}.sub-who{opacity:.85;font-weight:700}.room-entry{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.entry-card{flex-direction:column;gap:10px;display:flex}.entry-card .btn{margin-top:auto}.line-strip{gap:4px;margin-bottom:12px;display:flex}.strip-cell{background:#ffffff47;border-radius:999px;flex:1;height:8px;transition:background .2s,transform .2s}.strip-cell.done{background:var(--yellow)}.strip-cell.active{background:#fff;transform:scaleY(1.7)}.scene-card.selected{outline:3px solid var(--yellow);outline-offset:2px}.upload-drop{cursor:pointer;text-align:center;background:#f6f7fd;border:3px dashed #d2d6ee;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:36px 20px;transition:border-color .15s,background .15s;display:flex}.upload-drop:hover{border-color:var(--accent);background:#f0f1fc}.upload-icon{font-size:2.8rem}.upload-preview{background:#000;border-radius:12px;width:100%;max-height:340px;display:block}.upload-meta{color:var(--ink-soft);align-items:center;gap:10px;margin:10px 0;font-size:.85rem;font-weight:700;display:flex}.upload-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.trim-box{background:#f6f7fd;border-radius:12px;margin-bottom:10px;padding:12px}.trim-title{margin:0 0 8px;font-size:.95rem}.trim-row{flex-direction:column;gap:8px;display:flex}.trim-row label{color:var(--ink-soft);align-items:center;gap:10px;font-size:.82rem;font-weight:800;display:flex}.trim-row label>span{min-width:58px}.trim-row .scrub{flex:1}.trim-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.rights-check{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:10px;margin:12px 0;font-size:.85rem;font-weight:600;display:flex}.rights-check input{flex-shrink:0;width:18px;height:18px;margin-top:3px}.upload-progress{background:#e6e9f8;border-radius:999px;place-items:center;height:26px;margin:10px 0;display:grid;position:relative;overflow:hidden}.upload-bar{background:var(--accent);transition:width .2s;position:absolute;inset:0 auto 0 0}.upload-progress span{color:var(--ink);font-size:.78rem;font-weight:800;position:relative}.uploaded-head{align-items:center;gap:12px;display:flex}.uploaded-head .perf-thumb{width:96px;height:54px}.uploaded-head>div{flex:1;min-width:0}@keyframes countPop{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.countdown-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0f0a28b8;place-content:center;justify-items:center;gap:8px;display:grid;position:fixed;inset:0}.countdown-num{color:#fff;text-shadow:0 6px #1e145059;font-family:"Baloo 2",sans-serif;font-size:7rem;font-weight:800;line-height:1;animation:.35s cubic-bezier(.34,1.56,.64,1) countPop}.countdown-hint{color:#fff;flex-direction:column;align-items:center;gap:4px;font-size:1.1rem;font-weight:800;display:flex}.countdown-cancel{opacity:.7;font-size:.8rem;font-weight:700}@media (prefers-reduced-motion:reduce){.countdown-num{animation:none}}.wave-note{color:var(--ink-soft);margin-left:auto;font-size:.75rem;font-weight:700}.score-detail{opacity:.9;justify-content:center;gap:14px;margin-top:10px;font-size:.78rem;font-weight:800;display:flex}.score-detail span{flex-direction:column;align-items:center;display:flex}.score-detail b{font-size:1.1rem}@keyframes heartPop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.like-btn{min-height:38px;color:var(--ink-soft);cursor:pointer;background:#f1f2fb;border:0;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-family:"Baloo 2",sans-serif;font-size:.85rem;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.like-btn:hover{background:#ffe3e8}.like-btn.liked{color:var(--pink-dark);background:#ffe3e8}.like-btn.pop .like-heart{animation:.32s ease-out heartPop}.like-btn.big{min-height:44px;padding:10px 18px;font-size:1rem}.like-heart{font-size:1.05rem;line-height:1}.like-chip{color:var(--pink-dark);white-space:nowrap;background:#ffe3e8;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.like-btn.big .like-heart{font-size:1.3rem}@media (prefers-reduced-motion:reduce){.like-btn.pop .like-heart{animation:none}}@keyframes skPulse{0%,to{opacity:.5}50%{opacity:.85}}.sk{background:linear-gradient(90deg,#e6e9f8,#f2f4fc,#e6e9f8);border-radius:8px;animation:1.4s ease-in-out infinite skPulse}.skeleton-card{pointer-events:none}.skeleton-card:hover{box-shadow:0 7px 0 var(--shadow);transform:none}.sk-thumb{border-radius:0;height:130px}.sk-line{height:13px;margin:5px 0}.sk-btn{border-radius:14px;height:44px;margin-top:12px}.sk-avatar{border-radius:50%;flex-shrink:0;width:30px;height:30px}.w70{width:70%}.w60{width:60%}.w50{width:50%}.w40{width:40%}.skeleton-row{pointer-events:none}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.error-detail{color:var(--ink-soft);text-align:left;background:#f6f7fd;border-radius:10px;margin:12px 0;padding:10px;font-size:.78rem;overflow-x:auto}.toast{background:var(--ink);color:#fff;z-index:50;border-radius:999px;padding:12px 22px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) both toastUp;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}@media (width<=640px){.hero h1{font-size:2.3rem}.mkd-banner{text-align:center;flex-direction:column}.discover-bar{flex-direction:column;align-items:stretch}.hero-actions{flex-direction:column}.header-inner{gap:10px;padding:8px 12px}.brand-name{display:none}.brand-mark{font-size:1.6rem}.main-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:1;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.nav-link{padding:8px 10px;font-size:.8rem}.user-name{display:none}.studio .action-bar{z-index:30;padding:10px 20px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141030d1;border-top:1px solid #ffffff2e;grid-template-columns:1fr 1fr;gap:8px;margin:0 -20px -72px;display:grid;position:sticky;bottom:0}.studio .action-bar .btn{width:100%;padding:11px 8px;font-size:.88rem}.studio .action-bar .btn.record,.studio .action-bar .btn.primary{grid-column:1/-1}.studio{padding-bottom:96px}.studio .waveform-box{padding:10px}.studio .subtitle{font-size:1.15rem}.studio .card{margin-bottom:10px;padding:10px}.detail-head{flex-direction:column}.detail-thumb{width:100%}.profile-head{text-align:center;flex-direction:column}.stat-row{justify-content:center}.perf-time{display:none}.meta-row{flex-direction:column}.line-row{flex-wrap:wrap}.speaker-input{width:38%;max-width:none}.subtitle-input{flex:none;order:5;width:100%}}