:root{--ink:#0f172a;--ink-light:#1e293b;--muted:#64748b;--line:#e2e8f0;--line-subtle:#f1f5f9;--paper:#f8fafc;--surface:#fff;--blue:#06f;--blue-glow:#06f6;--blue-dark:#0052cc;--cyan:#00d4ff;--soft-gray:#f1f5f9;--orange:#ff6a3d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:999px;--island-bg:#fffffff5;--island-border:#e2e8f0d9;--island-shadow:0 12px 35px #0f172a0f, 0 2px 6px #00000008}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#0f172a29 var(--paper)}html::-webkit-scrollbar{width:9px}html::-webkit-scrollbar-track{background:var(--paper)}html::-webkit-scrollbar-thumb{background:#0f172a29 padding-box padding-box;border:2px solid #0000;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#0f172a42 padding-box padding-box}body{color:var(--ink);background:var(--paper);min-height:100vh;margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:13px;line-height:1.5;overflow-x:hidden}button,select,textarea,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s,background-color .2s,color .2s,box-shadow .2s}button:active{filter:brightness(.95);transition:transform 40ms,filter 40ms;transform:scale(.94)}button:focus:not(:focus-visible){box-shadow:none!important;outline:none!important}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}textarea::-webkit-resizer{cursor:se-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Crect x='1.5' y='2.5' width='19' height='18' rx='5' fill='%2394a3b8' opacity='0.35'/%3E%3Crect x='1.5' y='1.5' width='19' height='18' rx='5' fill='%23e2e8f0' stroke='%2394a3b8' stroke-width='1.2'/%3E%3Cline x1='15.5' y1='6.5' x2='6.5' y2='15.5' stroke='%231e293b' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='15.5' y1='10.5' x2='10.5' y2='15.5' stroke='%231e293b' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='15.5' y1='14.5' x2='14.5' y2='15.5' stroke='%231e293b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:22px;height:22px}textarea:hover::-webkit-resizer{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Crect x='1.5' y='2.5' width='19' height='18' rx='5' fill='%2393c5fd' opacity='0.5'/%3E%3Crect x='1.5' y='1.5' width='19' height='18' rx='5' fill='%23eff6ff' stroke='%232563eb' stroke-width='1.4'/%3E%3Cline x1='15.5' y1='6.5' x2='6.5' y2='15.5' stroke='%232563eb' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='15.5' y1='10.5' x2='10.5' y2='15.5' stroke='%232563eb' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='15.5' y1='14.5' x2='14.5' y2='15.5' stroke='%232563eb' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}textarea:active::-webkit-resizer{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Crect x='1.5' y='1.5' width='19' height='18' rx='5' fill='%23dbeafe' stroke='%231d4ed8' stroke-width='1.5'/%3E%3Cline x1='15.5' y1='6.5' x2='6.5' y2='15.5' stroke='%231d4ed8' stroke-width='2.4' stroke-linecap='round'/%3E%3Cline x1='15.5' y1='10.5' x2='10.5' y2='15.5' stroke='%231d4ed8' stroke-width='2.4' stroke-linecap='round'/%3E%3Cline x1='15.5' y1='14.5' x2='14.5' y2='15.5' stroke='%231d4ed8' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.landing-page{color:#0f172a;background:radial-gradient(circle at 85% 15%,#0066ff14 0,#0000 35%),radial-gradient(circle at 10% 45%,#38bdf812 0,#0000 30%),radial-gradient(circle at 50% 90%,#6366f10d 0,#0000 40%),#f8fafc;flex-direction:column;min-height:100vh;padding:16px clamp(16px,4vw,60px) 40px;display:flex;overflow-x:clip}.landing-header-wrap{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;width:100%;margin-bottom:10px;display:flex;position:sticky;top:16px}.landing-header{pointer-events:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:9999px;justify-content:space-between;align-items:center;width:100%;max-width:1080px;padding:8px 12px 8px 20px;transition:all .25s;display:flex;box-shadow:0 10px 25px -5px #0f172a12,0 2px 6px -1px #0000000a}.landing-brand{color:#0f172a;letter-spacing:-.04em;flex-shrink:0;align-items:center;gap:10px;font:900 18px/1 Plus Jakarta Sans,Manrope,sans-serif;text-decoration:none;display:inline-flex}.landing-brand img{object-fit:cover;border-radius:8px;width:32px;height:32px;box-shadow:0 2px 8px #06f3}.landing-brand span span{color:#06f}.landing-nav{align-items:center;gap:4px;display:flex}.landing-nav a{color:#475569;border-radius:9999px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}.landing-nav a:hover{color:#06f;background:#0066ff0f}.landing-login{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0000;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;min-height:38px;padding:0 20px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0f172a1f}.landing-login:hover{color:#fff;background:#06f;border-color:#06f;transform:translateY(-1px);box-shadow:0 4px 14px #0066ff59}.landing-login-short{display:none}.landing-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.landing-menu-toggle{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0e6;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s;display:none}.landing-menu-toggle:hover{background:#e2e8f0}.landing-menu-toggle.open{color:#fff;background:#0f172a;border-color:#0f172a;transform:rotate(90deg)}.landing-mobile-dropdown{pointer-events:none;-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;box-sizing:border-box;background:#fffffff7;border:1px solid #e2e8f0e6;border-radius:22px;width:100%;max-width:1080px;max-height:0;margin-top:8px;padding:10px 10px 14px;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),max-height .35s cubic-bezier(.16,1,.3,1),visibility .28s;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%)translateY(-10px)scale(.98);box-shadow:0 20px 40px -10px #0f172a24,0 4px 12px -2px #0000000d}.landing-mobile-dropdown.open{pointer-events:auto;opacity:1;visibility:visible;max-height:480px;transform:translate(-50%)translateY(0)scale(1)}.landing-mobile-nav{flex-direction:column;gap:2px;display:flex}.landing-mobile-nav a{color:#1e293b;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex}.landing-mobile-nav a svg{color:#94a3b8;transition:transform .18s,color .18s}.landing-mobile-nav a:hover,.landing-mobile-nav a:active{color:#06f;background:#0066ff14;transform:translate(2px)}.landing-mobile-nav a:hover svg,.landing-mobile-nav a:active svg{color:#06f;transform:translate(4px)}.landing-mobile-footer{border-top:1px solid #e2e8f0cc;margin-top:8px;padding-top:10px}.landing-mobile-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f 0%,#0052cc 100%);border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:13.5px;font-weight:700;transition:transform .15s,filter .15s;display:flex;box-shadow:0 4px 14px #0066ff59}.landing-mobile-primary-btn:active{filter:brightness(.95);transform:scale(.98)}.landing-mobile-backdrop{-webkit-backdrop-filter:blur(4px);z-index:95;background:#0f172a40;animation:.25s cubic-bezier(.16,1,.3,1) forwards landingFadeIn;position:fixed;inset:0}@keyframes landingFadeIn{0%{opacity:0}to{opacity:1}}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(32px,5vw,64px);width:100%;max-width:1140px;margin:clamp(8px,1.8vh,18px) auto clamp(36px,5vh,52px);display:grid}.landing-copy{max-width:580px}.landing-kicker{color:#0756cf;letter-spacing:.08em;text-transform:uppercase;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.landing-hero h1{letter-spacing:-.05em;color:#0f172a;margin:0 0 12px;font:800 clamp(36px,4.5vw,56px)/1.08 Plus Jakarta Sans,Manrope,sans-serif}.landing-hero p{color:#475569;margin:0;font-size:16px;line-height:1.65}.landing-actions{align-items:center;gap:12px;max-width:480px;margin-top:22px;display:flex}.landing-actions .landing-primary,.landing-actions .landing-secondary{box-sizing:border-box;white-space:nowrap;border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:48px;min-height:48px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex}.landing-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f 0%,#0284c7 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 26px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 12px 24px -6px #0066ff59}.landing-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -6px #0066ff73}.landing-actions .landing-primary{gap:8px;padding:0 16px}.landing-primary-full{display:inline}.landing-primary-short{display:none}.landing-secondary{color:#334155;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.landing-actions .landing-secondary{color:#1e293b;background:#fff;border:1.5px solid #cbd5e1;gap:8px;transition:all .2s;box-shadow:0 2px 6px #0f172a0a}.landing-actions .landing-secondary:hover{color:#06f;background:#f8fafc;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 6px 14px #0f172a14}.landing-reassurance{color:#64748b;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;font-weight:600;display:flex}.landing-reassurance svg{color:#10b981;flex-shrink:0}.landing-product-preview{color:#fff;background:linear-gradient(165deg,#0f172a 0%,#090d16 100%);border:1px solid #1e293b;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a73,0 0 0 1px #ffffff0d}.landing-product-preview:before{content:"";pointer-events:none;background:radial-gradient(circle,#0066ff59,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-80px}.preview-topbar{z-index:1;background:#ffffff05;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;height:46px;padding:0 18px;display:flex;position:relative}.preview-topbar>span:not(.preview-live-badge){background:#ffffff40;border-radius:50%;width:8px;height:8px}.preview-topbar b{color:#94a3b8;margin-left:8px;font-size:11.5px;font-weight:600}.preview-live-badge{color:#34d399;letter-spacing:.05em;background:#10b98133;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.preview-live-badge .pulse-icon{animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.preview-content{z-index:1;padding:24px 22px;position:relative}.preview-label{color:#38bdf8;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.sample-selector-chips{gap:8px;margin:12px 0 16px;padding-bottom:4px;display:flex;overflow-x:auto}.sample-chip{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.sample-chip:hover{color:#fff;background:#ffffff1a}.sample-chip.active{color:#fff;background:#06f;border-color:#06f;box-shadow:0 4px 14px #06f6}.preview-prompt{color:#f1f5f9;background:#ffffff08;border-left:3px solid #06f;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:13.5px;font-style:italic;font-weight:500;line-height:1.5}.preview-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.preview-track.playing-glow{border-color:#0066ff80;box-shadow:0 0 24px #06f3}.preview-art-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f 0%,#00c2ff 100%);border:none;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;transition:transform .15s,filter .15s;display:grid}.preview-art-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.preview-track-meta{flex:1;min-width:0}.preview-track-meta strong{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.preview-track-meta small{color:#94a3b8;align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.preview-bars{flex-shrink:0;align-items:flex-end;gap:3px;height:28px;display:flex}.preview-bars i{background:linear-gradient(#38bdf8,#06f);border-radius:3px;width:3px;height:25%;transition:height .2s}.preview-bars.animating i:first-child{animation:.7s .1s infinite alternate bar-dance}.preview-bars.animating i:nth-child(2){animation:.9s .3s infinite alternate bar-dance}.preview-bars.animating i:nth-child(3){animation:.6s .2s infinite alternate bar-dance}.preview-bars.animating i:nth-child(4){animation:.8s .4s infinite alternate bar-dance}.preview-bars.animating i:nth-child(5){animation:.7s .15s infinite alternate bar-dance}.preview-bars.animating i:nth-child(6){animation:.9s .35s infinite alternate bar-dance}.preview-bars.animating i:nth-child(7){animation:.6s 50ms infinite alternate bar-dance}.preview-bars.animating i:nth-child(8){animation:.8s .25s infinite alternate bar-dance}@keyframes bar-dance{0%{height:20%}50%{height:85%}to{height:40%}}.preview-bars.paused i{height:25%!important}.preview-footer-note{color:#94a3b8;align-items:center;gap:6px;margin-top:14px;font-size:11.5px;display:flex}.preview-footer-note svg{color:#38bdf8}.landing-section-head{text-align:center;max-width:640px;margin:0 auto 28px}.landing-section-head span{letter-spacing:.1em;color:#06f;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.landing-section-head h2{letter-spacing:-.04em;color:#0f172a;margin:0 0 10px;font:800 clamp(24px,3.2vw,36px)/1.15 Plus Jakarta Sans,Manrope,sans-serif}.landing-section-head p{color:#64748b;margin:0;font-size:15px;line-height:1.6}.landing-trust{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:1140px;margin:0 auto 52px;display:grid}.trust-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0f172a08}.trust-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0f172a0f}.trust-icon-box{border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.trust-icon-box.blue{color:#06f;background:#eff6ff}.trust-icon-box.purple{color:#8b5cf6;background:#f5f3ff}.trust-icon-box.green{color:#10b981;background:#ecfdf5}.trust-icon-box.amber{color:#f59e0b;background:#fffbeb}.trust-card b{color:#0f172a;margin-bottom:6px;font-size:15px;font-weight:800;display:block}.trust-card p{color:#64748b;margin:0;font-size:13px;line-height:1.55}.landing-flow{border-top:1px solid #e2e8f0;grid-template-columns:1.25fr repeat(3,1fr);gap:18px;width:100%;max-width:1140px;margin:0 auto 52px;padding-top:32px;display:grid}.landing-flow-intro{padding-right:20px}.landing-flow-intro span{letter-spacing:.1em;color:#06f;text-transform:uppercase;font-size:11px;font-weight:800}.landing-flow-intro h2{letter-spacing:-.04em;color:#0f172a;margin:10px 0 0;font:800 clamp(24px,2.5vw,32px)/1.2 Plus Jakarta Sans,Manrope,sans-serif}.flow-step-number{color:#94a3b8;letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:900}.landing-flow article{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px 20px;position:relative}.landing-flow article svg{color:#06f}.landing-flow article b{color:#0f172a;margin-top:14px;font-size:15px;font-weight:800;display:block}.landing-flow article p{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.55}.landing-styles{width:100%;margin:0 auto 52px}.landing-styles-marquee-wrap{flex-direction:column;gap:8px;width:100%;display:flex}.landing-styles-marquee-strip{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:6px 0;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a05;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.landing-marquee-track{will-change:transform;gap:10px;width:max-content;display:flex}.landing-marquee-track.track-left{animation:64s linear infinite marquee-scroll-left}.landing-marquee-track.track-right{animation:68s linear infinite marquee-scroll-right}.landing-marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.landing-marquee-chip{color:#1e293b;letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;padding:5px 13px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a05}.landing-marquee-chip:hover{color:#06f;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 8px #0066ff1a}.landing-pricing{width:100%;max-width:1140px;margin:0 auto 52px}.landing-trial{text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1.5px solid #bfdbfe;border-radius:16px;flex-direction:column;align-items:center;max-width:500px;margin:0 auto 16px;padding:12px 18px;display:flex}.trial-badge-row{align-items:center;gap:7px;margin-bottom:4px;display:flex}.trial-pill{color:#854d0e;letter-spacing:.05em;background:#fef08a;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:900;display:inline-flex}.trial-badge-row b{color:#0f172a;font-size:14.5px;font-weight:800}.landing-trial p{color:#475569;max-width:420px;margin:0 0 10px;font-size:12.5px;line-height:1.4}.landing-trial .landing-primary{border-radius:10px;gap:6px;min-height:38px;padding:0 18px;font-size:12.5px}.landing-plan-carousel-wrapper{width:100%;position:relative}.landing-plan-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.landing-plan-indicators{display:none}.landing-plan{background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;padding:32px 26px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 20px #0f172a08}.landing-plan:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a12}.landing-plan.featured{border:2px solid #06f;box-shadow:0 12px 35px #0066ff26}.landing-plan-ribbon{color:#fff;letter-spacing:.08em;background:#06f;border-radius:999px;padding:4px 14px;font-size:10.5px;font-weight:900;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-card-header b{color:#0f172a;font-size:20px;font-weight:800;display:block}.plan-card-header small{color:#64748b;margin-top:4px;font-size:13px;display:block}.landing-plan-price{align-items:baseline;gap:4px;margin:22px 0 4px;display:flex}.landing-plan-price .currency{color:#0f172a;font-size:18px;font-weight:800}.landing-plan-price strong{color:#0f172a;font-size:40px;font-weight:900;line-height:1}.landing-plan-price .period{color:#64748b;font-size:14px;font-weight:600}.landing-plan-billed{color:#06f;margin-bottom:8px;font-size:11.5px;font-weight:600}.landing-plan-credits{color:#334155;background:#f1f5f9;border-radius:10px;align-items:center;gap:8px;margin:14px 0 20px;padding:8px 12px;font-size:12.5px;display:inline-flex}.landing-plan-credits svg{color:var(--blue)}.plan-features{flex-direction:column;flex:1;gap:12px;margin:0 0 28px;padding:0;list-style:none;display:flex}.plan-features li{color:#475569;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.plan-features li svg{color:#10b981;flex-shrink:0;margin-top:2px}.btn-plan{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;min-height:46px;font-size:13.5px;font-weight:800;transition:all .2s}.btn-plan:hover{background:#f8fafc;border-color:#94a3b8}.btn-plan.highlight{color:#fff;background:#06f;border:none;box-shadow:0 8px 20px #0066ff4d}.btn-plan.highlight:hover{background:#0055d4;box-shadow:0 10px 24px #06f6}.landing-faq{width:100%;max-width:800px;margin:0 auto 52px}.landing-faq-list{flex-direction:column;gap:10px;display:flex}.landing-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:border-color .2s;overflow:hidden}.landing-faq-item.open{border-color:#bfdbfe}.landing-faq-item button{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.landing-faq-item button svg{color:#64748b;flex-shrink:0;margin-left:12px;transition:transform .2s}.landing-faq-item.open button svg{color:#06f;transform:rotate(180deg)}.landing-faq-item p{color:#475569;margin:0;padding:0 20px 16px;font-size:14px;line-height:1.6}.landing-final-cta{text-align:center;background:radial-gradient(circle at 50% 0,#eff6ff 0%,#fff 70%);border:1px solid #dbeafe;border-radius:28px;flex-direction:column;align-items:center;max-width:680px;margin:0 auto 52px;padding:38px 24px;display:flex}.landing-final-cta h2{letter-spacing:-.04em;color:#0f172a;margin:0 0 10px;font:800 clamp(26px,3.8vw,36px)/1.15 Plus Jakarta Sans,Manrope,sans-serif}.landing-final-cta p{color:#64748b;margin:0 0 22px;font-size:15.5px}.landing-footer{color:#64748b;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1140px;margin:auto auto 0;padding-top:24px;font-size:12.5px;display:flex}.footer-links{gap:20px;display:flex}.footer-links button{color:#64748b;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:12.5px;text-decoration:underline}.footer-links button:hover{color:#0f172a}@media (width<=1024px){.landing-trust{grid-template-columns:repeat(3,1fr)}.landing-flow{grid-template-columns:1fr;gap:16px}.landing-flow-intro{margin-bottom:8px;padding-right:0}.landing-plan-carousel-wrapper{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative;overflow:hidden}.landing-plan-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;gap:16px;max-width:100%;margin:0;padding:16px 24px 20px;display:flex;overflow-x:auto}.landing-plan-grid::-webkit-scrollbar{display:none}.landing-plan{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 calc(85vw - 20px);min-width:260px;max-width:320px}.landing-plan-indicators{justify-content:center;align-items:center;gap:8px;margin-top:6px;padding-bottom:6px;display:flex}.plan-indicator-dot{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.plan-indicator-dot .dot-pill{background:#cbd5e1;border-radius:50%;width:6px;height:6px;transition:all .2s}.plan-indicator-dot.active{color:#06f;background:#eff6ff;border-color:#06f;box-shadow:0 2px 8px #0066ff1f}.plan-indicator-dot.active .dot-pill{background:#06f;transform:scale(1.3)}}@media (width<=768px){.landing-page{padding:12px 14px 40px}.landing-header-wrap{margin-bottom:8px;padding:0;top:12px}.landing-header{flex-wrap:nowrap;gap:10px;padding:9px 10px 9px 16px;box-shadow:0 14px 30px -6px #0f172a1a,0 3px 8px -1px #0000000a}.landing-brand{gap:9px;font-size:17.5px}.landing-brand img{border-radius:9px;width:32px;height:32px}.landing-nav{display:none}.landing-header-actions{gap:8px}.landing-menu-toggle{width:38px;height:38px;display:inline-flex}.landing-login{white-space:nowrap;min-height:38px;padding:0 16px;font-size:12.5px}.landing-mobile-dropdown{width:calc(100% - 28px);margin-top:8px}.landing-hero{grid-template-columns:1fr;gap:24px;margin:8px auto 32px}.landing-hero h1{font-size:32px}.landing-actions{flex-direction:row;align-items:center;gap:10px;width:100%;max-width:100%;display:flex}.landing-actions .landing-primary,.landing-actions .landing-secondary{flex:1 1 0;gap:6px;min-width:0;height:46px;min-height:46px;padding:0 8px;font-size:clamp(12px,3.2vw,13.5px)}.landing-actions .landing-primary svg,.landing-actions .landing-secondary svg{flex-shrink:0;width:15px;height:15px}.landing-primary-full{display:none}.landing-primary-short{display:inline}.landing-reassurance-extra{display:none}.landing-trust{grid-template-columns:1fr;margin:0 auto 36px}.landing-flow{margin:0 auto 36px;padding-top:24px}.landing-styles{margin:0 auto 36px}.landing-styles-marquee-wrap{gap:6px}.landing-styles-marquee-strip{padding:5px 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.landing-marquee-track.track-left{animation:46s linear infinite marquee-scroll-left}.landing-marquee-track.track-right{animation:50s linear infinite marquee-scroll-right}.landing-marquee-chip{padding:4px 11px;font-size:11px}.landing-pricing,.landing-faq{margin:0 auto 36px}.landing-final-cta{margin:0 auto 36px;padding:28px 18px}}@media (width<=380px){.landing-header{gap:8px;padding:8px 8px 8px 12px}.landing-brand{gap:7px;font-size:16px}.landing-brand img{width:28px;height:28px}.landing-login-full{display:none}.landing-login-short{display:inline}.landing-login{min-height:36px;padding:0 12px;font-size:12px}.landing-menu-toggle{width:36px;height:36px}}.auth-container{background-color:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(16px,3vw,40px);display:flex;position:relative;overflow-x:hidden}.auth-ambient-glow{display:none}.auth-ambient-grid{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#0f172a04 1px,#0000 1px),linear-gradient(#0f172a04 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.auth-wrapper{z-index:2;background:#fff;border-radius:28px;grid-template-columns:1.15fr 1fr;width:100%;max-width:1060px;min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #0f172a1f,0 0 0 1px #e2e8f0e6}.auth-hero-panel{color:#fff;background:linear-gradient(155deg,#0d1836 0%,#070d1e 100%);border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:0;display:flex;position:relative}.auth-hero-header{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.auth-hero-visualizer{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.auth-hero-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-hero-center{z-index:1;will-change:transform;flex-direction:column;align-items:center;gap:18px;transition:transform .12s ease-out;display:flex;position:relative}.auth-hero-brand{flex-direction:column;align-items:center;gap:16px;display:flex}.auth-hero-logo-img{aspect-ratio:1;object-fit:cover;border-radius:30px;flex:0 0 120px;width:120px;min-width:120px;height:120px;display:block;box-shadow:0 14px 44px #0066ff80}.auth-logo-badge{align-items:center;gap:9px;display:inline-flex}.auth-logo-icon{background:linear-gradient(135deg, var(--blue) 0%, #00d4ff 100%);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px 18px #06f6}.auth-logo-text{letter-spacing:.5px;color:#fff;font:900 24px/1 Barlow Condensed,sans-serif}.auth-logo-text span{color:var(--cyan)}.auth-logo-text-xl{letter-spacing:3px;text-shadow:0 4px 30px #3b82f666;font-size:64px}.auth-version-pill{color:#00d4ff;letter-spacing:.8px;background:#00d4ff1f;border:1px solid #00d4ff59;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800}.auth-live-status{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite livePulse;box-shadow:0 0 8px #10b981}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.auth-hero-content{margin:32px 0}.auth-hero-tag{color:#38bdf8;letter-spacing:.3px;background:#06f3;border:1px solid #00d4ff4d;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.auth-hero-title{text-transform:uppercase;letter-spacing:.4px;color:#fff;margin:0 0 10px;font:800 36px/1.05 Barlow Condensed,sans-serif}.auth-hero-desc{color:#94a3b8;max-width:440px;margin:0 0 24px;font-size:13px;line-height:1.5}.auth-features-list{gap:12px;display:grid}.auth-feature-item{align-items:center;gap:12px;display:flex}.feature-icon{color:#00d4ff;background:#0066ff26;border:1px solid #00d4ff40;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.auth-feature-item strong{color:#fff;font-size:12px;font-weight:700;display:block}.auth-feature-item span{color:#94a3b8;font-size:11px;display:block}.auth-hero-footer{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding-top:18px;display:flex}.creator-avatars{align-items:center;display:flex}.avatar{color:#fff;background:#1e293b;border:2px solid #0d1836;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-8px;font-size:12px;font-weight:800;display:grid}.avatar:first-child{margin-left:0}.avatar.av-4{background:var(--blue);font-size:9px}.creator-text{color:#94a3b8;font-size:11px;line-height:1.4}.creator-text strong{color:#f8fafc}.auth-card-panel{color:var(--ink);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px 36px;display:flex}.auth-mobile-brand{justify-content:center;width:100%;max-width:380px;margin-bottom:20px;display:none}.auth-mobile-brand .auth-logo-text{color:var(--ink)}.auth-card-header,.auth-form,.auth-card-footer,.auth-alert,.auth-divider,.google-btn-wrapper,.google-gsi-button{width:100%;max-width:380px}.auth-card-header{margin-bottom:20px}.auth-pill-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.pill-tab{color:#64748b;text-align:center;border-radius:9px;padding:9px 16px;font-size:12px;font-weight:800;transition:all .2s}.pill-tab.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #0f172a14}.auth-back-btn{color:var(--blue);background:#0066ff0f;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 10px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.auth-back-btn:hover{background:#0066ff1f}.auth-title-box h1{text-transform:uppercase;color:var(--ink);letter-spacing:.3px;margin:0 0 6px;font:800 28px/1.1 Barlow Condensed,sans-serif}.auth-title-box p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.auth-social-btn{width:100%;height:46px;color:var(--ink-light);background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0d}.auth-social-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 3px 8px #0f172a14}.google-btn-wrapper{box-sizing:border-box;width:100%;max-width:380px;height:46px;margin:0 auto 16px;position:relative}.auth-google-custom-btn{width:100%;height:46px;color:var(--ink-light);box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0d}.google-btn-wrapper:hover .auth-google-custom-btn{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 3px 8px #0f172a14}.google-btn-wrapper.loading .auth-google-custom-btn{opacity:.7;pointer-events:none}.google-svg-icon{flex-shrink:0;display:block}.google-gsi-layer{opacity:.0001;z-index:2;cursor:pointer;border-radius:999px;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.google-gsi-layer>div,.google-gsi-layer iframe{cursor:pointer!important;width:100%!important;height:100%!important}.auth-divider{text-align:center;align-items:center;margin:0 0 18px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.auth-divider span{color:#94a3b8;text-transform:lowercase;padding:0 12px;font-size:11px;font-weight:700}.auth-form{gap:15px;display:grid}.auth-field-group{gap:6px;display:grid}.auth-field-group label{color:var(--ink-light);font-size:12px;font-weight:700}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-link-btn{color:var(--blue);font-size:11px;font-weight:700;transition:color .15s}.auth-link-btn:hover{color:var(--blue-dark);text-decoration:underline}.auth-input-wrapper{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;align-items:center;height:46px;padding:0 12px;transition:all .2s;display:flex;position:relative}.auth-input-wrapper:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #0066ff24}.input-icon{color:#94a3b8;flex-shrink:0;margin-right:10px;transition:color .2s}.auth-input-wrapper:focus-within .input-icon{color:var(--blue)}.auth-input-wrapper input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;width:100%;font-size:13px}.auth-input-wrapper input::placeholder{color:#94a3b8;font-size:12px}.password-toggle-btn{color:#94a3b8;border-radius:6px;place-items:center;padding:4px;transition:color .15s,background .15s;display:grid}.password-toggle-btn:hover{color:var(--ink-light);background:#e2e8f0}.password-strength-box{margin-top:4px}.strength-bars{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:4px;display:grid}.strength-bar-step{border-radius:2px;height:4px;transition:background-color .3s}.strength-caption{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.strength-caption strong{font-size:11px;font-weight:800}.auth-options-row{justify-content:space-between;align-items:center;display:flex}.auth-checkbox-label{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.auth-checkbox-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;place-items:center;width:17px;height:17px;transition:all .15s;display:grid}.auth-checkbox-label input:checked~.checkbox-custom{background:var(--blue);border-color:var(--blue)}.auth-checkbox-label input:checked~.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-top:-2px;transform:rotate(45deg)}.auth-alert{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.4;animation:.2s ease-out alertFadeIn;display:flex}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.auth-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.alert-icon{flex-shrink:0;margin-top:1px}.auth-main-submit{background:linear-gradient(135deg, var(--blue) 0%, #0052cc 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;margin-top:6px;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 20px #0066ff52}.auth-main-submit:hover:not(:disabled){background:linear-gradient(135deg,#1a75ff 0%,#0052cc 100%);transform:translateY(-1px);box-shadow:0 10px 25px #0066ff73}.auth-main-submit .btn-arrow{transition:transform .2s}.auth-main-submit:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.auth-main-submit:disabled{opacity:.7;cursor:not-allowed}.auth-card-footer{text-align:center;margin-top:24px}.auth-card-footer p{color:var(--muted);margin:0 0 12px;font-size:12px}.auth-link-highlight{color:var(--blue);font-weight:800;transition:color .15s}.auth-link-highlight:hover{color:var(--blue-dark);text-decoration:underline}.auth-terms-note{color:#94a3b8;font-size:11px;line-height:1.4}.auth-terms-note span{color:var(--ink-light);cursor:pointer;text-underline-offset:2px;text-decoration:underline}@media (width<=920px){.auth-container{padding:16px 12px}.auth-wrapper{box-sizing:border-box;border-radius:24px;grid-template-columns:1fr;width:100%;max-width:420px;min-height:auto}.auth-hero-panel{display:none}.auth-mobile-brand{display:flex}.auth-card-panel{box-sizing:border-box;align-items:center;width:100%;padding:28px 20px}.auth-title-box{text-align:center}}.auth-loading{min-height:100vh;color:var(--ink);background-color:#f8fafc;place-items:center;font-size:15px;font-weight:800;display:grid}.app-shell{background-color:var(--paper);background-image:linear-gradient(90deg,#0f172a08 1px,#0000 1px),linear-gradient(#0f172a08 1px,#0000 1px);background-size:32px 32px;background-attachment:fixed;flex-direction:column;min-height:100vh;padding-top:76px;padding-bottom:140px;display:flex}.main-content-container{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:0 16px}.island-header-wrap{z-index:50;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed;top:10px;left:0;right:0}.island-header{pointer-events:auto;background:var(--island-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--island-border);width:100%;max-width:1160px;height:54px;box-shadow:var(--island-shadow);border-radius:9999px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px 6px 8px;transition:transform .2s,box-shadow .2s;display:flex}.brand-pill{border-radius:9999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;text-decoration:none;display:flex}.brand-icon{aspect-ratio:1;background:#06f;border-radius:11px;flex:0 0 36px;width:36px;min-width:36px;height:36px;overflow:hidden;box-shadow:0 0 0 1px #0f172a14}.brand-icon img{object-fit:cover;width:100%;height:100%;display:block}.brand-text{letter-spacing:.4px;color:var(--ink);font:900 21px/1 Barlow Condensed,sans-serif}.brand-text span{color:var(--blue)}.brand-text sup{vertical-align:top;color:#94a3b8;margin-left:2px;font:700 8px Manrope}.desktop-island-nav{background:#0f172a0a;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:none}.nav-pill-item{color:var(--muted);background:0 0;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:color .18s;display:flex}.nav-pill-item:hover{color:var(--ink)}.nav-pill-item.active{color:var(--blue);background:0 0;font-weight:800}.header-actions{align-items:center;gap:6px;display:flex}.credits-pill{color:#fff;background:#0f172a;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a1f}.credits-pill:hover{background:#1e293b;transform:translateY(-1px)}.credits-music-icon{color:var(--cyan);filter:drop-shadow(0 0 5px #00d4ff99)}.menu-toggle-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;transition:all .18s;display:grid;position:relative;box-shadow:0 2px 6px #0000000a}.menu-toggle-btn:hover,.menu-toggle-btn.active{color:var(--blue);background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.menu-toggle-btn:active{transform:scale(.94)}.menu-toggle-icon{place-items:center;animation:.22s cubic-bezier(.16,1,.3,1) menuIconSwap;display:grid}@keyframes menuIconSwap{0%{opacity:0;transform:rotate(-70deg)scale(.7)}to{opacity:1;transform:rotate(0)scale(1)}}.menu-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow;position:absolute;top:3px;right:3px;box-shadow:0 0 6px #ef4444cc}.menu-backdrop{overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.28s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.menu-backdrop.is-closing{pointer-events:none;animation:.28s cubic-bezier(.16,1,.3,1) forwards fadeOut}.island-center-menu{-webkit-backdrop-filter:blur(24px);border:1px solid var(--island-border);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0f172a2e transparent;will-change:transform, opacity;background:#fffffffa;border-radius:24px;flex-direction:column;width:100%;max-width:360px;max-height:min(90vh,640px);padding:18px 16px;animation:.28s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow-y:auto;box-shadow:0 20px 50px #0f172a33,0 4px 16px #00000014}.island-center-menu::-webkit-scrollbar{width:10px}.island-center-menu::-webkit-scrollbar-track{background:0 0;margin:18px 0}.island-center-menu::-webkit-scrollbar-thumb{background:#0f172a29 padding-box padding-box;border:3px solid #0000;border-radius:999px}.island-center-menu.is-closing{pointer-events:none;animation:.28s cubic-bezier(.16,1,.3,1) forwards modalPopOut}.drawer-header{border-bottom:1px solid var(--line-subtle);justify-content:center;align-items:center;min-height:40px;margin-bottom:14px;padding-bottom:10px;display:flex;position:relative}.drawer-brand-center{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.drawer-close-btn{width:32px;height:32px;color:var(--muted);background:#f1f5f9;border-radius:50%;place-items:center;transition:background .18s,color .18s,transform .18s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.drawer-close-btn:hover{color:var(--ink);background:#e2e8f0;transform:translateY(-50%)rotate(90deg)}.drawer-close-btn:active{transform:translateY(-50%)rotate(90deg)scale(.9)}.drawer-profile-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex;box-shadow:0 6px 18px #0f172a1f}.drawer-avatar{width:42px;height:42px;color:var(--cyan);background:#1e293b;border:2px solid #00d4ff4d;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:relative}.drawer-online-dot{background:#00d4ff;border:2px solid #0f172a;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:-1px;box-shadow:0 0 6px #00d4ff}.drawer-profile-info{flex:1;min-width:0}.drawer-name-display-row{align-items:center;gap:6px;display:flex}.drawer-name-display-row strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font:700 16px/1.1 Barlow Condensed,sans-serif;display:block;overflow:hidden}.drawer-edit-name-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.drawer-edit-name-btn:hover{color:#00d4ff;background:#fff3;border-color:#00d4ff66}.drawer-name-edit-form{align-items:center;gap:4px;display:flex}.drawer-name-input{color:#fff;background:#020617cc;border:1px solid #00d4ff80;border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 6px;font:700 13px Barlow Condensed,sans-serif}.drawer-name-input:focus{border-color:#00d4ff;box-shadow:0 0 6px #00d4ff4d}.drawer-name-edit-actions{align-items:center;gap:3px;display:flex}.drawer-name-action-btn{cursor:pointer;border-radius:6px;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.drawer-name-action-btn.save{color:#fff;background:#06f}.drawer-name-action-btn.save:hover{background:#0052cc}.drawer-name-action-btn.cancel{color:#94a3b8;background:#ffffff1a}.drawer-name-action-btn.cancel:hover{color:#ef4444;background:#fff3}.drawer-profile-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.drawer-real-notifications{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px 12px;transition:all .2s;display:flex}.drawer-real-notifications.collapsed{background:#f8fafc;margin-bottom:10px;padding:8px 12px}.drawer-notif-header{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.drawer-real-notifications:not(.collapsed) .drawer-notif-header{border-bottom:1px solid var(--line-subtle);padding-bottom:6px}.drawer-real-notifications-title{color:var(--ink);align-items:center;gap:6px;font-size:11px;display:flex}.drawer-real-notifications-title svg{color:var(--blue)}.btn-toggle-notifs{color:#94a3b8;place-items:center;margin-left:2px;transition:color .15s;display:grid}.btn-toggle-notifs:hover{color:var(--blue)}.notif-unread-count-tag{color:var(--blue);background:#0066ff1a;border-radius:6px;padding:1px 6px;font-size:9px;font-weight:800}.btn-mark-all-read{color:var(--muted);cursor:pointer;align-items:center;gap:4px;font-size:10px;font-weight:700;transition:color .15s;display:inline-flex}.btn-mark-all-read:hover{color:var(--blue)}.drawer-notif-actions,.suno-notifs-popover-actions{align-items:center;gap:10px;display:inline-flex}.btn-clear-all{color:var(--muted);cursor:pointer;align-items:center;gap:4px;font-size:10px;font-weight:700;transition:color .15s;display:inline-flex}.btn-clear-all:hover:not(:disabled){color:#ef4444}.btn-clear-all:disabled{opacity:.5;cursor:not-allowed}.btn-clear-all.icon-only{border-radius:8px;justify-content:center;gap:0;min-width:32px;min-height:32px;padding:6px}.drawer-notif-list{scrollbar-width:thin;scrollbar-color:#0f172a26 transparent;flex-direction:column;gap:6px;max-height:140px;padding-right:3px;display:flex;overflow-y:auto}.drawer-notif-list::-webkit-scrollbar{width:4px}.drawer-notif-list::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}.notif-card-item{border:1px solid var(--line-subtle);cursor:pointer;background:#f8fafc;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;transition:all .18s;display:flex}.notif-card-item:hover{background:#f1f5f9;border-color:#cbd5e1}.notif-card-item.unread{background:#0066ff0a;border-color:#06f3}.notif-icon-box{width:28px;height:28px;color:var(--ink);border:1px solid var(--line-subtle);background:#f1f5f9;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.notif-card-item.unread .notif-icon-box{color:var(--blue);background:#0066ff14;border-color:#06f3}.notif-content-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-top-line{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.notif-type-tag{letter-spacing:.04em;color:#475569;border:1px solid var(--line-subtle);background:#f1f5f9;border-radius:5px;width:fit-content;padding:2px 6px;font-size:8px;font-weight:800}.notif-title{color:var(--ink);margin:1px 0 2px;font:700 13px/1.2 Barlow Condensed,sans-serif;display:block}.notif-unread-dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 6px var(--blue);border-radius:50%}.notif-message{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.35}.notif-time{color:#94a3b8;margin-top:2px;font-size:9px}.notif-empty-state{text-align:center;color:var(--muted);padding:18px 10px;font-size:11px}.drawer-nav-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.drawer-nav-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;width:100%;padding:9px 12px;transition:all .18s;display:flex}.drawer-nav-item:hover{background:#f8fafc;border-color:#cbd5e1}.drawer-nav-icon{width:34px;height:34px;color:var(--blue);background:#f1f5f9;border-radius:10px;flex-shrink:0;place-items:center;display:grid;position:relative}.nav-badge-dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 6px var(--blue);border-radius:50%;position:absolute;top:6px;right:6px}.drawer-nav-text{flex:1;min-width:0}.drawer-nav-text strong{font:700 14px/1 Barlow Condensed;display:block}.drawer-nav-text span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.drawer-badge-count{background:var(--blue);color:#fff;border-radius:9999px;padding:3px 7px;font-size:10px;font-weight:800}.drawer-social-section{border-top:1px solid var(--line-subtle);margin-bottom:0;padding-top:12px}.drawer-section-label{letter-spacing:.8px;color:var(--blue);margin-bottom:8px;font-size:10px;font-weight:800;display:block}.social-links-list{flex-direction:column;gap:7px;margin-bottom:10px;display:flex}.social-link-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;transition:all .18s;display:flex}.social-link-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(3px)}.social-icon-box{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.social-link-item.insta .social-icon-box{color:#e1306c;background:#fff0f5}.social-link-item.wpp .social-icon-box{color:#25d366;background:#e8fbf0}.social-link-item.email .social-icon-box,.social-link-item.ticket .social-icon-box{color:#2563eb;background:#eff6ff}.social-link-item.ytb .social-icon-box{color:red;background:#ffebeb}.social-link-text{flex:1;min-width:0}.social-link-text strong{font:700 13px/1 Barlow Condensed;display:block}.social-link-text span{color:var(--muted);margin-top:1px;font-size:11px;display:block}.social-ext-icon{color:#94a3b8}.floating-dock-wrap{z-index:50;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:12px;left:0;right:0}.island-dock,.island-dock-interlocking{pointer-events:auto;filter:drop-shadow(0 14px 30px #0f172a29)drop-shadow(0 4px 10px #0f172a14);align-items:center;width:100%;max-width:390px;height:58px;display:flex;position:relative}.dock-wing{-webkit-backdrop-filter:blur(24px);border:1px solid var(--island-border);box-sizing:border-box;background:#fffffff5;flex:1;justify-content:space-around;align-items:center;min-width:0;height:58px;padding:4px 6px;display:flex}.dock-wing-left{border-right:none;border-radius:9999px 0 0 9999px;padding-right:18px;-webkit-mask-image:radial-gradient(29px at 100%,#0000 28.5px,#000 29px);mask-image:radial-gradient(29px at 100%,#0000 28.5px,#000 29px)}.dock-wing-right{border-left:none;border-radius:0 9999px 9999px 0;padding-left:18px;-webkit-mask-image:radial-gradient(29px at 0%,#0000 28.5px,#000 29px);mask-image:radial-gradient(29px at 0%,#0000 28.5px,#000 29px)}.dock-cutout-ring{border:1px solid var(--island-border);pointer-events:none;box-sizing:border-box;z-index:1;border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dock-circle-btn{border:1px solid var(--island-border);color:#78889b;cursor:pointer;z-index:3;background:#fffffffa;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0f172a1f,0 1px 3px #0000000d}.dock-circle-btn:hover{color:var(--ink);border-color:#2563eb40;transform:translate(-50%,-50%)scale(1.05)}.dock-circle-btn.active{color:var(--blue);background:#fff;border-color:#2563eb66;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 4px 16px #2563eb47}.dock-circle-icon-box{place-items:center;line-height:1;transition:transform .18s;display:grid}.dock-circle-btn.active .dock-circle-icon-box{transform:translateY(-1px)}.dock-btn{color:#94a3b8;background:0 0;border:0;border-radius:9999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 7px;transition:color .18s,transform .18s;display:flex}.dock-icon-box{place-items:center;transition:transform .18s,color .18s;display:grid}.dock-label{letter-spacing:.2px;font-size:10.5px;font-weight:700;transition:color .18s}.dock-btn:hover{color:var(--ink)}.dock-btn.active{color:var(--blue);background:0 0}.dock-btn.active .dock-label{color:var(--blue);font-weight:800}.dock-btn.active .dock-icon-box{color:var(--blue);transform:translateY(-1px)}.dock-btn.dock-btn-center{color:#78889b;padding:6px 7px}.dock-btn.dock-btn-center .dock-label{letter-spacing:.25px;font-weight:750}.dock-btn.dock-btn-center:hover{color:var(--ink)}.dock-btn.dock-btn-center.active{color:var(--blue)}.dock-btn.dock-btn-center.active .dock-label{color:var(--blue);font-weight:800}.dock-btn.dock-btn-center.active .dock-icon-box{color:var(--blue);filter:drop-shadow(0 2px 6px #2563eb4d);transform:translateY(-2px)}.floating-player-wrap{z-index:45;pointer-events:none;justify-content:center;padding:0 12px;animation:.25s rise;display:flex;position:fixed;bottom:80px;left:0;right:0}.island-player-bar{pointer-events:auto;-webkit-backdrop-filter:blur(20px);border:1px solid var(--island-border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#fffffff5;border-radius:18px;width:100%;max-width:820px;position:relative;overflow:hidden;box-shadow:0 14px 35px #0f172a1a,0 2px 8px #0000000a}.island-player-bar.is-dragging{cursor:grabbing;will-change:transform, opacity}.island-scrubber-progress{background:#e2e8f0b3;width:100%;height:3px;position:relative;overflow:hidden}.island-scrubber-fill{background:var(--blue);will-change:width;border-radius:3px;height:100%;transition:width .15s linear;box-shadow:0 0 8px #06f9}.player-inner{justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.mobile-player-dismiss-btn{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;transition:all .18s;display:grid}.mobile-player-dismiss-btn:hover{color:#ef4444;background:#ef44441f}@media (width>=768px){.mobile-player-dismiss-btn{display:none}}.player-dismiss-btn:hover{color:#ef4444!important}.now-playing-info{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.mini-cover{border:1px solid #0000000f;border-radius:8px;flex:none;width:38px;height:38px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a14}.now-playing-text{flex-direction:column;min-width:0;display:flex}.now-playing-text strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin:0;font:600 13px/1.25 Manrope,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.now-playing-text span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;font-weight:500;overflow:hidden}.like-btn{color:#94a3b8;place-items:center;width:40px;height:40px;transition:all .18s;display:grid}.like-btn.is-liked{color:#ff5540}.player-controls{flex:none;align-items:center;gap:8px;display:flex}.ctrl-step-btn,.ctrl-sub-btn{color:#64748b;background:0 0;border-radius:50%;place-items:center;width:30px;height:30px;transition:all .15s;display:grid}.ctrl-step-btn:hover,.ctrl-sub-btn:hover{color:#0f172a;background:#0f172a0d}.ctrl-sub-btn,.ctrl-sub-btn-spacer{display:none}.ctrl-sub-btn-spacer{pointer-events:none;flex-shrink:0;width:30px;height:30px}.ctrl-sub-btn.active{color:var(--blue)}.ctrl-main-play{color:#fff;background:#0f172a;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .15s;display:grid;box-shadow:0 2px 8px #0f172a2e}.ctrl-main-play:hover{background:var(--blue);transform:scale(1.05);box-shadow:0 4px 12px #0066ff59}.player-actions-end{color:var(--muted);align-items:center;gap:4px;display:none}.track-time-label{color:#64748b;font-size:8px;font-weight:700}.action-icon-btn{color:#64748b;background:0 0;border-radius:6px;place-items:center;width:30px;height:30px;transition:all .15s;display:grid}.action-icon-btn:hover{color:#0f172a;background:#0f172a0d}.volume-slider-wrap{color:#64748b;align-items:center;gap:5px;padding:0 2px;transition:color .15s;display:flex}.volume-slider-wrap:hover{color:#0f172a}.volume-slider{width:64px;height:3px;accent-color:var(--blue);cursor:pointer;background:#0f172a1a;border-radius:999px;outline:none;transition:background .15s}.volume-slider:hover{background:#0f172a2e}.expanded-player-backdrop{z-index:90;-webkit-backdrop-filter:blur(16px);background:#020617b8;place-items:center;padding:18px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.expanded-player{background:#fff;border:1px solid #ffffff24;border-radius:28px;grid-template-columns:minmax(320px,.9fr) minmax(340px,1.1fr);width:min(980px,100%);height:min(720px,100vh - 36px);animation:.28s cubic-bezier(.16,1,.3,1) modalPop;display:grid;position:relative;overflow:hidden;box-shadow:0 36px 100px #0000006b}.expanded-player-close{z-index:3;color:#cbd5e1;-webkit-backdrop-filter:blur(6px);background:#ffffff1f;border-radius:50%;place-items:center;width:30px;height:30px;transition:background .18s,color .18s;display:grid;position:absolute;top:14px;right:14px}.expanded-player-close:hover{color:#fff;background:#ffffff38}.expanded-player-visual{color:#fff;background:radial-gradient(circle at 15% 10%,#0066ff57,#0000 32%),radial-gradient(circle at 90% 80%,#00d4ff29,#0000 36%),#0b1120;flex-direction:column;align-items:center;min-width:0;padding:34px 38px 26px;display:flex}.expanded-cover{aspect-ratio:1;border-radius:20px;flex:0 auto;width:min(100%,230px);position:relative;overflow:hidden;box-shadow:0 26px 55px #00000070}.expanded-track-heading{text-align:center;width:100%;margin-top:18px}.expanded-eyebrow{letter-spacing:1.8px;color:#60a5fa;font-size:8px;font-weight:900}.expanded-track-heading h2{overflow-wrap:anywhere;margin:6px 0 3px;font:800 clamp(26px,3vw,38px)/.98 Barlow Condensed,sans-serif}.expanded-track-heading p{color:#94a3b8;margin:0;font-size:10px}.expanded-track-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.expanded-track-tags span{color:#cbd5e1;background:#ffffff0f;border:1px solid #94a3b82e;border-radius:999px;padding:4px 9px;font-size:8px;font-weight:700}.expanded-track-stats{color:#94a3b8;justify-content:center;gap:14px;margin-top:8px;font-size:10px;display:flex}.expanded-track-stats span{align-items:center;gap:4px;display:inline-flex}.expanded-track-stats svg{opacity:.7}.expanded-timeline{width:100%;margin-top:22px}.expanded-timeline input{accent-color:#3b82f6;cursor:pointer;width:100%;height:4px}.expanded-timeline div{color:#94a3b8;justify-content:space-between;margin-top:4px;font-size:8px;font-weight:700;display:flex}.expanded-controls{justify-content:center;align-items:center;gap:24px;margin-top:12px;display:flex}.expanded-controls>button{color:#cbd5e1;place-items:center;display:grid}.expanded-controls .expanded-main-play{color:#fff;background:var(--blue);border-radius:50%;width:58px;height:58px;box-shadow:0 10px 30px #0066ff73}.expanded-secondary-actions{justify-content:center;gap:8px;width:100%;margin-top:18px;display:flex}.expanded-secondary-actions button{color:#94a3b8;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:700;display:inline-flex}.expanded-secondary-actions button:hover{color:#fff;background:#ffffff14}.expanded-secondary-actions button.active{color:#f43f5e;background:#f43f5e24}.expanded-lyrics-panel{background:linear-gradient(#fff,#f8fafc);flex-direction:column;min-width:0;padding:24px 40px 28px;display:flex;overflow:hidden}.expanded-lyrics-header{border-bottom:1px solid #e2e8f0;flex:none;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.expanded-lyrics-header span{font:800 26px/1 Barlow Condensed,sans-serif}.expanded-lyrics-header i{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-size:8px;font-style:normal;overflow:hidden}.expanded-lyrics-text,.expanded-lyrics-empty{white-space:pre-wrap;color:#334155;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;margin-top:14px;padding-right:10px;font-size:13px;line-height:1.8;overflow-y:auto}.expanded-lyrics-text::-webkit-scrollbar{width:6px}.expanded-lyrics-text::-webkit-scrollbar-track{background:0 0}.expanded-lyrics-text::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.expanded-lyrics-text::-webkit-scrollbar-thumb:hover{background:#94a3b8}.expanded-lyrics-empty{color:#94a3b8;font-style:italic}@media (width<=700px){.expanded-player-backdrop{padding:8px}.expanded-player{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:20px;grid-template-rows:auto minmax(180px,1fr);grid-template-columns:1fr;height:min(92vh,820px);overflow-y:auto}.expanded-player::-webkit-scrollbar{width:0;height:0;display:none}.expanded-player-visual{padding:18px 18px 12px}.expanded-cover{border-radius:14px;width:min(40vw,132px);box-shadow:0 16px 36px #0006}.expanded-track-heading{margin-top:8px}.expanded-track-heading h2{margin:4px 0 2px;font-size:22px}.expanded-track-heading p{font-size:9px}.expanded-track-tags{margin-top:6px}.expanded-track-tags span{padding:3px 7px;font-size:7px}.expanded-timeline{margin-top:8px}.expanded-timeline div{font-size:7px}.expanded-controls{gap:18px;margin-top:8px}.expanded-controls>button svg{width:18px;height:18px}.expanded-controls .expanded-main-play{width:46px;height:46px}.expanded-controls .expanded-main-play svg{width:20px;height:20px}.expanded-secondary-actions{gap:6px;margin-top:8px}.expanded-secondary-actions button{padding:5px 7px;font-size:7px}.expanded-secondary-actions button svg{width:14px;height:14px}.expanded-lyrics-panel{min-height:200px;padding:14px 18px 18px;overflow:visible}.expanded-lyrics-header{padding-bottom:8px}.expanded-lyrics-header span{font-size:20px}.expanded-lyrics-text,.expanded-lyrics-empty{margin-top:8px;padding-right:0;font-size:12px;line-height:1.65;overflow:visible}}.home-dashboard{flex-direction:column;gap:16px;display:flex}.dashboard-welcome{padding:6px 0 2px}.welcome-header{text-align:center}.welcome-title{text-transform:uppercase;max-width:430px;color:var(--ink);margin:0 auto 4px;font:800 38px/.95 Barlow Condensed,sans-serif}.welcome-title span{color:var(--blue)}.welcome-sub{max-width:360px;color:var(--muted);margin:0 auto 14px;font-size:13px}.quick-compose-bar{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:stretch;gap:8px;min-height:120px;padding:12px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #0f172a08}.quick-compose-bar:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #06f3}.quick-input-wrap{flex:1;align-items:flex-start;gap:8px;padding:4px;display:flex}.compose-spark{color:var(--blue);flex-shrink:0}.quick-input-wrap input,.quick-input-wrap textarea{resize:none;width:100%;min-height:94px;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px;line-height:1.45}.quick-input-wrap input::placeholder,.quick-input-wrap textarea::placeholder{color:#94a3b8}.quick-compose-btn{background:var(--blue);color:#fff;border-radius:9px;flex-shrink:0;align-self:flex-end;align-items:center;gap:6px;min-height:34px;padding:7px 13px;font-size:12px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 3px 10px #0066ff4d}.quick-compose-btn:hover{background:var(--blue-dark)}.style-marquee{border:1px solid var(--line);background:#ffffffc7;border-radius:10px;align-items:stretch;min-height:34px;margin-top:14px;display:flex;position:relative;overflow:hidden}.style-marquee-label{border-right:1px solid var(--line);color:var(--blue);letter-spacing:.9px;z-index:2;background:#fff;flex:none;place-items:center;padding:0 10px;font-size:10px;font-weight:800;display:grid}.style-marquee-viewport{flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.style-marquee-track{will-change:transform;align-items:center;width:max-content;height:100%;display:flex;animation:40s linear infinite styleMarquee!important}.style-marquee-track button{height:32px;color:var(--ink-light);white-space:nowrap;align-items:center;gap:12px;padding:0 8px 0 12px;font-size:11px;font-weight:700;display:inline-flex}.style-marquee-track button:hover{color:var(--blue)}.style-marquee-track button i{color:#cbd5e1;font-size:11px;font-style:normal}@keyframes styleMarquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.feed-chips-bar{scrollbar-width:none;align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.feed-chips-bar::-webkit-scrollbar{display:none}.feed-chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:9999px;padding:6px 13px;font-size:8px;font-weight:700;transition:all .18s}.feed-chip:hover{color:var(--ink);border-color:#cbd5e1}.feed-chip.active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:800;box-shadow:0 2px 8px #0f172a26}.section-head-clean{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.section-head-clean h3{text-transform:uppercase;margin:0;font:700 20px/1 Barlow Condensed,sans-serif}.section-sub-clean{color:var(--muted);margin:2px 0 0;font-size:12px}.section-link{color:var(--blue);align-items:center;gap:4px;font-size:8px;font-weight:800;display:flex}.empty-feed-state{text-align:center;color:var(--muted);padding:24px 16px;font-size:8.5px}.empty-feed-state button{color:var(--blue);margin-top:6px;font-weight:800;text-decoration:underline}.home-empty-card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:22px;display:grid;box-shadow:0 10px 26px #0f172a0a}.home-empty-icon{width:44px;height:44px;color:var(--blue);background:#0066ff1a;border-radius:14px;place-items:center;display:grid}.home-empty-card span{color:var(--blue);letter-spacing:.8px;margin-bottom:3px;font-size:8px;font-weight:800;display:block}.home-empty-card h2{color:var(--ink);text-transform:uppercase;margin:0;font:700 20px/1 Barlow Condensed,sans-serif}.home-empty-card p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.45}.home-empty-card button{background:var(--ink);color:#fff;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:10px;font-weight:800;display:inline-flex}.home-library-link{border-top:1px solid var(--line-subtle);width:100%;min-height:42px;color:var(--blue);justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.track-list-wrapper{border:1px solid var(--line);isolation:isolate;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 14px #00000005}.track-list-wrapper>:first-child,.track-list-wrapper>.track-list>:first-child,.studio-recent-list>:first-child{border-top-left-radius:17px;border-top-right-radius:17px}.track-list-wrapper>:last-child,.track-list-wrapper>.track-list>:last-child,.studio-recent-list>:last-child{border-bottom-right-radius:17px;border-bottom-left-radius:17px}.track-list-wrapper>.track-list{border-radius:inherit;overflow:hidden}.track-table-head{color:#94a3b8;letter-spacing:.8px;border-bottom:1px solid var(--line-subtle);grid-template-columns:32px 54px minmax(160px,1.4fr) 1fr 50px 100px;gap:12px;padding:12px 16px 6px;font-size:10px;font-weight:800;display:none}.track-row{border-top:1px solid var(--line-subtle);-webkit-user-select:none;user-select:none;background:0 0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;transition:background .18s;display:grid;position:relative}.track-row:first-child{border-top:0}@media (hover:hover) and (pointer:fine){.track-row:hover{background:#f8fafc}.cover-art:hover .cover-play{opacity:1}}.track-number{color:#94a3b8;font:700 11px Barlow Condensed,sans-serif;display:none}.cover-art{cursor:pointer;border:0;border-radius:10px;width:48px;height:48px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cover-art:active{transition:transform 40ms;transform:scale(.93)}.cover-play{color:#fff;opacity:0;background:#0f172abf;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.track-row.is-playing .cover-play{opacity:1}.cover-stats{color:#fffffff2;pointer-events:none;z-index:2;box-sizing:border-box;background:linear-gradient(#0000 0%,#00000059 35%,#000000c7 100%);flex-direction:column;align-items:flex-start;gap:1.5px;padding:3px 4px 2px;display:flex;position:absolute;bottom:0;left:0;right:0}.cover-stats small{letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 2px #000000e6;align-items:center;gap:2.5px;font-size:9px;font-weight:700;line-height:1.1;display:inline-flex}.cover-stats svg{opacity:.9;flex-shrink:0;width:9px;height:9px}.track-tag-status{color:var(--blue);letter-spacing:.03em;background:#2563eb1a;font-weight:800}.track-tag-artist{color:var(--ink);font-weight:700}.cover-graphic{display:block;position:absolute;inset:0;overflow:hidden}.cover-graphic svg{width:100%;height:100%;display:block}.cover-graphic img{object-fit:cover;width:100%;height:100%;display:block}.cover-graphic:after{content:"";letter-spacing:-2px;color:#0f172a;font:900 28px Barlow Condensed;position:absolute;bottom:-4px;right:2px}.cover-graphic>b{border:6px solid #0f172a;border-radius:50%;width:40px;height:40px;position:absolute;top:-8px;left:-8px}.cover-graphic>i{background:#0f172a;width:3px;height:70px;position:absolute;top:-10px;left:22px;transform:rotate(35deg)}.cover-graphic>em{border:2px solid #0f172a;width:30px;height:8px;position:absolute;bottom:6px;left:4px;transform:skew(-15deg)}.graphic-2{transform:rotate(180deg)}.graphic-3 b{border-radius:0;transform:rotate(30deg)}.graphic-4 i{width:6px}.graphic-5 em{border-radius:50%;height:20px}.graphic-6{transform:scale(1.1)rotate(-20deg)}.graphic-7 b{width:50px;height:50px}.palette-lime,.palette-acid{background:#e2e8f0}.palette-orange,.palette-ultra{background:#fed7aa}.palette-blue{background:#bae6fd}.palette-violet{background:#e9d5ff}.palette-sand{background:#fef08a}.track-copy{cursor:pointer;min-width:0;transition:transform .15s,opacity .15s;overflow:hidden}.track-copy:active{opacity:.85;transform:scale(.985)}.track-copy h3{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:anywhere;margin:0 0 2px;font:700 16px/1.1 Barlow Condensed,sans-serif;overflow:hidden}.track-copy p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow-wrap:anywhere;margin:0 0 5px;font-size:11px;overflow:hidden}.track-tags{gap:4px;min-width:0;max-width:100%;display:flex;overflow:hidden}.track-tags span{color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9;border-radius:4px;min-width:0;max-width:150px;padding:2px 5px;font-size:9px;font-weight:700;overflow:hidden}.track-row.active{box-shadow:inset 3px 0 0 var(--blue);background:#0066ff14;position:relative}.track-row.is-playing{background:#0066ff1c}.track-row.is-playing .track-copy h3{color:var(--blue-dark)}.waveform{opacity:.7;align-items:center;gap:2px;height:28px;display:none}.waveform i{background:#cbd5e1;border-radius:2px;width:2px;min-height:4px}.track-row.active .waveform i{background:var(--blue);box-shadow:0 0 4px #06f9}.track-data{text-align:center;display:none}.track-data>span{font:700 11px Barlow Condensed}.track-data small{color:#94a3b8;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.track-actions{align-items:center;gap:3px;display:flex}.track-actions button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;outline:none;place-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s;display:grid}.track-more-btn{width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;display:grid}.track-more-btn:hover{color:var(--blue);background:var(--soft-gray)}.track-download-btn{color:var(--muted);cursor:pointer}.track-download-btn:hover{color:var(--blue);background:var(--soft-gray)}.track-more-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070b188c;flex-direction:column;justify-content:flex-end;align-items:center;padding:16px;animation:.18s trackMoreFade;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes trackMoreFade{0%{opacity:0}to{opacity:1}}.track-more-modal{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(360px,100%);min-width:0;max-width:100%;padding:14px;animation:.2s trackMoreRise;overflow:hidden;box-shadow:0 24px 60px #070b1859}@keyframes trackMoreRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.track-more-modal-head{border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:12px;min-width:0;margin-bottom:8px;padding:4px 6px 12px;display:flex}.track-more-modal-cover{border-radius:10px;flex:none;width:44px;height:44px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000059}.track-more-modal-cover .cover-graphic,.track-more-modal-cover .cover-graphic img,.track-more-modal-cover .cover-graphic svg{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.track-more-modal-meta{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.track-more-modal-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.track-more-modal-head small{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.track-more-modal-actions{flex-direction:column;gap:2px;display:flex}.track-more-modal-actions button{width:100%;height:44px;color:var(--ink);border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.track-more-modal-actions button:hover{background:var(--soft-gray)}.track-more-modal-actions button.active{color:var(--blue);background:var(--soft-gray)}.track-more-modal-actions--secondary{border-top:1px solid #0f172a14;margin-top:8px;padding-top:8px}.track-more-modal-cancel{width:100%;height:42px;color:var(--muted);background:var(--soft-gray);border-radius:10px;margin-top:10px;font-size:13px;font-weight:700}@media (width>=640px){.track-more-modal-overlay{justify-content:center}}.track-actions button:active{filter:brightness(.92);transition:transform 40ms,filter 40ms;transform:scale(.86)!important}@media (hover:hover) and (pointer:fine){.track-actions button:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-1px)}.track-actions button.action-like.active:hover,.track-actions button.action-like.is-liked:hover{color:#e11d48;background:#f43f5e29;transform:translateY(-1px)scale(1.06)}.track-actions button.action-public.active:hover,.track-actions button.action-public.is-public:hover{color:#1d4ed8;background:#2563eb29;transform:translateY(-1px)scale(1.06)}}.track-actions button.action-like.active,.track-actions button.action-like.is-liked{color:#f43f5e;background:#f43f5e17;animation:.32s cubic-bezier(.175,.885,.32,1.275) heartPop}.track-actions button.action-public.active,.track-actions button.action-public.is-public{color:#2563eb;background:#2563eb17}@keyframes heartPop{0%{transform:scale(.9)}50%{transform:scale(1.24)}to{transform:scale(1)}}.studio-layout{flex-direction:column;gap:24px;display:flex}.studio-header{margin-bottom:16px}.studio-badge{letter-spacing:.8px;color:var(--blue);background:#f1f5f9;border-radius:9999px;align-items:center;gap:5px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.studio-title{text-transform:uppercase;margin:0 0 6px;font:800 34px/.9 Barlow Condensed,sans-serif}.studio-subtitle{color:var(--muted);max-width:500px;margin:0;font-size:12px}.create-console{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 30px #0f172a0a}.suno-console-topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.suno-console-topbar .mode-segmented-control{flex:1;margin-bottom:0}.suno-model-badge{border:1px solid var(--line);background:var(--soft-gray);min-height:28px;color:var(--muted);border-radius:8px;flex:none;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.suno-model-badge strong{color:var(--blue);font-size:11px;font-weight:800}.console-heading{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.console-heading h2{text-transform:uppercase;margin:2px 0 0;font:700 24px Barlow Condensed,sans-serif}.overline{letter-spacing:.8px;color:var(--blue);font-size:10px;font-weight:800}.engine-status{color:var(--blue);background:#f1f5f9;border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:800;display:flex}.engine-status i{background:var(--blue);width:5px;height:5px;box-shadow:0 0 6px var(--blue);border-radius:50%}.prompt-field{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.prompt-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0066ff1f}.prompt-label{background:0 0;border-bottom:none;justify-content:space-between;align-items:center;gap:8px;height:auto;padding:0;display:flex}.suno-label-left{color:var(--muted,#64748b);flex:1;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:700;display:flex}.suno-label-left span{white-space:nowrap}.prompt-label small{color:#94a3b8;margin-left:auto;font-size:10px}.prompt-textarea-box{flex-direction:column;width:100%;display:flex;position:relative}.prompt-field textarea,.prompt-textarea-box textarea{width:100%;min-height:86px;color:var(--ink);box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:0;padding:10px 14px 16px;font-size:13px;line-height:1.6;transition:background .18s,border-color .18s;display:block;resize:none!important}.prompt-field textarea:focus,.prompt-field textarea:focus-visible,.prompt-textarea-box textarea:focus,.prompt-textarea-box textarea:focus-visible{box-shadow:none;background:#fff;border-color:#e2e8f0;outline:none}.textarea-resize-handle{cursor:row-resize;touch-action:none;z-index:3;justify-content:center;align-items:center;height:20px;display:flex;position:absolute;bottom:-9px;left:0;right:0}.resize-handle-pill{color:#64748b;cursor:row-resize;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;width:36px;height:18px;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #0f172a14}.resize-handle-icon{color:inherit;pointer-events:none;flex-shrink:0;display:block}.textarea-resize-handle:hover .resize-handle-pill,.textarea-resize-handle.is-dragging .resize-handle-pill{color:#2563eb;background:#eff6ff;border-color:#3b82f6;transform:scale(1.06);box-shadow:0 2px 8px #2563eb38}.prompt-field input{width:100%;height:44px;color:var(--ink);box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:0;padding:0 14px;font-size:13.5px;font-weight:600;transition:all .18s}.prompt-field input:focus,.prompt-field input:focus-visible{box-shadow:none;background:#fff;border-color:#e2e8f0;outline:none}.clear-prompt{color:#64748b;background:#f1f5f9;border-radius:6px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:6px;right:6px}.field-reset-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.field-reset-btn:hover:not(:disabled),.field-reset-btn:focus-visible:not(:disabled){color:#0f172a;background:#f1f5f9}.field-reset-btn:disabled{opacity:0;pointer-events:none;display:none!important}.create-console-wrap{flex-direction:column;width:100%;min-width:0;display:flex}.mode-segmented-control{border:1px solid var(--line);box-sizing:border-box;background:#eef2f7;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;max-width:460px;margin-bottom:16px;padding:4px;display:grid}.mode-tab-btn{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;transition:all .18s;display:flex}.mode-tab-btn:hover{color:var(--ink)}.mode-tab-btn.active{color:var(--blue);background:#fff;box-shadow:0 3px 10px #0f172a14}.console-mode-body{margin-bottom:14px;animation:.2s fadeIn}.simple-mode-pane{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.custom-mode-pane{gap:14px;width:100%;min-width:0;display:grid}.custom-mode-pane,.custom-mode-pane *{box-sizing:border-box}.custom-mode-pane>*{width:100%;min-width:0;max-width:100%}.custom-mode-pane .style-selection-section,.custom-mode-pane .custom-params-grid{margin-top:0;margin-bottom:0}.style-selection-section{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.style-selection-section .prompt-label{background:0 0;border-bottom:0;padding:0}.section-label-inline{color:#64748b;flex-shrink:0;font-size:11px;font-weight:800;display:inline-block}.style-chips-wrapper{flex:1;min-width:0;max-width:100%;position:relative}.style-chips-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px 0;display:flex;overflow-x:auto}.style-chips-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.style-chips-scroll::-webkit-scrollbar{display:none}.style-chips-nav-btn{background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);width:26px;height:26px;color:var(--ink,#0f172a);cursor:pointer;z-index:5;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 6px #0000001f}.style-chips-nav-btn:hover{background:var(--surface-hover,#fff);border-color:var(--primary,#0ea5e9);color:var(--primary,#0ea5e9);transform:translateY(-50%)scale(1.1);box-shadow:0 4px 10px #0000002e}.style-chips-nav-btn:active{transform:translateY(-50%)scale(.92)}.style-chips-nav-btn.prev{left:2px}.style-chips-nav-btn.next{right:2px}@media (width<=640px){.style-chips-nav-btn{display:none}}.style-chip-item{scroll-snap-align:start}.style-chips-wrapper:before,.style-chips-wrapper:after{content:"";pointer-events:none;z-index:1;opacity:0;width:20px;transition:opacity .2s;position:absolute;top:0;bottom:0}.style-chips-wrapper:before{background:linear-gradient(to right, var(--surface), transparent);left:0}.style-chips-wrapper:after{background:linear-gradient(to left, var(--surface), transparent);right:0}.style-chips-wrapper.can-scroll-right:after,.style-chips-wrapper.can-scroll-left:before{opacity:1}.style-chips-hint{-webkit-backdrop-filter:blur(3px);width:22px;height:22px;color:var(--ink,#0f172a);z-index:2;pointer-events:none;opacity:.9;background:#ffffffb8;border-radius:9999px;justify-content:center;align-items:center;animation:1.8s ease-in-out infinite styleChipsHint;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%);box-shadow:0 1px 4px #0000001a}@keyframes styleChipsHint{0%,to{transform:translateY(-50%)}50%{transform:translate(3px,-50%)}}@media (hover:hover) and (width>=769px){.style-chips-hint{display:none}}.style-chip-item{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#f8fafc;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .18s;display:flex}.style-chip-item:hover{color:var(--ink);background:#f1f5f9;border-color:#cbd5e1}.style-chip-item.selected{border-color:var(--blue);color:var(--blue);background:#eff6ff;font-weight:800;box-shadow:0 2px 6px #0066ff26}.custom-free-style-field{width:100%;margin-top:10px}.custom-free-style-label{display:none}.custom-free-style-field textarea{border:1px solid var(--line);resize:none;width:100%;height:86px;color:var(--ink);background:#fff;border-radius:14px;outline:0;padding:10px;font-size:13px;line-height:1.6}.custom-free-style-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0066ff1f}.custom-free-style-field textarea::placeholder{color:#94a3b8}.custom-voice-selector-row{flex-wrap:wrap;align-items:center;gap:12px;margin:0;display:flex}.custom-voice-selector-row .voice-clone-list{flex:1 0 100%}.custom-voice-title{color:#64748b;letter-spacing:.2px;min-width:40px;font-size:11.5px;font-weight:700}.custom-voice-buttons{flex:1;gap:8px;display:flex}.voice-choice-btn{border:1px solid var(--line);height:38px;color:var(--muted);cursor:pointer;background:#f8fafc;border-radius:10px;flex:1;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;transition:all .18s;display:flex}.voice-choice-btn:hover{color:var(--ink);background:#f1f5f9;border-color:#cbd5e1}.voice-choice-btn.active{border-color:var(--blue);color:var(--blue);background:#eff6ff;font-weight:800;box-shadow:0 2px 8px #0066ff26}.voice-clone-toggle{flex:1}.voice-clone-toggle.expanded{border-color:var(--blue);color:var(--blue)}.voice-clone-list{border:1px solid var(--line);background:#f8fafc;border-radius:12px;flex-direction:column;gap:6px;margin:8px 0 0;padding:6px;list-style:none;animation:.18s voiceCloneListIn;display:flex}@keyframes voiceCloneListIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.voice-clone-list-btn{width:100%;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:12px;font-weight:700;transition:all .16s;display:flex}.voice-clone-list-btn:hover{color:var(--blue);background:#eff6ff}.voice-clone-list-btn.active{border-color:var(--blue);color:var(--blue);background:#eff6ff}.voice-clone-list-manage{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:2px;padding:6px;font-size:11.5px;font-weight:700;transition:color .16s}.voice-clone-list-manage:hover{color:var(--blue)}.custom-lyrics-toggle-bar{gap:8px;margin-bottom:10px;display:flex}.lyrics-tab-btn{border:1px solid var(--line);color:var(--muted);background:#f8fafc;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .18s;display:flex}.lyrics-tab-btn:hover{color:var(--ink);background:#f1f5f9}.lyrics-tab-btn.active{border-color:var(--blue);color:var(--blue);background:#eff6ff;font-weight:800}.custom-lyrics-field textarea{height:120px}.custom-params-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;margin-bottom:12px;display:grid}.select-field{display:block}.select-field>span{color:#64748b;letter-spacing:.2px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.select-field>div{position:relative}.select-field select{appearance:none;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:0;width:100%;height:38px;padding:0 28px 0 10px;font-size:11px;font-weight:600}.select-field svg{color:#94a3b8;pointer-events:none;position:absolute;top:11px;right:8px}.generate-button{color:#fff;text-align:left;background:#0f172a;border:1px solid #0f172a;border-radius:12px;align-items:center;gap:8px;width:100%;min-height:50px;padding:8px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a29}.generate-button:not(:disabled):hover{background:#1e293b;border-color:#1e293b;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a33}.generate-button:disabled{color:#fff;opacity:.4;box-shadow:none;cursor:not-allowed;background:#0f172a;border-color:#0f172a}.generate-button-icon,.generating-icon{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.generate-button>span:nth-child(2){flex:1}.generate-button strong,.generate-button small{display:block}.generate-button strong{font-size:11px;font-weight:800}.generate-button small{opacity:.72;margin-top:2px;font-size:11px}.generate-credit-cost{letter-spacing:-.01em;color:#fffc;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;margin-left:auto;padding:2.5px 6.5px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.generate-credit-cost svg{color:#38bdf8;opacity:.85;flex-shrink:0;width:9px;height:9px}.generate-progress{height:3px;width:var(--progress);background:#60a5fa;transition:all .4s;position:absolute;bottom:0;left:0}.studio-side-col{flex-direction:column;gap:12px;display:flex}.side-section-header{justify-content:space-between;align-items:flex-end;display:flex}.side-section-header h3{text-transform:uppercase;margin:2px 0 0;font:700 20px/1 Barlow Condensed,sans-serif}.studio-recent-list{border:1px solid var(--line);isolation:isolate;background:#fff;border-radius:18px;overflow:hidden}.studio-recent-list>.app-empty-state,.studio-recent-list>.app-empty-state.compact{box-shadow:none!important;box-sizing:border-box!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;min-height:auto!important;padding:24px 20px!important}.suno-empty-feed{min-height:112px;color:var(--muted);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:18px;display:grid}.suno-empty-feed-icon{border:1px solid var(--line);width:38px;height:38px;color:var(--blue);background:var(--soft-gray);border-radius:10px;place-items:center;display:grid}.suno-empty-feed-copy{min-width:0}.suno-empty-feed-copy strong{color:var(--ink);margin-bottom:3px;font-size:13px;font-weight:800;display:block}.suno-empty-feed-copy p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.suno-empty-feed-reset{border:1px solid var(--line);color:var(--blue);background:var(--surface);border-radius:8px;grid-column:2;justify-self:start;padding:6px 10px;font-size:10px;font-weight:800}.suno-empty-feed-reset:hover{border-color:var(--blue);background:var(--soft-gray)}.pending-track-row{pointer-events:none;min-width:0}.pending-cover{border-radius:10px;width:48px;height:48px}.pending-number{border-radius:999px;width:16px;height:7px}.pending-track-copy{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.pending-title,.pending-subtitle,.pending-tags i{border-radius:999px;display:block}.pending-title{width:min(82%,180px);height:10px}.pending-subtitle{width:min(48%,100px);height:6px}.pending-tags{gap:4px;display:flex}.pending-tags i{width:35px;height:12px}.pending-actions{align-items:center;gap:7px;display:flex}.pending-actions i{border:2px solid #e2e8f0;border-radius:50%;width:16px;height:16px}.pending-waveform i{background:#e2e8f0}.pending-data span{border-radius:999px;width:28px;height:7px;display:inline-block}.skeleton-shimmer{background:linear-gradient(100deg,#e2e8f0 20%,#f8fafc 42%,#e2e8f0 64%) 0 0/220% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{to{background-position-x:-220%}}.collection-page{flex-direction:column;gap:16px;display:flex}.back-link-btn{color:var(--blue);align-items:center;gap:5px;margin-bottom:4px;font-size:11px;font-weight:800;display:inline-flex}.collection-hero-card{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:18px 20px;display:flex;box-shadow:0 4px 14px #0f172a05}.hero-text h1{text-transform:uppercase;margin:4px 0 3px;font:800 32px/.95 Barlow Condensed,sans-serif}.hero-text p{color:var(--muted);margin:0;font-size:12px}.hero-icon-box{color:var(--blue)}.library-filter-bar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.library-filter-bar .search-pill{grid-column:1/-1}.search-pill{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:8px 12px;display:flex;box-shadow:0 2px 8px #00000005}.search-pill svg{color:#94a3b8}.search-pill input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.filter-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-self:start;gap:5px;width:100%;min-width:0;max-width:100%;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.library-sort-control{color:var(--muted);white-space:nowrap;justify-self:end;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.library-sort-trigger{border:1px solid var(--line);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:9px;outline:none;align-items:center;gap:5px;padding:6px 10px;display:inline-flex}.library-sort-menu{z-index:5;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:126px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 24px #0f172a24}.library-sort-menu button{color:#475569;text-align:left;cursor:pointer;background:#fff;border:0;width:100%;padding:8px 10px;font:700 10px/1 Barlow Condensed,sans-serif;display:block}.library-sort-menu button:hover,.library-sort-menu button.active{color:var(--blue);background:#eff6ff}.filter-chip{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fff;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;line-height:1;transition:all .18s;display:inline-flex}.filter-chip svg{flex:none}.filter-chip.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:800;box-shadow:0 2px 8px #0066ff4d}@media (width<=768px){.collection-page .filter-chip.filter-chip--icon-mobile,.filter-chip.filter-chip--icon-mobile{border-radius:var(--radius-lg,12px);justify-content:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0!important;padding-inline:0!important}.filter-chip.filter-chip--icon-mobile .filter-chip-text{display:none}.filter-chip.filter-chip--icon-mobile svg{margin:0}}.style-filter-trigger{min-width:0;max-width:180px}.style-filter-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.style-filter-trigger svg{transition:transform .18s}.style-filter-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.style-picker-backdrop{z-index:1300;-webkit-backdrop-filter:blur(8px);background:#0f172a57;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.style-picker-modal{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;width:min(420px,100%);max-height:min(70vh,520px);padding:14px;animation:.18s ease-out stylePickerIn;display:flex;box-shadow:0 24px 60px #0f172a3d}.style-picker-head{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 12px;display:flex}.style-picker-head strong{color:var(--ink);font-size:13px;font-weight:800}.style-picker-head button{width:32px;height:32px;color:var(--muted);background:var(--soft-gray);border-radius:10px;place-items:center;display:grid}.style-picker-list{scrollbar-width:thin;scrollbar-color:#64748b47 transparent;gap:6px;padding:10px 8px 0 0;display:grid;overflow-y:auto}.style-picker-list::-webkit-scrollbar{width:6px}.style-picker-list::-webkit-scrollbar-track{background:0 0}.style-picker-list::-webkit-scrollbar-thumb{background:#64748b47;border-radius:999px}.style-picker-list button{min-height:42px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:750;display:flex}.style-picker-list button:hover{background:var(--soft-gray)}.style-picker-list button.active{color:var(--blue);background:#0066ff14;border-color:#0066ff3d}@keyframes stylePickerIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.style-strip-wrap{margin:0;padding-right:22px;position:relative}.style-strip{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:8px;padding:0 2px;display:flex;overflow-x:auto}.style-strip::-webkit-scrollbar{display:none}.style-strip-chip{border:1px solid var(--line);min-height:32px;color:var(--muted);white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:5px 14px;font-size:11px;font-weight:700;line-height:1;transition:all .18s;display:inline-flex}.style-strip-chip:hover{border-color:var(--blue);color:var(--blue)}.style-strip-chip.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:800;box-shadow:0 2px 8px #0066ff4d}.style-strip-wrap.has-more:after{content:"";pointer-events:none;background:linear-gradient(to right, #f8fafc00, var(--paper) 76%);width:48px;position:absolute;top:0;bottom:0;right:22px}.style-strip-more{z-index:1;width:18px;height:18px;color:var(--blue);pointer-events:none;opacity:.78;background:#0066ff1f;border-radius:50%;place-items:center;animation:1.8s ease-in-out infinite style-strip-nudge;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%);box-shadow:0 0 0 1px #0066ff1f}.style-strip-more svg{width:12px;height:12px}@keyframes style-strip-nudge{0%,to{opacity:.58;transform:translateY(-50%)}50%{opacity:.9;transform:translate(3px,-50%)}}.plans-showcase{justify-content:center;padding:20px 0;display:flex}.plan-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:20px;width:100%;max-width:360px;padding:24px;box-shadow:0 10px 30px #0f172a0f}.plan-badge{background:var(--cyan);color:#0f172a;border-radius:9999px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.plan-card h3{text-transform:uppercase;margin:0 0 6px;font:700 24px Barlow Condensed}.plan-price{color:var(--blue);margin:8px 0;font:800 36px Barlow Condensed}.plan-price span{color:var(--muted);font-size:14px}.plan-card p{color:var(--muted);margin:0 0 16px;font-size:12px}.plan-btn{background:var(--blue);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #06f6}.empty-state{text-align:center;color:var(--muted);padding:30px 16px;font-size:12px}.toast{color:#fff;white-space:normal;overflow-wrap:anywhere;text-align:left;pointer-events:none;background:#0f172a;border-radius:16px;align-items:center;gap:10px;width:max-content;max-width:min(420px,100vw - 32px);padding:11px 18px;font-size:12.5px;font-weight:700;line-height:1.35;animation:.28s cubic-bezier(.16,1,.3,1) forwards toastRise;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0066ff59,0 4px 14px #00000040;z-index:1000000!important}.toast span{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:8px;font-weight:900;display:grid}@keyframes toastRise{0%{opacity:0;transform:translate(-50%,14px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progress{0%{width:10%}to{width:96%}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalPopOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.88)translateY(24px)}}@media (width>=640px){.welcome-title{font-size:42px}.welcome-sub{font-size:12px}.track-table-head{display:grid}.track-row{grid-template-columns:28px 48px minmax(160px,1.4fr) 1fr 50px 100px}.track-number{display:block}.waveform{display:flex}.track-data{display:block}.library-filter-bar{grid-template-columns:minmax(0,1fr) auto}.library-filter-bar .search-pill{grid-column:1/-1}}@media (width<=639px){.filter-chips{flex-wrap:wrap;overflow:visible}.filter-chip{padding:6px 10px;font-size:10.5px}.library-sort-trigger{padding:6px 9px}}@media (width>=860px){.app-shell{padding-top:86px;padding-bottom:120px}.desktop-island-nav{display:flex}.floating-dock-wrap{display:none}.floating-player-wrap{bottom:20px}.ctrl-sub-btn,.ctrl-sub-btn-spacer{display:grid}.player-actions-end{display:flex}.studio-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;display:grid}}.legal-page{min-height:100vh;color:var(--ink);background-color:#f8fafc;padding:40px 20px 80px}.legal-container{background:#fff;border-radius:20px;max-width:840px;margin:0 auto;padding:clamp(24px,5vw,48px);box-shadow:0 20px 50px -15px #0f172a14,0 0 0 1px #e2e8f0e6}.legal-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.legal-back-btn{color:var(--blue);background:#0066ff14;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.legal-back-btn:hover{background:#0066ff29;transform:translate(-2px)}.legal-badge{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.legal-header h1{text-transform:uppercase;color:var(--ink);margin:0 0 8px;font:800 34px/1.1 Barlow Condensed,sans-serif}.legal-meta{color:var(--muted);margin:0;font-size:12px}.legal-content section{margin-bottom:28px}.legal-content h2{color:var(--ink);margin:0 0 12px;font-size:18px;font-weight:800}.legal-content p{color:#334155;margin:0 0 12px;font-size:14px;line-height:1.65}.legal-content ul{margin:0 0 16px 20px;padding:0}.legal-content li{color:#334155;margin-bottom:8px;font-size:14px;line-height:1.6}.legal-content code{color:var(--blue-dark);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:13px}.admin-header-pill{color:#a78bfa;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid #8b5cf666;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.admin-header-pill:hover,.admin-header-pill.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);transform:translateY(-1px);box-shadow:0 0 16px #8b5cf666}.drawer-nav-item.admin-entry{background:#8b5cf614;border:1px solid #8b5cf64d}.drawer-nav-item.admin-entry .drawer-nav-icon.admin-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.pricing-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.pricing-modal-container{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:1040px;max-height:90vh;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f172a24,0 2px 8px #0000000a}.pricing-modal-header{background:#fff;border-bottom:1px solid #0f172a0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px 16px;display:flex}.pricing-modal-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0f172a2e transparent;flex-direction:column;flex:auto;gap:22px;padding:22px 28px 28px;display:flex;overflow-y:auto}.pricing-modal-scroll::-webkit-scrollbar{width:8px}.pricing-modal-scroll::-webkit-scrollbar-track{background:0 0;margin:12px 0}.pricing-modal-scroll::-webkit-scrollbar-thumb{background:#0f172a29 padding-box padding-box;border:2px solid #0000;border-radius:999px}.pricing-modal-scroll::-webkit-scrollbar-thumb:hover{background:#0f172a47 padding-box padding-box}.pricing-header-title{flex-direction:column;gap:6px;display:flex}.pricing-header-title h2{color:var(--ink);letter-spacing:-.01em;text-transform:none;margin:0;font:600 20px/1.2 Manrope,sans-serif}.pricing-close-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#f8fafc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .18s;display:flex}.pricing-close-btn:hover{color:#ef4444;background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.active-plan-discreet{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;font:500 12px/1.3 Manrope,sans-serif;display:flex}.active-plan-discreet-info{align-items:center;gap:8px;min-width:0;display:flex}.active-dot{background:var(--blue);border-radius:99px;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 2px #06f3}.btn-manage-link{color:#64748b;cursor:pointer;white-space:nowrap;text-underline-offset:2px;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:0;font:500 11.5px/1 Manrope,sans-serif;text-decoration:underline;transition:color .15s;display:inline-flex}.btn-manage-link:hover{color:var(--ink)}.billing-toggle-container{justify-content:center;display:flex}.billing-toggle-pill{border:1px solid var(--line);background:#f1f5f9;border-radius:12px;gap:3px;padding:3px;display:inline-flex}.toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 18px;font:600 12.5px Manrope,sans-serif;transition:all .18s;display:inline-flex}.toggle-btn.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #0000000f}.discount-pill{color:var(--blue);background:#0066ff1f;border-radius:5px;padding:2px 6px;font:700 9.5px Manrope,sans-serif}.pricing-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.pricing-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:16px;padding:22px;transition:all .2s;display:flex;position:relative}.pricing-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0f}.pricing-card.featured{border:2px solid var(--blue);background:linear-gradient(#f8fbff 0%,#fff 100%);box-shadow:0 8px 24px #0066ff1a}.pricing-card.current{border-color:#e2e8f0}.featured-ribbon{background:var(--blue);color:#fff;letter-spacing:.02em;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font:600 10.5px/1 Manrope,sans-serif;display:flex;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0066ff40}.card-top{flex-direction:column;gap:6px;display:flex}.plan-name{color:var(--ink);margin:0;font:600 17px/1.2 Manrope,sans-serif}.plan-tagline{color:var(--muted);min-height:28px;margin:0;font:400 12px/1.4 Manrope,sans-serif}.price-display{align-items:baseline;gap:3px;margin-top:4px;display:flex}.price-display .currency{color:var(--ink);font:600 15px Manrope,sans-serif}.price-display .amount{color:var(--ink);letter-spacing:-.02em;font:600 26px/1 Manrope,sans-serif}.price-display .period{color:var(--muted);font:400 12px Manrope,sans-serif}.billed-yearly-note{color:var(--blue);font:600 11px Manrope,sans-serif}.credits-badge-highlight{border:1px solid var(--line);color:var(--ink);background:#f8fafc;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font:500 12px/1.3 Manrope,sans-serif;display:flex}.credits-badge-highlight svg{color:var(--blue)}.credits-badge-highlight.blue{color:var(--blue);background:#0066ff14;border-color:#06f3}.plan-features-list{flex-direction:column;flex-grow:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-features-list li{color:#334155;align-items:center;gap:8px;font:400 12px/1.4 Manrope,sans-serif;display:flex}.plan-features-list li svg.text-blue{color:var(--blue);flex-shrink:0}.btn-select-plan{border:1px solid var(--line);width:100%;color:var(--ink);letter-spacing:normal;cursor:pointer;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font:600 13px/1 Manrope,sans-serif;transition:all .18s;display:flex}.btn-select-plan:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-select-plan.primary{background:var(--blue);border:1px solid var(--blue);color:#fff;box-shadow:0 4px 14px #0066ff40}.btn-select-plan.primary:hover{background:var(--blue-dark)}.btn-current-plan-tag{color:#94a3b8;cursor:default;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;padding:8px 12px;font:500 11.5px/1 Manrope,sans-serif;display:flex}.btn-current-plan-tag svg{color:var(--blue)}.topup-packages-section{border-top:1px solid var(--line);flex-direction:column;gap:16px;padding-top:22px;display:flex}.topup-header-box{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.topup-header-text{flex-direction:column;gap:4px;display:flex}.topup-eyebrow{letter-spacing:.05em;color:var(--blue);text-transform:uppercase;font:500 11px/1 Manrope,sans-serif}.topup-header-text h3{color:var(--ink);letter-spacing:-.01em;margin:0;font:600 17px/1.3 Manrope,sans-serif}.stripe-trust-center{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:-12px;margin-bottom:-4px;font:500 11.5px/1 Manrope,sans-serif;display:flex}.stripe-trust-center svg{color:var(--blue);flex-shrink:0}.topup-cards-list{flex-direction:column;gap:10px;display:flex}.topup-row-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.topup-row-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 14px #0f172a0a}.topup-row-card.is-featured{background:#fbfdff;border:1.5px solid #0066ff73;box-shadow:0 4px 14px #0066ff0d}.topup-row-main{align-items:center;gap:14px;min-width:0;display:flex}.topup-icon-badge{width:40px;height:40px;color:var(--blue);background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.topup-row-card.is-featured .topup-icon-badge{background:#0066ff14;border-color:#06f3}.topup-row-details{flex-direction:column;gap:2px;min-width:0;display:flex}.topup-row-headline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topup-row-headline strong,.topup-name{color:var(--ink);letter-spacing:-.01em;font:600 15px/1.3 Manrope,sans-serif}.topup-badge-tag{color:var(--blue);letter-spacing:.02em;background:#0066ff14;border:1px solid #0066ff2e;border-radius:99px;padding:2px 8px;font:600 10.5px/1 Manrope,sans-serif;display:inline-block}.topup-row-sub{color:#64748b;font:400 12px/1.3 Manrope,sans-serif}.topup-row-action{flex-shrink:0;align-items:center;gap:14px;display:flex}.topup-price-val{color:var(--ink);letter-spacing:-.01em;font:600 15px/1 Manrope,sans-serif}.btn-topup-action{letter-spacing:normal;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-width:86px;height:36px;padding:8px 18px;font:600 13px/1 Manrope,sans-serif;transition:all .18s;display:inline-flex}.btn-topup-action.outline{color:var(--ink);background:#fff;border:1px solid #cbd5e1}.btn-topup-action.outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-topup-action.primary{background:var(--blue);border:1px solid var(--blue);color:#fff;box-shadow:0 2px 6px #06f3}.btn-topup-action.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}@media (width<=768px){.pricing-modal-backdrop{-webkit-backdrop-filter:blur(8px);background:#0f172aa6;align-items:flex-end;padding:0}.pricing-modal-container{border-bottom:none;border-radius:24px 24px 0 0;gap:0;max-height:90dvh;padding:0;animation:.25s ease-out slideUpMobile}.pricing-modal-header{align-items:center;gap:12px;padding:16px 16px 12px}.pricing-modal-scroll{padding:16px 14px calc(24px + env(safe-area-inset-bottom,16px));gap:16px}.pricing-modal-scroll::-webkit-scrollbar-track{margin:12px 0 0}.pricing-header-title h2{letter-spacing:-.01em;text-transform:none;font-size:19px;font-weight:600}.pricing-close-btn{width:32px;height:32px}.active-plan-discreet{padding:6px 10px;font-size:11.5px}.active-plan-discreet-info span{font-size:11.5px}.billing-toggle-container{width:100%}.billing-toggle-pill{border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;width:100%;padding:4px;display:grid}.toggle-btn{justify-content:center;padding:9px 10px;font-size:13px}.pricing-cards-grid{flex-direction:column;gap:12px;width:100%;display:flex}.pricing-card{border-radius:18px;gap:12px;width:100%;padding:18px 16px}.featured-ribbon{border-radius:6px;align-self:flex-start;margin-bottom:2px;padding:3px 8px;font-size:9.5px;position:static;transform:none}.plan-name{font-size:17px;font-weight:600}.plan-tagline{min-height:auto;font-size:12px;line-height:1.35}.price-display{margin-top:2px}.price-display .amount{font-size:26px;font-weight:600}.credits-badge-highlight{border-radius:10px;padding:8px 12px;font-size:12px}.plan-features-list{gap:6px;margin:2px 0}.plan-features-list li{font-size:12px;line-height:1.35}.btn-select-plan{border-radius:12px;min-height:44px;padding:12px;font-size:13.5px}.btn-current-plan-tag{padding:8px 12px;font-size:11.5px}.topup-packages-section{gap:14px;padding-top:16px}.topup-header-box{flex-direction:column;align-items:flex-start;gap:4px}.topup-header-text h3{font-size:16px;font-weight:600}.topup-cards-list{gap:8px}.topup-row-card{border-radius:12px;gap:10px;padding:12px 14px}.topup-icon-badge{border-radius:10px;width:36px;height:36px}.topup-row-headline strong,.topup-name{font-size:14px;font-weight:600}.topup-row-sub{font-size:11.5px}.topup-price-val{font-size:14.5px;font-weight:600}.btn-topup-action{border-radius:8px;min-width:76px;height:34px;padding:7px 14px;font-size:12.5px}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.delete-account-modal{background:#fff;border-color:#e2e8f0;max-width:520px;box-shadow:0 20px 50px #0f172a2e}.delete-account-modal .admin-modal-header,.delete-account-modal .admin-modal-footer{border-color:#e2e8f0}.delete-account-modal .admin-modal-close{color:#64748b}.delete-account-modal .admin-modal-body{color:#334155}.delete-account-modal .form-group label{color:#475569}.delete-account-modal .form-group input,.delete-account-modal .form-group select{color:#0f172a;background:#fff;border-color:#cbd5e1}.delete-account-modal .form-group select option{color:#0f172a;background:#fff}.delete-account-modal .btn-cancel{color:#334155;background:#f8fafc;border-color:#cbd5e1}.danger-header{border-bottom:1px solid #ef444433}.danger-header-title{align-items:center;gap:12px;display:flex}.danger-header-title h3{text-transform:uppercase;font:800 18px/1 Barlow Condensed,sans-serif;color:#f87171!important}.danger-icon-badge{color:#ef4444;background:#ef444426;border:1px solid #ef444459;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.danger-warning-banner{background:#ef444414;border:1px solid #ef444440;border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.danger-warning-banner p{color:#b91c1c;margin:0;font-size:13px;line-height:1.5}.danger-warning-banner strong{color:#991b1b}.danger-input-confirm{letter-spacing:.05em;font-weight:700;border-color:#ef444466!important}.danger-input-confirm:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444440!important}.drawer-nav-item.delete-account-entry:hover{background:#ef44441f;border-color:#ef44444d}.drawer-nav-icon.delete-icon{color:#f87171}.best-of-section{margin-bottom:0;position:relative}.best-of-header{justify-content:space-between;align-items:flex-end;margin-bottom:12px;padding:0 4px;display:flex}.best-of-heading{flex-direction:column;gap:2px;display:flex}.best-of-title{letter-spacing:-.5px;color:var(--ink);margin:0;font:800 24px/1 Barlow Condensed,sans-serif}.best-of-header--toggle,.best-of-header--link{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;padding:0 4px}.best-of-header--toggle .best-of-title,.best-of-header--link .best-of-title{transition:color .18s}.best-of-header--toggle:hover .best-of-title,.best-of-header--link:hover .best-of-title{color:var(--blue)}.best-of-header--static{cursor:default}.best-of-chevron{color:#64748b;flex:none;transition:transform .25s,color .18s}.best-of-header--toggle:hover .best-of-chevron{color:var(--blue)}.best-of-arrow{color:#64748b;flex:none;transition:transform .18s,color .18s}.best-of-header--link:hover .best-of-arrow{color:var(--blue);transform:translate(2px)}.best-of-section.is-collapsed .best-of-chevron{transform:rotate(-90deg)}.best-of-section.is-collapsed .best-of-header{margin-bottom:0}.home-first-idea-section .app-empty-state{min-height:188px;padding-block:24px}.best-of-see-all-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #0000000d;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.best-of-see-all-btn:hover{color:#0f172a;background:#e2e8f0;transform:translateY(-1px)}.best-of-carousel-wrap{align-items:center;display:flex;position:relative;overflow:visible}.best-of-scroll-track{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;overscroll-behavior-x:contain;gap:16px;margin-top:-6px;margin-bottom:-6px;padding:6px 4px 10px;display:flex;overflow:auto visible}.best-of-scroll-track::-webkit-scrollbar{display:none}.best-of-scroll-track:active{cursor:grabbing}.best-of-nav-btn{z-index:10;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0f172abf;border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:calc(50% - 16px);box-shadow:0 4px 16px #00000040}.best-of-nav-btn.prev{left:6px}.best-of-nav-btn.next{right:6px}.best-of-nav-btn:hover{color:#00d4ff;background:#0f172af2;transform:scale(1.1)}.best-of-card-item{cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 160px;transition:transform .22s cubic-bezier(.16,1,.3,1)}.most-played-card{text-align:left;width:104px;min-width:0;max-width:104px;color:inherit;font:inherit;background:0 0;border:0;flex:0 0 104px;padding:0}.most-played-card .best-of-stack-wrap{aspect-ratio:1;filter:none}.most-played-card .best-of-stack-layer{display:none}.most-played-card .best-of-info{min-width:0}@media (width>=640px){.best-of-card-item{flex:0 0 178px}.most-played-card{flex-basis:116px;width:116px;max-width:116px}}.best-of-card-item:hover{transform:translateY(-4px)}.best-of-card-item.selected .best-of-card-main{box-shadow:0 0 0 3px var(--blue), 0 16px 30px #0066ff47}.best-of-stack-wrap{aspect-ratio:1;filter:drop-shadow(0 14px 18px #0f172a1f);border-radius:18px;width:100%;position:relative}.best-of-stack-layer{opacity:.58;border:1px solid #ffffff6b;border-bottom:0;border-radius:14px 14px 0 0;height:10px;transition:transform .2s,opacity .2s;position:absolute;left:8px;right:8px}.best-of-stack-layer.layer-2{opacity:.3;filter:brightness(.78)saturate(.9);top:-10px;left:18px;right:18px}.best-of-stack-layer.layer-1{opacity:.55;filter:brightness(.9)saturate(.95);top:-5px}.best-of-card-item:hover .best-of-stack-layer.layer-2{opacity:.42;top:-13px}.best-of-card-item:hover .best-of-stack-layer.layer-1{opacity:.72;top:-7px}.best-of-card-main{isolation:isolate;border:1px solid #ffffff61;border-radius:18px;flex-direction:column;justify-content:space-between;padding:16px;transition:box-shadow .22s,transform .22s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff73,inset 0 -32px 46px #0f172a2e}.most-played-cover{color:#fff;background:linear-gradient(145deg,#1e293b,#0f172a);place-items:center;padding:0;display:grid}.most-played-cover img{object-fit:cover;width:100%;height:100%;display:block}.most-played-rank,.most-played-play{z-index:3;color:#fff;background:#0f172acc;border:1px solid #ffffff4d;place-items:center;display:grid;position:absolute;box-shadow:0 4px 12px #00000040}.most-played-rank{border-radius:999px;min-width:30px;height:26px;padding:0 7px;font:800 12px/1 Manrope,sans-serif;top:10px;left:10px}.most-played-play{border-radius:50%;width:34px;height:34px;bottom:10px;right:10px}.most-played-empty{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;place-items:center;gap:8px;min-height:110px;display:grid}.most-played-empty p{margin:0;font-size:13px}.best-of-card-main:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(145deg,#ffffff3d,#0000 34%),radial-gradient(circle at 72% 18%,#ffffff52,#0000 28%),linear-gradient(#0000 52%,#0f172a47);position:absolute;inset:0}.best-of-mesh-glow{z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 22%,#ffffff47 0%,#0000 42%),radial-gradient(circle at 18% 82%,#0000003d 0%,#0000 50%);position:absolute;inset:0}.best-of-genre-label{z-index:2;color:#fff;letter-spacing:0;text-shadow:0 2px 10px #00000057;font:800 26px/1.02 Barlow Condensed,sans-serif;position:relative}.best-of-card-play-btn{z-index:3;-webkit-backdrop-filter:blur(8px);color:#fff;opacity:0;background:#0f172ad9;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:12px;right:12px;transform:scale(.85);box-shadow:0 4px 12px #0000004d}.best-of-card-item:hover .best-of-card-play-btn{opacity:1;transform:scale(1)}.best-of-card-play-btn:hover{background:#06f;transform:scale(1.1)!important}.best-of-info{margin-top:10px;padding:0 2px}.best-of-info-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font:800 13.5px/1.2 Barlow Condensed,sans-serif;overflow:hidden}.best-of-info-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10.5px;overflow:hidden}.style-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(10px);background:#0f172a6b;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.style-modal{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;flex-direction:column;width:min(100%,420px);max-height:min(76vh,620px);animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.style-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.style-modal-title-row{align-items:center;gap:12px;min-width:0;display:flex}.style-modal-swatch{border-radius:14px;flex:none;width:42px;height:42px;box-shadow:inset 0 1px #ffffff80,0 8px 18px #0f172a24}.style-modal-header h3{color:var(--ink);margin:0;font:800 22px/1 Barlow Condensed,sans-serif}.style-modal-header p{color:var(--muted);margin:3px 0 0;font-size:11px;font-weight:700}.style-modal-close{border:1px solid var(--line);color:#64748b;cursor:pointer;background:#f8fafc;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.style-modal-body{gap:8px;padding:12px;display:grid;overflow-y:auto}.style-modal-track{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:46px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:8px;display:grid}.style-modal-track:hover{background:#f8fbff;border-color:#0066ff38}.style-modal-cover{width:46px;height:46px;color:var(--blue);background:#eff6ff;border-radius:12px;place-items:center;display:grid;overflow:hidden}.style-modal-cover img{object-fit:cover;width:100%;height:100%}.style-modal-track-copy{gap:3px;min-width:0;display:grid}.style-modal-track-copy strong,.style-modal-track-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.style-modal-track-copy strong{color:var(--ink);font:800 15px/1 Barlow Condensed,sans-serif}.style-modal-track-copy small{color:var(--muted);font-size:10px}.style-modal-empty{min-height:150px;color:var(--muted);text-align:center;place-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.genre-active-chip{animation:2s ease-in-out infinite pulseGlow;background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.search-clear-btn{color:#64748b;cursor:pointer;background:#e2e8f0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear-btn:hover{color:#0f172a;background:#cbd5e1}.library-empty-state{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:16px 0;padding:48px 24px;display:flex}.library-empty-icon{width:54px;height:54px;color:var(--blue);background:#e2e8f0;border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.library-empty-state h3{color:var(--ink);margin:0 0 6px;font:700 18px Barlow Condensed,sans-serif}.library-empty-state p{color:var(--muted);max-width:360px;margin:0 0 16px;font-size:12px;line-height:1.5}.library-reset-filter-btn{background:var(--blue);color:#fff;cursor:pointer;border-radius:999px;padding:8px 18px;font-size:11.5px;font-weight:700;transition:all .18s}.library-reset-filter-btn:hover{background:#0052cc;transform:scale(1.04)}.desktop-suno-sidebar,.suno-desktop-timeline,.suno-workspace-header,.suno-playing-dot,.suno-cover-duration,.suno-track-version-tag{display:none}@media (width>=1024px){.app-shell{min-height:100vh;padding-top:0!important;padding-bottom:var(--player-height,0px)!important;padding-left:240px!important}.island-header-wrap,.floating-dock-wrap,.mobile-only{display:none!important}.main-content-container{box-sizing:border-box;max-width:100%!important;margin:0!important;padding:20px 28px!important}.desktop-suno-sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:50;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:240px;height:100vh;padding:20px 14px;position:fixed;top:0;bottom:0;left:0;display:flex!important}.suno-sidebar-header{border-bottom:1px solid var(--line-subtle);padding:0 6px 16px}.suno-sidebar-brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-width:0;padding:0;text-decoration:none;display:flex;overflow:hidden}.suno-sidebar-brand .brand-icon{flex:0 0 36px;width:36px;min-width:36px;height:36px}.suno-brand-text{letter-spacing:.6px;color:var(--ink);white-space:nowrap;flex:0 auto;min-width:0;font:900 24px/1 Barlow Condensed,sans-serif}.suno-brand-text span{color:var(--blue)}.suno-sidebar-nav{flex-direction:column;flex:1;gap:6px;margin-top:14px;display:flex}.suno-nav-btn{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:700;transition:all .16s;display:flex}.suno-nav-btn:hover{background:var(--soft-gray);color:var(--ink)}.suno-nav-btn.active{color:var(--blue);background:#0066ff14;font-weight:800}.suno-create-btn{margin:0}.suno-create-btn:hover{background:var(--soft-gray);color:var(--ink)}.suno-create-btn.active{color:var(--blue);box-shadow:none;background:#0066ff14;border-color:#0000;font-weight:800}.suno-sidebar-divider{background:var(--line);height:1px;margin:14px 4px 0}.suno-user-profile-row{cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;transition:background .16s;display:flex}.suno-user-profile-row:hover{background:0 0}.suno-user-avatar-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 6px #0066ff80}.suno-user-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.suno-user-credits{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:4px 9px;font-size:11.5px;font-weight:800;line-height:1;transition:background .16s;display:inline-flex}.suno-user-credits:hover{background:#1e293b}.suno-sidebar-footer{flex-direction:column;gap:2px;padding-top:8px;display:flex}.suno-footer-btn{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:12.5px;font-weight:700;transition:all .16s;display:flex}.suno-footer-btn:hover{color:var(--ink);background:var(--soft-gray)}.suno-footer-btn.active{color:var(--blue);background:#0066ff14}.suno-notif-badge{color:#fff;background:#ef4444;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:800}.suno-cta-btn{background:linear-gradient(#1463ff, #1463ff) padding-box, conic-gradient(from var(--cta-led-angle), #1463ff 0deg 275deg, #ffffff47 296deg, #fff 318deg, #fff 336deg, #ffffff47 354deg, #1463ff 360deg) border-box;color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;isolation:isolate;--cta-led-angle:0deg;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:11px 14px;font-size:12px;font-weight:800;transition:filter .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.suno-cta-btn>span:not(.suno-cta-led){z-index:2;position:relative}.suno-cta-btn:hover{filter:brightness(1.08);box-shadow:0 4px 14px hsl(var(--primary) / .45)}.suno-cta-btn .suno-cta-led{display:none}.suno-cta-btn.is-led-running{animation:2.4s linear infinite cta-led-run}@property --cta-led-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes cta-led-run{to{--cta-led-angle:360deg}}.notif-center-modal{max-width:380px}.notif-center-modal .suno-notifs-popover-header{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.notif-center-modal .suno-notifs-popover-title{color:var(--ink);align-items:center;gap:6px;font-size:12px;display:flex}.notif-center-modal .suno-notifs-popover-list{flex-direction:column;gap:6px;max-height:min(60vh,420px);display:flex;overflow-y:auto}.studio-layout{box-sizing:border-box;height:calc(100vh - 40px - var(--player-height,0px))!important;height:calc(100dvh - 40px - var(--player-height,0px))!important;max-height:calc(100dvh - 40px - var(--player-height,0px))!important;grid-template-columns:420px 1fr!important;align-items:stretch!important;gap:24px!important;min-height:0!important;display:grid!important;overflow:hidden!important}.studio-main-col,.studio-side-col{flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;padding-right:0!important;display:flex!important;overflow:hidden!important}.studio-layout .create-console-wrap{flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.studio-layout .create-console-wrap .mode-segmented-control{flex-shrink:0!important;max-width:100%!important;margin-bottom:12px!important}.studio-layout .create-console{box-sizing:border-box!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:20px!important;flex-direction:column!important;flex:1!important;gap:0!important;height:auto!important;min-height:0!important;max-height:100%!important;padding:16px 18px!important;display:flex!important;overflow:hidden!important;box-shadow:0 10px 30px #0f172a0a!important}.suno-model-badge{padding:5px 9px;font-size:10.5px}.studio-layout .console-mode-body{scrollbar-width:thin!important;scrollbar-color:#0f172a2e transparent!important;flex-direction:column!important;flex:1!important;gap:12px!important;min-height:0!important;margin-bottom:0!important;padding-right:4px!important;display:flex!important;overflow-y:auto!important}.studio-layout .console-mode-body::-webkit-scrollbar{width:6px}.studio-layout .console-mode-body::-webkit-scrollbar-track{background:0 0}.studio-layout .console-mode-body::-webkit-scrollbar-thumb{background:#0f172a29;border-radius:99px}.studio-layout .console-mode-body::-webkit-scrollbar-thumb:hover{background:#0f172a47}.suno-section-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:0;padding:12px 14px}.suno-label-left{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.studio-layout .suno-create-action-footer{border-top:1px solid var(--line)!important;background:#fff!important;flex-shrink:0!important;margin-top:12px!important;padding-top:10px!important}.studio-recent-list{scrollbar-width:thin!important;scrollbar-color:#0f172a2e transparent!important;flex:1!important;min-height:0!important;padding-right:0!important;overflow-y:auto!important}.suno-workspace-header{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex!important}.suno-breadcrumb{color:var(--muted);font-size:15px}.suno-breadcrumb strong{color:var(--ink);font-weight:800}.suno-breadcrumb i{color:var(--muted);margin:0 6px;font-style:normal}.suno-workspace-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.suno-search-box{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:8px;max-width:260px;padding:6px 12px;display:flex}.suno-search-box input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;font-size:12px}.suno-clear-search{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.suno-toolbar-actions{align-items:center;gap:8px;display:flex}.suno-tool-btn,.suno-view-mode-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:700;transition:all .16s;display:flex}.suno-tool-btn:hover,.suno-view-mode-btn:hover{background:var(--soft-gray);border-color:#cbd5e1}.suno-sort-select{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-size:11.5px;font-weight:700}.floating-player-wrap{z-index:70!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizelegibility!important;background:#fff!important;border-top:1px solid #e2e8f0!important;width:calc(100vw - 240px)!important;height:58px!important;padding:0!important;display:block!important;position:fixed!important;bottom:0!important;left:240px!important;right:0!important;box-shadow:0 -2px 10px #0000000a!important}.island-player-bar{width:100%!important;max-width:100%!important;height:100%!important;box-shadow:none!important;cursor:default!important;will-change:auto!important;background:0 0!important;border:0!important;border-radius:0!important;align-items:center!important;padding:0 20px!important;display:flex!important;transform:none!important}.island-scrubber-progress{display:none!important}.player-inner{grid-template-columns:260px 1fr 260px!important;align-items:center!important;gap:16px!important;width:100%!important;padding:0!important;display:grid!important}.player-center-group{flex-direction:column;align-items:center;gap:3px;width:100%;max-width:520px;margin:0 auto;display:flex}.player-controls{justify-content:center;align-items:center;gap:10px;display:flex}.ctrl-sub-btn,.ctrl-sub-btn-spacer{display:grid!important}.suno-desktop-timeline{align-items:center;gap:8px;width:100%;max-width:440px;display:flex!important}.suno-timeline-time{font-variant-numeric:tabular-nums;color:#94a3b8;text-align:center;min-width:28px;font-size:10.5px;font-weight:600;line-height:1}.suno-timeline-bar-wrap{cursor:pointer;background:#0f172a14;border-radius:999px;flex:1;height:3px;transition:height .15s;position:relative}.suno-timeline-bar-wrap:hover{height:4.5px}.suno-timeline-fill{background:var(--blue);pointer-events:none;height:100%;box-shadow:none;border-radius:999px;transition:width 80ms linear;position:absolute;top:0;left:0}.suno-timeline-slider{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.player-actions-end{justify-content:flex-end;align-items:center;gap:3px;display:flex!important}.track-time-label{display:none!important}}.share-page{background:var(--paper,#f8fafc);min-height:100dvh;color:var(--ink,#0f172a);flex-direction:column;padding:0;display:flex;overflow-x:hidden}.share-page-topbar{z-index:10;-webkit-backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:min(1020px,100% - 32px);margin:16px auto 0;padding:12px 20px;display:flex;box-shadow:0 8px 30px #0f172a0d}.share-page-brand{letter-spacing:-.02em;text-transform:uppercase;align-items:center;gap:10px;font:800 22px/1 Barlow Condensed,sans-serif;text-decoration:none;display:inline-flex}.share-page-brand .brand-mark{background:var(--blue,#06f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #0066ff40}.share-page-brand .brand-mark img,.share-page-brand .brand-logo-img{object-fit:cover;width:100%;height:100%;display:block}.share-page-brand .brand-name{color:#0f172a}.share-page-brand em{color:var(--blue,#06f);font-style:normal}.share-page-cta-top{background:var(--blue,#06f);border-radius:12px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #0066ff59;color:#fff!important}.share-page-cta-top:hover{background:var(--blue-dark,#0052cc);transform:translateY(-1px);box-shadow:0 6px 24px #0066ff80}.share-page-content{flex:1;place-items:center;width:100%;padding:24px 16px 48px;display:grid}.share-expanded-player{border-radius:28px;width:min(980px,100%);height:min(680px,100vh - 120px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a1f,0 0 0 1px #e2e8f0e6}.share-create-btn{color:#60a5fa;background:#0066ff2e;border:1px solid #0066ff59;border-radius:9px;align-items:center;gap:5px;padding:7px 12px;font-size:8.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.share-create-btn:hover{background:var(--blue);color:#fff}.share-toast{z-index:1000;color:#fff;background:#0f172a;border:1px solid #ffffff26;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:700;animation:.2s fadeIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@media (width<=768px){.share-page-topbar{border-top:none;border-left:none;border-right:none;border-radius:0;width:100%;margin:0;padding:12px 16px}.share-page-content{padding:12px 12px 24px}.share-expanded-player{height:auto;max-height:calc(100dvh - 80px)}}.error-screen{color:#0f172a;background:#fff;place-items:center;min-height:100vh;padding:32px;display:grid}.error-screen__card{text-align:center;gap:12px;max-width:420px;display:grid}.error-screen__card h1{margin:0;font-size:26px}.error-screen__card p{color:#475569;margin:0;font-size:15px}.error-screen__card button{cursor:pointer;color:#fff;background:#0874f8;border:0;border-radius:99px;justify-self:center;padding:12px 22px;font-weight:700}@media (width<=620px){.share-card{grid-template-columns:1fr}.share-card__cover{justify-self:center;max-width:220px}}.onboarding-overlay{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09102094;place-items:center;padding:20px;animation:.22s ease-out onboarding-fade;display:grid;position:fixed;inset:0}.onboarding-card{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);text-align:center;border-radius:22px;width:min(440px,100%);padding:30px 26px 24px;animation:.26s cubic-bezier(.22,.9,.28,1) onboarding-rise;position:relative;box-shadow:0 30px 70px #08142d47}.onboarding-close{border:1px solid var(--border,#e2e8f0);width:30px;height:30px;color:var(--muted,#64748b);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.onboarding-close:hover{color:var(--brand,#0874f8);background:#0874f814}.onboarding-icon{color:#fff;background:linear-gradient(140deg,#0874f8,#6d3bf5);border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 16px;display:grid;box-shadow:0 14px 30px #0874f84d}.onboarding-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--brand,#0874f8);background:#0874f81a;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.onboarding-card h2{margin:0 0 10px;font-size:21px;line-height:1.25}.onboarding-card p{color:var(--muted,#64748b);margin:0 0 20px;font-size:14px;line-height:1.6}.onboarding-dots{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.onboarding-dots span{background:var(--border,#e2e8f0);border-radius:99px;width:22px;height:4px;transition:background .2s,width .2s}.onboarding-dots span.active{background:var(--brand,#0874f8);width:34px}.onboarding-dots span.done{background:#0874f873}.onboarding-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.onboarding-skip{color:var(--muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600}.onboarding-skip:hover{color:var(--text,#0f172a)}.onboarding-next{color:#fff;cursor:pointer;background:linear-gradient(140deg,#0874f8,#6d3bf5);border:none;border-radius:13px;align-items:center;gap:8px;padding:12px 18px;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 12px 26px #0874f847}.onboarding-next:hover{filter:brightness(1.05)}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes onboarding-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@media (width<=520px){.onboarding-card{padding:26px 18px 20px}.onboarding-actions{flex-direction:column-reverse;align-items:stretch}.onboarding-next{justify-content:center}}.suno-filter-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:12px;margin-top:8px;padding:12px 14px;animation:.22s both fh-panel-in;display:grid;box-shadow:0 8px 22px #0f172a0d}.suno-filter-group{gap:8px;display:grid}.suno-filter-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.suno-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.suno-filter-chip,.suno-filter-clear{border:1px solid var(--line);background:var(--surface);color:var(--ink-light);font:inherit;cursor:pointer;border-radius:99px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:600;transition:transform .16s,background .16s,border-color .16s,color .16s;display:inline-flex}.suno-filter-chip:hover,.suno-filter-clear:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.suno-filter-chip:active{transform:scale(.97)}.suno-filter-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.suno-filter-clear{color:var(--muted);border-style:dashed}.suno-tool-btn.active{border-color:var(--blue);color:var(--blue)}@keyframes fh-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.track-list .track-row,.studio-recent-list .track-row,.collection-list .track-row{animation:.34s cubic-bezier(.22,.68,.32,1) both fh-row-in}.track-list .track-row:first-child,.studio-recent-list .track-row:first-child{animation-delay:20ms}.track-list .track-row:nth-child(2),.studio-recent-list .track-row:nth-child(2){animation-delay:50ms}.track-list .track-row:nth-child(3),.studio-recent-list .track-row:nth-child(3){animation-delay:80ms}.track-list .track-row:nth-child(4),.studio-recent-list .track-row:nth-child(4){animation-delay:.11s}.track-list .track-row:nth-child(n+5),.studio-recent-list .track-row:nth-child(n+5){animation-delay:.14s}@keyframes fh-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.track-row{transition:background .18s,box-shadow .18s}.track-row:hover{box-shadow:inset 0 0 0 1px #0f172a0a}.track-row .cover-art{transition:transform .22s}.track-row:hover .cover-art{transform:scale(1.04)}}.toast{animation:.28s cubic-bezier(.18,.9,.28,1) both fh-toast-in}@keyframes fh-toast-in{0%{opacity:0;transform:translate(-50%,14px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}.analytics-line-card .analytics-line-wrap{width:100%}.analytics-line-card svg{width:100%;height:170px;display:block;overflow:visible}.analytics-line-card .line-grid{stroke:var(--line);stroke-width:1px}.analytics-line-card .line-area{opacity:.16}.analytics-line-card .line-path{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.analytics-line-card .line-dot{r:2.6}.admin-alert-banner{color:#b91c1c;background:#ef444412;border:1px solid #ef444459;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:13px;font-weight:600;animation:.24s both fh-panel-in;display:flex}.admin-alert-banner.warn{color:#b45309;background:#f59e0b17;border-color:#f59e0b66}.admin-alert-banner strong{font-size:13.5px;display:block}.admin-alert-banner span{opacity:.9;font-weight:500;display:block}.admin-alert-banner .btn-action-sm{flex:none;margin-left:auto}@media (width<=640px){.admin-pagination{justify-content:space-between}.admin-alert-banner{flex-wrap:wrap;align-items:flex-start}.admin-alert-banner .btn-action-sm{margin-left:30px}}@media (prefers-reduced-motion:reduce){.suno-filter-panel,.track-list .track-row,.studio-recent-list .track-row,.collection-list .track-row,.toast,.admin-alert-banner{animation:none!important}.track-row:hover{transform:none}}.drawer-settings-section{gap:8px;margin:4px 0 2px;display:grid}.drawer-setting-row{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.drawer-setting-row .drawer-nav-text{flex:1;gap:2px;min-width:0;display:grid}.drawer-setting-row .drawer-nav-text strong{font-size:13.5px}.drawer-setting-row .drawer-nav-text span{color:var(--muted);font-size:11.5px;line-height:1.35}.drawer-switch{cursor:pointer;background:#cbd5e1;border:0;border-radius:99px;flex:none;justify-content:flex-start;align-items:center;width:44px;height:26px;padding:3px;transition:background .2s;display:flex}.drawer-switch.on{background:var(--blue);justify-content:flex-end}.drawer-switch:disabled{opacity:.5;cursor:not-allowed}.drawer-switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 1px 3px #0f172a4d}.app-empty-state{border:1px dashed var(--line);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:34px 24px;display:flex}.app-empty-state.compact{text-align:left;border-style:solid;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;gap:4px 12px;min-height:126px;padding:18px;display:grid}.app-empty-state-icon{border:1px solid var(--line);width:48px;height:48px;color:var(--blue);background:var(--soft-gray);border-radius:12px;flex:none;place-items:center;display:grid}.app-empty-state.compact .app-empty-state-icon{grid-row:1/3;width:42px;height:42px}.app-empty-state-copy{min-width:0}.app-empty-state-eyebrow{color:var(--blue);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font:600 10.5px/1 Manrope,sans-serif;display:block}.app-empty-state h3{color:var(--ink);letter-spacing:-.01em;text-transform:none;margin:0;font:600 15px/1.3 Manrope,sans-serif}.app-empty-state p{max-width:390px;color:var(--muted);margin:4px 0 0;font:400 12.5px/1.45 Manrope,sans-serif}.app-empty-state-action{border:1px solid var(--blue);min-height:40px;color:var(--blue);background:var(--surface);border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.app-empty-state-action:hover{color:var(--surface);background:var(--blue)}.app-empty-state.compact .app-empty-state-action{grid-column:2;justify-self:start}.notif-empty-state .app-empty-state,.suno-notifs-popover-list>.app-empty-state,.drawer-notif-list>.app-empty-state{background:var(--soft-gray);border:0;min-height:112px}.drawer-nav-item,.social-link-item,.drawer-setting-row{border-radius:12px;min-height:48px}.suno-filter-chip,.suno-filter-clear{border-radius:9px;min-height:38px}.suno-tool-btn,.suno-view-mode-btn,.suno-sort-select{min-height:38px}@media (width<=639px){.track-row{gap:8px;padding:10px}.track-actions{gap:0;margin-right:-7px}.track-actions button,.track-more-btn{border-radius:8px;width:32px;height:38px}.app-empty-state{min-height:190px;padding:28px 18px}.app-empty-state.compact{min-height:126px}}.playlist-list-panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:10px;padding:4px 6px 6px}.playlist-list-panel__header{justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 6px;display:flex}.playlist-list-panel__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted,#7c8aa5);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.playlist-list-panel__label small{color:#7c8aa5a6;letter-spacing:0;text-transform:none;font-size:10px;font-weight:600}.playlist-list-panel__add{min-height:26px;color:var(--text-muted,#7c8aa5);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #7c8aa540;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font:600 10px/1 inherit;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.playlist-list-panel__add:hover{color:var(--blue,#06f);background:#0066ff0f;border-color:#0066ff59}.playlist-new-row{align-items:center;gap:6px;padding:4px 4px 6px;display:flex}.playlist-new-row input{min-height:32px;color:var(--ink);background:#fff;border:1px solid #0066ff4d;border-radius:10px;outline:none;flex:1;padding:0 12px;font-size:14px}.playlist-new-row input:focus{border-color:var(--blue,#06f);box-shadow:0 0 0 2px #0066ff1f}.playlist-new-row__confirm{background:var(--blue,#06f);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:5px;min-height:32px;padding:0 12px;font:600 12px/1 inherit;display:inline-flex}.playlist-new-row__cancel{border:1px solid var(--line);min-width:32px;min-height:32px;color:var(--text-muted,#7c8aa5);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.playlist-list-items{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0f172a29 transparent;flex-direction:column;gap:1px;max-height:200px;display:flex;overflow-y:auto}.playlist-list-items::-webkit-scrollbar{width:6px}.playlist-list-items::-webkit-scrollbar-track{background:0 0}.playlist-list-items::-webkit-scrollbar-thumb{background:#0f172a29 padding-box padding-box;border:2px solid #0000;border-radius:999px}.playlist-list-item{border-radius:8px;align-items:center;gap:2px;transition:background .12s;display:flex}.playlist-list-item>button:not(.playlist-list-item__delete){min-width:0;min-height:34px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:6px 8px;display:flex}.playlist-list-item__icon{width:18px;color:var(--text-muted,#7c8aa5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.playlist-list-item__name{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.playlist-list-item__count{color:var(--text-muted,#7c8aa5);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;align-self:center;min-width:22px;padding-right:8px;font-size:11px;font-weight:600}.playlist-list-item__delete{min-width:26px;min-height:28px;color:var(--text-muted,#7c8aa5);opacity:.45;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s,opacity .12s;display:inline-flex}.playlist-list-item__delete:hover{opacity:1;color:#e05252}.playlist-list-item:hover{background:#788cb412}.playlist-list-item.active{background:#0066ff14}.playlist-list-item.active .playlist-list-item__icon,.playlist-list-item.active .playlist-list-item__name,.playlist-list-item.active .playlist-list-item__count{color:var(--blue,#06f)}.playlist-sheet-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060a149e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.playlist-sheet{background:var(--surface,#101827);border:1px solid #788cb438;border-radius:20px;width:min(430px,100%);padding:20px;box-shadow:0 24px 60px #00000073}.playlist-sheet header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.playlist-sheet header h3{margin:4px 0 0;font-size:18px}.playlist-sheet header button{min-width:40px;min-height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%}.playlist-sheet__hint{opacity:.75;font-size:14px}.playlist-sheet__list{gap:8px;max-height:260px;margin-bottom:14px;display:grid;overflow:auto}.playlist-sheet__list button{min-height:46px;color:inherit;cursor:pointer;background:0 0;border:1px solid #788cb43d;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:15px;display:flex}.playlist-sheet__list button.active{color:#7fe1ff;border-color:#00b3ff}.playlist-sheet__new{gap:8px;display:flex}.playlist-sheet__new input{min-height:44px;color:inherit;background:0 0;border:1px solid #788cb447;border-radius:12px;flex:1;padding:0 14px;font-size:15px}.playlist-sheet__new button{color:#fff;cursor:pointer;background:#06f;border:0;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-weight:600;display:inline-flex}.share-topbar{justify-content:space-between;align-items:center;gap:12px;width:min(960px,100%);margin:0 auto 18px;display:flex}.share-topbar__brand{letter-spacing:.06em;font-weight:800}.share-topbar__cta{color:#7fe1ff;background:#00b3ff24;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none}.share-player{gap:12px;margin:6px 0 16px;display:grid}.share-play.is-playing{background:#00b3ff2e}.share-audio{width:100%;max-width:420px}.trial-pass-highlight{background:radial-gradient(120% 140% at 0% 0%, #0da2e729, transparent 60%), var(--surface-2,#ffffff08);border:1px solid #0da2e773;border-radius:18px;margin:0 0 20px;padding:18px;position:relative;box-shadow:0 12px 32px -18px #0da2e78c}.trial-pass-badge{letter-spacing:.06em;color:#0284c7;background:#0284c71a;border:1px solid #0284c747;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.trial-pass-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.trial-pass-info{flex:220px;min-width:0}.trial-pass-info h3{margin:8px 0 4px;font-size:1.12rem}.trial-pass-info p{opacity:.75;margin:0;font-size:.84rem}.btn-trial-pass{cursor:pointer;white-space:nowrap;color:#04121c;background:linear-gradient(135deg,#42dbfa,#0da2e7);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.9rem;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex}.btn-trial-pass:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-trial-pass:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.trial-pass-body{flex-direction:column;align-items:stretch}.btn-trial-pass{width:100%}}.video-export-overlay{z-index:1400;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050919a8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.video-export-modal{border:1px solid var(--line);background:var(--surface);scrollbar-width:thin;border-radius:18px;width:min(400px,100%);max-height:calc(100vh - 28px);padding:14px;overflow:auto;box-shadow:0 26px 70px #05091973}.video-export-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.video-export-head span{align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:inline-flex}.video-export-head button{color:var(--muted)}.video-export-body{flex-direction:column;gap:0;min-width:0;display:flex}.video-export-stage{place-items:center;display:grid;position:relative}.video-export-side{flex-direction:column;min-width:0;display:flex}.video-export-canvas{background:#050919;border-radius:14px;width:auto;max-width:100%;height:268px;display:block}.video-export-canvas.square{height:232px}@media (width>=760px){.video-export-modal{width:min(760px,100%);padding:18px}.video-export-body{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.video-export-canvas{height:420px}.video-export-canvas.square{height:300px}.video-export-controls{margin-top:0}}.video-export-progress{background:#ffffff38;border-radius:99px;height:5px;position:absolute;bottom:10px;left:10%;right:10%;overflow:hidden}.video-export-progress i{background:#38bdf8;height:100%;transition:width .2s linear;display:block}.video-export-controls{flex-direction:column;gap:10px;margin:14px 0 4px;display:flex}.video-export-group small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10.5px;font-weight:800;display:block}.video-export-chips{flex-wrap:wrap;gap:6px;display:flex}.video-export-chips button,.video-export-upload{border:1px solid var(--line);height:34px;color:var(--ink);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.video-export-chips button.active{border-color:var(--blue);color:var(--blue);background:#2563eb1a}.video-export-chips button:disabled{opacity:.55;cursor:not-allowed}.video-export-upload input{display:none}.video-export-foot{gap:8px;margin-top:14px;display:flex}.video-export-foot button{height:44px;color:var(--muted);background:var(--soft-gray);border-radius:12px;flex:auto;font-size:13px;font-weight:800}.video-export-foot .video-export-primary{color:#fff;background:var(--blue);justify-content:center;align-items:center;gap:8px;display:inline-flex}.video-export-foot .video-export-primary:disabled{opacity:.75}.video-export-hint{color:var(--muted);text-align:center;margin:10px 2px 0;font-size:11.5px}.video-export-modal .spin{animation:1s linear infinite videoExportSpin}@keyframes videoExportSpin{to{transform:rotate(360deg)}}.video-export-veil{color:#e2e8f5;background:#04060f9e;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.video-export-trim{flex-direction:column;gap:6px;display:flex}.video-export-trim label{color:var(--muted);align-items:center;gap:10px;font-size:11.5px;font-weight:700;display:flex}.video-export-trim label span{flex:none;width:42px}.video-export-trim input[type=range]{height:22px;accent-color:var(--blue);cursor:pointer;flex:auto}.video-export-foot button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.playlist-select{position:relative}.playlist-select__trigger{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,background .15s;display:flex}.playlist-select__trigger:hover,.playlist-select.is-open .playlist-select__trigger{background:#0066ff0a;border-color:#0066ff59}.playlist-select__icon{color:var(--blue,#06f);flex-shrink:0;display:inline-flex}.playlist-select__label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.playlist-select__count{color:var(--text-muted,#7c8aa5);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.playlist-select__chevron{color:var(--text-muted,#7c8aa5);flex-shrink:0;transition:transform .18s}.playlist-select.is-open .playlist-select__chevron{transform:rotate(180deg)}.playlist-select__menu{z-index:40;transform-origin:top;background:#fff;border:1px solid #0f172a12;border-radius:16px;padding:8px;animation:.16s ease-out playlistMenuIn;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 22px 48px #0f172a29}@keyframes playlistMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.playlist-select__menu-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#7c8aa5);justify-content:space-between;align-items:center;gap:8px;padding:2px 6px 8px;font:700 10px/1 inherit;display:flex}.playlist-select__menu-head small{letter-spacing:0;text-transform:none;opacity:.55;margin-left:4px;font-weight:600}.playlist-select__menu .playlist-list-items{gap:2px}.playlist-select__menu .playlist-list-item{border-radius:10px;padding-right:6px}.playlist-select__menu .playlist-list-item>button:not(.playlist-list-item__delete){gap:10px;min-height:40px;padding:6px 10px}.playlist-select__menu .playlist-list-item__icon{background:#788cb41a;border-radius:8px;width:26px;height:26px}.playlist-select__menu .playlist-list-item.active .playlist-list-item__icon{background:#0066ff1f}.playlist-select__menu .playlist-list-item__count{color:var(--text-muted,#7c8aa5);background:#788cb41f;border-radius:999px;padding:2px 8px;font-size:11px}.playlist-select__menu .playlist-list-item.active .playlist-list-item__count{color:var(--blue,#06f);background:#0066ff24}.playlist-select__menu .playlist-list-item.active{box-shadow:inset 2px 0 0 var(--blue,#06f);background:#0066ff12}.playlist-select__menu .playlist-list-item__delete{opacity:.55;border-radius:8px;min-width:26px;min-height:30px;transition:opacity .12s,color .12s,background .12s}.playlist-select__menu .playlist-list-item:hover .playlist-list-item__delete,.playlist-select__menu .playlist-list-item__delete:focus-visible{opacity:.75}.playlist-select__menu .playlist-list-item__delete:hover{opacity:1;color:#e05252;background:#e052521a}.style-preset-description{color:#ffffff9e;margin:10px 0 0;font-size:12.5px;line-height:1.5}.voice-clone-row{flex-direction:column;gap:10px;display:flex}.voice-clone-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.voice-clone-manage{cursor:pointer;color:var(--accent,#06f);background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.voice-clone-buttons{flex-wrap:wrap}.voice-clone-empty{color:#6b7280;margin:0;font-size:12px}.voice-clone-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090b149e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.voice-clone-modal{background:#fff;border-radius:18px;width:100%;max-width:420px;max-height:86vh;padding:18px;overflow-y:auto;box-shadow:0 24px 60px #0a0c1847}.voice-clone-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.voice-clone-header h3{margin:0;font-size:16px}.voice-clone-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.voice-clone-close{cursor:pointer;color:#4b5563;background:#f1f3f7;border:none;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.voice-clone-body{flex-direction:column;gap:14px;margin-top:14px;display:flex}.voice-clone-loading,.voice-clone-processing{color:#4b5563;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;display:flex}.voice-clone-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.voice-clone-item{border:1px solid #e6e8ef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.voice-clone-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.voice-clone-status{color:#6b7280;white-space:nowrap;font-size:11px}.voice-clone-item.status-pronta .voice-clone-status{color:#0f9d58}.voice-clone-item.status-falhou .voice-clone-status{color:#dc2626}.voice-clone-delete,.voice-clone-retry{cursor:pointer;color:#9aa1ad;opacity:.75;background:0 0;border:none;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.voice-clone-delete:hover{opacity:1;color:#dc2626;background:#fef2f2}.voice-clone-retry:hover{opacity:1;color:#0b74c9;background:#eaf4fd}.voice-clone-retry:disabled,.voice-clone-delete:disabled{cursor:default;opacity:.5}.voice-clone-item-error{color:#b42318;flex-basis:100%;margin:0;font-size:12px;line-height:1.4}.voice-clone-step{flex-direction:column;gap:10px;display:flex}.voice-clone-step-title{color:#374151;margin:0;font-size:13px;font-weight:600}.voice-clone-step-hint{color:#6b7280;margin:0;font-size:12px;line-height:1.45}.voice-clone-phrase{color:#111827;background:#f6f8fc;border-radius:12px;margin:0;padding:12px;font-size:14px;font-weight:600;line-height:1.4}.voice-clone-input{border:1px solid #e2e5ee;border-radius:10px;width:100%;padding:10px 12px;font-size:13px}.voice-clone-actions{flex-wrap:wrap;gap:8px;display:flex}.voice-clone-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e2e5ee;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.voice-clone-btn.primary{background:var(--accent,#06f);color:#fff;border-color:#0000}.voice-clone-btn.danger{color:#dc2626;border-color:#fecaca}.voice-clone-btn:disabled{opacity:.55;cursor:not-allowed}.voice-clone-locked{color:#6b7280;margin:0;font-size:12px}.voice-clone-error{color:#dc2626;margin:0;font-size:12px}.voice-clone-notice{color:#0369a1;margin:0;font-size:12px}.voice-clone-modal .spin{animation:1s linear infinite spin}.video-export-modal,.voice-clone-modal,.pricing-modal-scroll,.island-center-menu,.style-modal-body,.drawer-notif-list,.playlist-list-items,.playlist-sheet__list,.expanded-lyrics-text,.admin-sidebar-nav,.json-viewer{scrollbar-width:thin;scrollbar-color:#0f172a2e transparent}.video-export-modal::-webkit-scrollbar{background:0 0;width:10px;height:10px}.voice-clone-modal::-webkit-scrollbar{background:0 0;width:10px;height:10px}.pricing-modal-scroll::-webkit-scrollbar{background:0 0;width:10px;height:10px}.island-center-menu::-webkit-scrollbar{background:0 0;width:10px;height:10px}.style-modal-body::-webkit-scrollbar{background:0 0;width:10px;height:10px}.drawer-notif-list::-webkit-scrollbar{background:0 0;width:10px;height:10px}.playlist-list-items::-webkit-scrollbar{background:0 0;width:10px;height:10px}.playlist-sheet__list::-webkit-scrollbar{background:0 0;width:10px;height:10px}.expanded-lyrics-text::-webkit-scrollbar{background:0 0;width:10px;height:10px}.admin-sidebar-nav::-webkit-scrollbar{background:0 0;width:10px;height:10px}.json-viewer::-webkit-scrollbar{background:0 0;width:10px;height:10px}.video-export-modal::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.voice-clone-modal::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.pricing-modal-scroll::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.island-center-menu::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.style-modal-body::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.drawer-notif-list::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.playlist-list-items::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.playlist-sheet__list::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.expanded-lyrics-text::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.admin-sidebar-nav::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.json-viewer::-webkit-scrollbar-track{background:0 0;border:0;margin:20px 0}.video-export-modal::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.voice-clone-modal::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.pricing-modal-scroll::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.island-center-menu::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.style-modal-body::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.drawer-notif-list::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.playlist-list-items::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.playlist-sheet__list::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.expanded-lyrics-text::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.admin-sidebar-nav::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.json-viewer::-webkit-scrollbar-thumb{background:#0f172a33 padding-box content-box;border:3px solid #0000;border-radius:999px}.video-export-modal::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.voice-clone-modal::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.pricing-modal-scroll::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.island-center-menu::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.style-modal-body::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.drawer-notif-list::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.playlist-list-items::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.playlist-sheet__list::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.expanded-lyrics-text::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.admin-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.json-viewer::-webkit-scrollbar-thumb:hover{background:#0f172a57 padding-box content-box}.video-export-modal,.voice-clone-modal,.pricing-modal-scroll{overflow-x:hidden}.video-export-modal::-webkit-scrollbar-corner{background:0 0}.voice-clone-modal::-webkit-scrollbar-corner{background:0 0}.pricing-modal-scroll::-webkit-scrollbar-corner{background:0 0}.island-center-menu::-webkit-scrollbar-corner{background:0 0}.base-audio-card{flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.base-audio-toggle{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:7px;max-width:100%;margin:0 auto;padding:7px 15px;font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0f172a0f}.base-audio-toggle:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb24}.base-audio-toggle:active{background:#dbeafe;transform:translateY(0)}.base-audio-toggle svg{color:#64748b;opacity:1;margin-left:2px;transition:transform .18s,color .18s}.base-audio-toggle:hover svg{color:#1d4ed8;transform:translate(2px)}.base-audio-card-inner{flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.base-audio-upload{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.base-audio-upload:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.base-audio-upload:disabled{opacity:.6;cursor:progress}.base-audio-hint,.base-audio-error{color:var(--text-tertiary,#94a3b8);font-size:11px;line-height:1.4}.base-audio-error{color:#dc2626}.base-audio-file{background:var(--surface-muted,#94a3b81f);width:100%;min-width:0;max-width:100%;color:var(--text-primary,#0f172a);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;display:flex}.base-audio-file>svg{flex:none}.base-audio-file span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.base-audio-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.base-audio-action{border:1px solid var(--border,#94a3b852);text-align:left;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;transition:border-color .18s,background .18s;display:flex}.base-audio-action strong{font-size:12.5px;font-weight:600}.base-audio-action small{color:var(--text-tertiary,#94a3b8);font-size:10.5px;line-height:1.35}.base-audio-action.active{border-color:var(--accent,#06f);background:#0066ff14}.base-audio-action.active strong{color:var(--accent,#06f)}.base-audio-card-inner .prompt-label{min-width:0}.base-audio-card-inner .suno-label-left{min-width:0;overflow:hidden}.base-audio-card-inner .suno-label-left span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.base-audio-card-inner .field-reset-btn{flex:none}.base-audio-action strong,.base-audio-action small{overflow-wrap:anywhere}.generation-failure-overlay{z-index:1300;-webkit-backdrop-filter:blur(8px);background:#0f172a80;place-items:center;padding:20px;animation:.28s cubic-bezier(.16,1,.3,1) fadeIn;display:grid;position:fixed;inset:0;overflow:hidden}.generation-failure-modal{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:18px;width:min(400px,100%);min-width:0;max-width:100%;padding:24px 20px 18px;animation:.2s trackMoreRise;overflow:hidden;box-shadow:0 24px 60px #070b1859}.generation-failure-icon{color:#dc2626;background:#dc26261a;border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 12px;display:grid}.generation-failure-modal h2{color:var(--ink);margin:0 0 8px;font-size:17px;font-weight:700}.generation-failure-modal p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 18px;font-size:13.5px;line-height:1.5}.generation-failure-modal button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;height:44px;font-size:14px;font-weight:600;transition:background .15s}.generation-failure-modal button:hover{background:var(--blue-dark)}@media (width>=768px) and (width<=1023px){.main-content-container{padding:0 24px}.collection-hero-card{flex-wrap:wrap;gap:14px}.quick-compose-bar{min-height:134px}}@media (width>=1024px){.main-content-container{max-width:1240px!important;margin:0 auto!important;padding:28px 40px 24px!important}.page-studio .main-content-container{max-width:100%!important;height:calc(100vh - var(--player-height,0px))!important;height:calc(100dvh - var(--player-height,0px))!important;max-height:calc(100dvh - var(--player-height,0px))!important;box-sizing:border-box!important;margin:0!important;padding:20px 28px!important;overflow:hidden!important}.welcome-title{max-width:520px}.plans-showcase{flex-wrap:wrap;align-items:stretch;gap:20px}.plans-showcase .plan-card{flex:320px;max-width:400px}.collection-hero-card{padding:22px 26px}}@media (width>=1280px){.home-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:32px;display:grid}.home-dashboard .dashboard-welcome{padding-top:0;position:sticky;top:28px}.home-dashboard .welcome-header{text-align:left}.home-dashboard .welcome-title,.home-dashboard .welcome-sub{margin-left:0;margin-right:0}.studio-layout{grid-template-columns:440px 1fr!important;gap:28px!important}.expanded-player{width:min(1120px,100%);height:min(760px,100vh - 48px)}}@media (width>=1720px){.main-content-container{max-width:1440px!important}.home-dashboard{gap:44px}}@media (width>=1024px){.menu-backdrop{-webkit-backdrop-filter:blur(8px);background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex}.island-center-menu{transform-origin:50%;border-radius:20px;width:100%;max-width:400px;max-height:min(82vh,620px);padding:18px 16px;animation:.24s cubic-bezier(.16,1,.3,1) modalPop;position:relative;inset:auto;box-shadow:0 24px 60px #0f172a42,0 4px 16px #0f172a1f}.island-center-menu.is-closing{animation:.2s cubic-bezier(.16,1,.3,1) forwards modalPopOut}.island-center-menu{scrollbar-gutter:auto;padding:14px}.island-center-menu .drawer-header{pointer-events:none;border-bottom:none;justify-content:flex-end;min-height:0;margin:0;padding:0;position:absolute;top:0;left:0;right:0}.island-center-menu .drawer-brand-center{display:none}.island-center-menu .drawer-close-btn{z-index:10;pointer-events:auto;width:28px;height:28px;color:var(--muted);background:#f1f5f9;border:1px solid #0f172a14;border-radius:6px;position:absolute;top:8px;right:8px;transform:none;box-shadow:0 1px 2px #0f172a0f}.island-center-menu .drawer-close-btn:hover{color:var(--ink);background:#e2e8f0;transform:none}.island-center-menu .drawer-profile-card{border-radius:8px;margin-top:0}.island-center-menu .drawer-setting-row,.island-center-menu .drawer-nav-item,.island-center-menu .social-link-item,.island-center-menu .drawer-nav-icon,.island-center-menu .social-icon-box{border-radius:6px}}@keyframes desktopMenuIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes desktopMenuOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.98)}}.referrals-panel{color:var(--ink);gap:0}.referrals-panel-header{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex;position:relative}.referrals-panel-header .drawer-close-btn,.island-center-menu .referrals-panel-header .drawer-close-btn{border-radius:9px;flex-shrink:0;width:30px;height:30px;position:static;top:auto;right:auto;transform:none}.referrals-panel-header .drawer-close-btn:hover,.referrals-panel-header .drawer-close-btn:active{transform:none}.referrals-panel-title{align-items:center;gap:10px;min-width:0;display:flex}.referrals-panel-title strong{color:var(--ink);font-size:14.5px;display:block}.referrals-panel-title>div>span{color:var(--muted);font-size:11.5px;line-height:1.35;display:block}.referrals-panel-icon{color:#2563eb;background:#2563eb1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.referrals-panel-body{flex-direction:column;gap:12px;min-width:0;display:flex}.referrals-loading{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:36px 0;font-size:13px;display:flex}.referrals-link-card{border:1px solid var(--line-subtle);background:#f8fafc;border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex;overflow:hidden}.referrals-link-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10.5px}.referrals-link-card input{border:1px solid var(--line-subtle);width:100%;min-width:0;color:var(--ink);text-overflow:ellipsis;background:#fff;border-radius:9px;padding:9px 10px;font-size:12.5px}.referrals-link-row{gap:8px;min-width:0;display:flex}.referrals-copy-btn,.referrals-share-btn,.referrals-ghost-btn,.referrals-primary-btn{cursor:pointer;border:1px solid var(--line-subtle);color:var(--ink);white-space:nowrap;background:#fff;border-radius:9px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;padding:9px 12px;font-size:12.5px;font-weight:600;transition:background .16s,border-color .16s;display:inline-flex}.referrals-copy-btn:hover,.referrals-share-btn:hover,.referrals-ghost-btn:hover{background:#f1f5f9}.referrals-primary-btn{color:#fff;background:#2563eb;border-color:#2563eb}.referrals-primary-btn:hover{background:#1d4ed8}.referrals-primary-btn:disabled{color:#94a3b8;opacity:1;cursor:not-allowed;background:#eef2f7;border-color:#e2e8f0}.referrals-primary-btn:disabled:hover{background:#eef2f7}.referrals-block-btn{flex:none;width:100%;padding:11px 12px}.referrals-primary-btn small{display:none}.referrals-primary-btn:disabled{flex-direction:column;gap:2px;padding-block:8px}.referrals-primary-btn:disabled small{font-size:10.5px;font-weight:300;line-height:1.15;display:block}.referrals-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.referrals-kpi{border:1px solid var(--line-subtle);background:#f8fafc;border-radius:10px;flex-direction:column;gap:3px;min-width:0;padding:10px;display:flex;overflow:hidden}.referrals-kpi-label{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.referrals-kpi strong{letter-spacing:-.01em;color:var(--ink);font-size:16px}.referrals-list-block h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px;font-size:12.5px}.referrals-empty{color:var(--muted);border:1px dashed var(--line-subtle);background:#f8fafc;border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.5}.referrals-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.referrals-list li{border:1px solid var(--line-subtle);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:flex;overflow:hidden}.referrals-list-main{flex-direction:column;gap:2px;min-width:0;display:flex}.referrals-list-main strong{color:var(--ink);font-size:13.5px}.referrals-list-main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.referrals-list-meta{color:var(--muted);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;font-size:11px;display:flex}.referrals-tag{border:1px solid var(--line-subtle);color:var(--muted);background:#f8fafc;border-radius:999px;padding:2px 8px;font-size:10.5px}.referrals-tag.disponivel,.referrals-tag.pago{color:#047857;background:#10b98114;border-color:#10b98159}.referrals-tag.cancelada,.referrals-tag.recusado{color:#b91c1c;background:#ef444412;border-color:#ef444452}.referrals-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.28s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.referrals-modal{border:1px solid var(--island-border);background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:18px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a33}.referrals-modal h3{color:var(--ink);margin:0;font-size:15.5px}.referrals-modal-wide{max-width:380px;max-height:min(80vh,560px)}.referrals-modal-head{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.referrals-modal-head h3{text-align:center;flex:1;min-width:0;font-size:14px}.referrals-back-btn{color:var(--muted);background:#f1f5f9;border:1px solid #0f172a14;border-radius:9px;flex-shrink:0;align-items:center;gap:5px;padding:5px 9px;font-size:12.5px;display:inline-flex}.referrals-back-btn:hover{color:var(--ink);background:#e2e8f0}.referrals-modal-close{width:30px;height:30px;color:var(--muted);background:#f1f5f9;border:1px solid #0f172a14;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.referrals-modal-close:hover{color:var(--ink);background:#e2e8f0}.referrals-list-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0f172a2e transparent;padding-right:2px;overflow-y:auto}.referrals-modal-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.referrals-field{color:var(--muted);flex-direction:column;gap:5px;font-size:11.5px;display:flex}.referrals-field input,.referrals-field select{border:1px solid var(--line-subtle);color:var(--ink);background:#fff;border-radius:9px;width:100%;min-width:0;padding:10px 11px;font-size:13px}.referrals-modal-warning{color:#92400e;background:#f59e0b1a;border:1px solid #f59e0b47;border-radius:10px;margin:0;padding:9px 11px;font-size:12px;line-height:1.5}.referrals-modal-actions{justify-content:flex-end;gap:8px;display:flex}.admin-table-heading{color:#e2f0ffcc;margin:0 0 8px;font-size:13.5px}.notif-center-backdrop{z-index:3000}.notif-center-modal{max-width:400px}@media (width>=1024px){.referrals-page-shell .menu-backdrop{-webkit-backdrop-filter:none;background:0 0;width:100%;min-height:auto;padding:0;display:block;position:static;inset:auto}.referrals-page-panel,.referrals-page-shell .island-center-menu.referrals-page-panel{border-radius:20px;width:min(980px,100%);max-width:none;max-height:none;margin:0 auto;padding:26px;animation:none;position:static;transform:none;box-shadow:0 18px 50px #0f172a14}.referrals-page-panel .referrals-panel-header{align-items:center;margin-bottom:18px;padding-bottom:18px}.referrals-page-panel .referrals-panel-title strong{font-size:24px}.referrals-page-panel .referrals-panel-title>div>span{margin-top:4px;font-size:13px}.referrals-page-panel .referrals-panel-icon{border-radius:14px;width:44px;height:44px}.referrals-page-panel .referrals-panel-body{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px;display:grid}.referrals-page-panel .referrals-link-card{grid-column:1/-1;padding:16px}.referrals-page-panel .referrals-kpis{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.referrals-page-panel .referrals-kpi{padding:14px}.referrals-page-panel .referrals-kpi strong{font-size:20px}.referrals-page-panel .referrals-block-btn{flex:none;grid-column:1/-1;justify-self:start;width:auto;min-width:220px}.referrals-page-panel .referrals-list-block{min-width:0}.home-dashboard{flex-direction:column;gap:22px;width:min(880px,100%);margin:0 auto;display:flex}.home-dashboard .dashboard-welcome{width:100%;padding:8px 0 0;position:static;top:auto}.home-dashboard .welcome-header{text-align:center}.home-dashboard .welcome-title{max-width:780px;margin:0 auto 6px;font-size:clamp(48px,4.4vw,64px);line-height:.88}.home-dashboard .welcome-sub{max-width:500px;margin:0 auto 20px;font-size:13px;line-height:1.45}.home-dashboard .quick-compose-bar{width:min(820px,100%);max-width:none;min-height:136px;margin:0 auto}.home-dashboard .style-marquee{width:min(820px,100%);max-width:none;margin:12px auto 0}.home-dashboard .community-feed-section{width:min(820px,100%);margin:4px auto 0}.home-dashboard>.best-of-section{width:min(820px,100%);margin:0 auto}.home-dashboard .section-head-clean{text-align:center;justify-content:center;margin-bottom:10px}.home-dashboard .section-head-clean h2{margin:0;font-size:20px;font-weight:800}.home-dashboard .section-sub-clean{font-size:11.5px}.home-dashboard .app-empty-state{background:#ffffffb8;border-radius:16px;min-height:168px;padding:24px 20px}.home-dashboard .app-empty-state-icon{border-radius:11px;width:42px;height:42px}.home-dashboard .app-empty-state h3{font-size:17px}.home-dashboard .app-empty-state p{margin-top:3px;font-size:11.5px}.home-dashboard .app-empty-state-action{min-height:36px;margin-top:2px;padding:0 14px;font-size:11.5px}}.main-content-container,.home-dashboard,.studio-layout,.collection-layout,.referrals-page-shell{gap:var(--space-6)}.create-console,.collection-hero-card,.track-list-wrapper,.playlist-sheet,.voice-clone-modal,.video-export-modal,.referrals-panel,.trial-pass-highlight{border-radius:var(--radius-2xl)}.create-console,.playlist-sheet,.voice-clone-modal,.video-export-modal,.referrals-panel{padding:var(--space-5)}.quick-compose-bar,.prompt-field,.suno-section-card,.base-audio-card-inner,.custom-voice-selector-row,.style-selection-section,.track-row,.search-pill,.library-empty-state,.app-empty-state,.referrals-link-card,.referrals-kpi,.referrals-list li,.referrals-empty,.playlist-list-panel,.playlist-select__trigger,.playlist-select__menu,.playlist-sheet__list button,.playlist-sheet__new input,.drawer-profile-card,.drawer-real-notifications,.drawer-settings-section,.drawer-nav-item,.drawer-setting-row{border-radius:var(--radius-lg)}.quick-compose-bar,.suno-section-card,.base-audio-card-inner,.custom-voice-selector-row,.style-selection-section,.track-row,.app-empty-state,.library-empty-state,.referrals-link-card,.referrals-kpi,.referrals-empty,.playlist-list-panel,.trial-pass-highlight{padding:var(--space-4)}.home-dashboard,.studio-layout,.referrals-panel-body,.voice-clone-body,.video-export-controls,.playlist-sheet__list{gap:var(--space-4)}.simple-mode-pane,.custom-mode-pane,.track-list,.studio-recent-list,.drawer-nav-list,.referrals-list,.voice-clone-list{gap:var(--space-2)}.section-head-clean,.studio-header,.console-heading,.suno-console-topbar,.collection-hero-card,.referrals-panel-header,.playlist-sheet header,.voice-clone-header{margin-bottom:var(--space-4)}.style-marquee,.mode-segmented-control,.console-mode-body,.voice-clone-body,.video-export-foot,.playlist-list-panel,.trial-pass-info h3{margin-top:var(--space-3)}.suno-filter-chip,.suno-filter-clear,.filter-chip,.library-sort-trigger,.suno-tool-btn,.suno-view-mode-btn,.suno-sort-select,.mode-tab-btn,.quick-compose-btn,.referrals-copy-btn,.referrals-share-btn,.referrals-ghost-btn,.referrals-primary-btn,.app-empty-state-action,.playlist-new-row input,.playlist-new-row__confirm,.playlist-new-row__cancel,.voice-clone-actions button,.field-reset-btn{border-radius:var(--radius-md)}.style-strip-chip,.feed-chip,.studio-badge,.engine-status,.trial-pass-badge,.suno-cta-btn,.library-reset-filter-btn{border-radius:var(--radius-pill)}.search-pill,.library-filter-bar,.referrals-link-row,.referrals-kpis,.playlist-new-row,.playlist-sheet__new,.voice-clone-actions,.trial-pass-body{gap:var(--space-2)}.track-actions,.suno-console-topbar,.style-strip,.filter-chips,.referrals-panel-title{gap:var(--space-3)}@media (width>=1024px){.main-content-container{padding:var(--space-6) var(--space-8) var(--space-6)!important}.desktop-suno-sidebar{padding:var(--space-5) var(--space-4)!important}.suno-sidebar-nav{gap:var(--space-2);margin-top:var(--space-4)}.suno-sidebar-footer{padding-top:var(--space-2);gap:3px}.suno-nav-btn,.suno-footer-btn,.suno-user-profile-row{border-radius:var(--radius-lg);padding:8px var(--space-3)}.home-dashboard{gap:var(--space-6)}.home-dashboard .quick-compose-bar,.home-dashboard .style-marquee{width:min(800px,100%);max-width:none}.home-dashboard .community-feed-section{width:min(800px,100%);margin-top:0}.home-dashboard>.best-of-section{width:min(800px,100%)}.referrals-page-panel,.referrals-page-shell .island-center-menu.referrals-page-panel{padding:var(--space-6);border-radius:var(--radius-2xl)}}@media (width<=639px){.main-content-container{padding-inline:var(--space-4)}.quick-compose-bar,.create-console,.track-list-wrapper,.collection-hero-card,.app-empty-state,.library-empty-state{border-radius:var(--radius-xl)}}.collection-page{--collection-stack:12px;--collection-section:24px;gap:var(--collection-stack);width:100%;min-width:0;max-width:100%;display:grid;overflow-x:hidden}.collection-page .collection-hero-card{margin-bottom:var(--collection-section)}.collection-page .playlist-select{margin:0}.collection-page .playlist-select+.library-filter-bar,.collection-page .style-strip-wrap+.library-filter-bar{margin-top:0}.collection-page .library-filter-bar{align-items:center;gap:var(--collection-stack);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.collection-page .library-filter-bar .search-pill{grid-column:1/-1}.collection-page .filter-chips{gap:var(--collection-stack);min-width:0}.collection-page .filter-chip,.collection-page .library-sort-trigger,.collection-page .playlist-select__trigger,.collection-page .search-pill{border-radius:var(--radius-lg);min-height:46px}.collection-page .search-pill,.collection-page .playlist-select__trigger,.collection-page .filter-chip,.collection-page .library-sort-trigger{padding-inline:var(--space-4)}.collection-page .track-list-wrapper{min-width:0;max-width:100%;margin-top:6px}.collection-page .track-table-head{min-height:38px;padding:0 var(--space-4);align-items:center}.collection-page .app-empty-state{border-top-left-radius:0;border-top-right-radius:0;min-height:220px}@media (width>=1024px){.collection-page{--collection-stack:14px;--collection-section:28px}}@media (width<=639px){.collection-page{--collection-stack:10px;--collection-section:18px}.collection-page .library-filter-bar{grid-template-columns:minmax(0,1fr) auto}.collection-page .library-sort-control{justify-self:end}.collection-page .library-sort-trigger{justify-content:space-between;width:auto}.collection-page .filter-chips{flex-wrap:nowrap;overflow-x:auto}.collection-page .filter-chip,.collection-page .library-sort-trigger,.collection-page .search-pill{min-height:42px}.collection-page .track-row{gap:var(--space-2);padding:10px var(--space-3);grid-template-columns:44px minmax(0,1fr) auto;min-width:0}.collection-page .cover-art{width:44px;height:44px}.collection-page .track-copy,.collection-page .track-copy h3,.collection-page .track-copy p,.collection-page .track-tags,.collection-page .track-tags span{min-width:0;max-width:100%}.collection-page .track-actions{flex:none;gap:0;max-width:96px}.collection-page .track-actions button,.collection-page .track-more-btn{width:32px;height:38px}.collection-page--explore .best-of-nav-btn{display:none}.collection-page--explore .best-of-section,.collection-page--explore .best-of-carousel-wrap,.collection-page--explore .best-of-scroll-track,.collection-page--explore .style-strip-wrap,.collection-page--explore .style-strip{min-width:0;max-width:100%}.collection-page--explore .best-of-scroll-track{padding-inline:0}.collection-page--explore .most-played-card{flex:0 0 96px;width:96px;max-width:96px}.collection-page--explore .best-of-info,.collection-page--explore .best-of-info-title,.collection-page--explore .best-of-info-sub{min-width:0;max-width:100%}}.island-center-menu{--menu-gap:12px;--menu-item-gap:12px;--menu-item-pad-y:10px;--menu-item-pad-x:12px;--menu-icon-size:40px;--menu-item-radius:12px;scrollbar-gutter:stable;gap:0;padding:18px 18px 18px 16px;overflow-x:hidden}.island-center-menu .drawer-header{min-height:36px;margin:0 0 var(--menu-gap);padding:0 40px 12px}.island-center-menu .drawer-close-btn{border-radius:10px;width:34px;height:34px}.island-center-menu .drawer-profile-card{gap:var(--menu-item-gap);border-radius:14px;min-height:80px;margin:0 0 18px;padding:14px 16px}.island-center-menu .drawer-avatar{width:var(--menu-icon-size);height:var(--menu-icon-size)}.island-center-menu .drawer-settings-section,.island-center-menu .drawer-social-section{gap:var(--menu-gap);margin:0;padding:0;display:grid}.island-center-menu .drawer-social-section{border-top:1px solid var(--line-subtle);padding-top:18px}.island-center-menu .drawer-section-label{margin:0;line-height:1}.island-center-menu .drawer-nav-list,.island-center-menu .social-links-list{gap:10px;margin:0;display:grid}.island-center-menu .drawer-settings-section+.drawer-nav-list,.island-center-menu .drawer-nav-list+.drawer-social-section,.island-center-menu .drawer-real-notifications+.drawer-settings-section,.island-center-menu .drawer-profile-card+.drawer-real-notifications,.island-center-menu .drawer-profile-card+.drawer-settings-section{margin-top:18px}.island-center-menu .drawer-setting-row,.island-center-menu .drawer-nav-item,.island-center-menu .social-link-item{min-height:58px;padding:var(--menu-item-pad-y) var(--menu-item-pad-x);gap:var(--menu-item-gap);border-radius:var(--menu-item-radius)}.island-center-menu .drawer-nav-icon,.island-center-menu .social-icon-box{width:var(--menu-icon-size);height:var(--menu-icon-size);border-radius:10px}.island-center-menu .drawer-nav-text,.island-center-menu .social-link-text{gap:3px;min-width:0;display:grid}.island-center-menu .drawer-nav-text strong,.island-center-menu .social-link-text strong,.island-center-menu .drawer-setting-row .drawer-nav-text strong{font-size:13px;line-height:1.1}.island-center-menu .drawer-nav-text span,.island-center-menu .social-link-text span,.island-center-menu .drawer-setting-row .drawer-nav-text span{margin:0;font-size:12px;line-height:1.35}.island-center-menu .drawer-switch{flex:none;margin-left:auto}.island-center-menu .drawer-real-notifications{border-radius:14px;gap:10px;margin:0;padding:12px}.island-center-menu .drawer-notif-list{gap:8px}@media (width<=639px){.menu-backdrop{padding:10px}.island-center-menu{--menu-gap:8px;--menu-item-gap:10px;--menu-item-pad-y:8px;--menu-item-pad-x:10px;--menu-icon-size:36px;max-width:430px;max-height:min(92vh,720px);padding:14px 18px 14px 14px}.island-center-menu .drawer-header{min-height:32px;margin-bottom:8px;padding-bottom:8px}.island-center-menu .drawer-profile-card{min-height:72px;margin-bottom:14px;padding:12px}.island-center-menu .drawer-settings-section+.drawer-nav-list,.island-center-menu .drawer-nav-list+.drawer-social-section,.island-center-menu .drawer-real-notifications+.drawer-settings-section,.island-center-menu .drawer-profile-card+.drawer-real-notifications,.island-center-menu .drawer-profile-card+.drawer-settings-section{margin-top:12px}.island-center-menu .drawer-setting-row,.island-center-menu .drawer-nav-item,.island-center-menu .social-link-item{min-height:52px}.island-center-menu .drawer-real-notifications{gap:8px;padding:10px}.island-center-menu .drawer-social-section{gap:10px;padding-top:14px}}@media (width>=1024px){.desktop-suno-sidebar{--sidebar-pad-x:16px;--sidebar-pad-y:20px;--sidebar-gap:8px;padding:var(--sidebar-pad-y) var(--sidebar-pad-x)!important}.suno-sidebar-header{padding:0 4px 18px}.suno-sidebar-nav{gap:6px;margin-top:16px}.suno-nav-btn,.suno-footer-btn{border-radius:12px;gap:12px;min-height:38px;padding:8px 12px}.suno-sidebar-divider{margin:16px 4px 0}.suno-user-profile-row{background:0 0;border:0;border-radius:12px;gap:10px;min-height:34px;margin-top:8px;padding:4px 10px}.suno-sidebar-footer{gap:3px;padding-top:8px}.suno-cta-btn{min-height:48px;margin-top:8px}}.island-center-menu{scrollbar-width:none;-ms-overflow-style:none;scrollbar-gutter:auto;overflow:hidden auto}.island-center-menu::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.island-center-menu::-webkit-scrollbar-track{background:0 0;width:0;height:0;display:none}.island-center-menu::-webkit-scrollbar-thumb{background:0 0;width:0;height:0;display:none}.island-center-menu{scrollbar-width:thin;scrollbar-color:#64748b57 transparent;scrollbar-gutter:stable;clip-path:inset(0 round 24px);padding-right:22px}.island-center-menu::-webkit-scrollbar{background:0 0;width:12px;height:12px;display:block}.island-center-menu::-webkit-scrollbar-track{background:0 0;margin:20px 0;display:block}.island-center-menu::-webkit-scrollbar-thumb{background:#64748b61 padding-box content-box;border:4px solid #0000;border-radius:999px;display:block}.island-center-menu::-webkit-scrollbar-thumb:hover{background:#64748b85 padding-box content-box}@media (width>=1024px){.island-center-menu{clip-path:inset(0 round 20px)}}.lyrics-page{width:min(1180px,100%);margin:0 auto;padding-bottom:96px}.lyrics-locked-page{place-items:center;min-height:calc(100dvh - 190px);display:grid}.lyrics-access-card{border:1px solid var(--line);text-align:center;background:var(--surface);border-radius:24px;width:min(560px,100%);padding:clamp(28px,5vw,52px);box-shadow:0 24px 60px #0f172a14}.lyrics-access-icon{color:#fff;background:linear-gradient(145deg,#06f,#6948ff);border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 18px;display:grid;box-shadow:0 14px 28px #0066ff38}.lyrics-access-card h1{margin:2px 0 12px;font:800 clamp(34px,6vw,48px)/1 Barlow Condensed,sans-serif}.lyrics-access-card p{color:var(--muted);margin:0 auto 22px;font-size:13px;line-height:1.7}.lyrics-access-card>button{color:#fff;background:#0f172a;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:180px;min-height:46px;padding:0 18px;font-size:12px;font-weight:800;display:inline-flex}.lyrics-access-card>small{color:#94a3b8;margin-top:12px;font-size:9.5px;display:block}.lyrics-hero{border:1px solid var(--line);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 4px 14px #0f172a05}.lyrics-eyebrow{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:9px;font-size:11px;font-weight:800;display:inline-flex}.lyrics-hero h1{color:var(--ink);letter-spacing:-.01em;text-transform:uppercase;margin:0;font:800 32px/.95 Barlow Condensed,sans-serif}.lyrics-hero-icon{color:var(--blue);flex:none;place-items:center;display:grid}.lyrics-tabs{border:1px solid var(--line);background:#eef2f7;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;max-width:460px;margin-bottom:16px;padding:4px;display:grid}.lyrics-tabs button{min-height:42px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.lyrics-tabs button.active{color:var(--blue);background:var(--surface);box-shadow:0 3px 10px #0f172a14}.lyrics-chat-panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;min-height:600px;display:flex;overflow:visible;box-shadow:0 16px 45px #0f172a0d}.lyrics-chat-head{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:10px 18px;display:flex}.lyrics-chat-head-main{align-items:center;gap:11px;min-width:0;display:flex}.lyrics-ai-avatar,.lyrics-message-avatar{color:#fff;background:linear-gradient(145deg,#06f,#6948ff);flex:none;place-items:center;display:grid}.lyrics-ai-avatar{border-radius:12px;width:38px;height:38px;box-shadow:0 8px 18px #06f3}.lyrics-chat-head-info{flex-direction:column;gap:2px;min-width:0;display:flex}.lyrics-chat-head-info strong{color:var(--text,#111827);font-size:13px;font-weight:700}.lyrics-chat-head-info span{color:var(--muted);font-size:10.5px}.lyrics-head-quota-pill{cursor:pointer;background:#06f;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:5px 11px;font-size:11.5px;font-weight:700;line-height:1;transition:all .16s;display:inline-flex;box-shadow:0 2px 7px #0066ff38;color:#fff!important}.lyrics-head-quota-pill:hover{background:#0052cc;transform:translateY(-1px);box-shadow:0 4px 10px #0066ff52}.lyrics-head-quota-pill span{font-weight:700;line-height:1;color:#fff!important;font-size:11.5px!important}.lyrics-head-quota-pill .quota-pill-qmark{border:1px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:1px;font-weight:800;line-height:1;display:inline-flex;color:#fff!important;font-size:9.5px!important}.lyrics-chat-messages{scrollbar-width:thin;flex:1;min-height:390px;max-height:56vh;padding:22px clamp(14px,3vw,34px);overflow-y:auto}.lyrics-message{align-items:flex-start;gap:9px;max-width:780px;margin-bottom:18px;display:flex}.lyrics-message.user{flex-direction:row-reverse;margin-left:auto}.lyrics-message-avatar{border-radius:9px;width:30px;height:30px}.lyrics-message.user .lyrics-message-avatar{color:var(--muted);background:#e2e8f0}.lyrics-message-body{border:1px solid var(--line);max-width:min(680px,100vw - 110px);color:var(--ink-light);background:#f8fafc;border-radius:5px 15px 15px;padding:11px 13px;font-size:12.5px;line-height:1.65}.lyrics-message.user .lyrics-message-body{background:var(--blue);border-color:#06f;border-radius:15px 5px 15px 15px;color:#fff!important}.lyrics-message.user .lyrics-message-body p{color:#fff!important}.lyrics-message.error .lyrics-message-body{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.lyrics-message.error .lyrics-message-body p{color:#b91c1c!important}.lyrics-message-body p{white-space:pre-wrap;color:inherit;margin:0}.lyrics-thinking{color:var(--muted);align-items:center;gap:8px;display:flex}.lyrics-ai-suggestion{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:14px;padding:14px 16px;box-shadow:0 4px 14px #0f172a0a}.lyrics-ai-suggestion-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.lyrics-ai-suggestion-title{color:var(--ink);letter-spacing:-.01em;font-size:13.5px;font-weight:800}.lyrics-ai-sections-list{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.lyrics-ai-section-item{flex-direction:column;gap:4px;display:flex}.lyrics-ai-section-item-head{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.lyrics-ai-apply-single-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.lyrics-ai-apply-single-btn:hover{color:var(--blue,#06f);background:#eff6ff;border-color:#93c5fd}.lyrics-ai-section-badge{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f1f5f9;border-radius:6px;flex-shrink:0;align-self:flex-start;padding:3px 7px;font-size:10px;font-weight:800;display:inline-block}.lyrics-ai-section-verses{color:#1e293b!important;white-space:pre-wrap!important;margin:0!important;font-family:inherit!important;font-size:12.5px!important;line-height:1.65!important}.lyrics-ai-suggestion-footer{border-top:1px solid #f1f5f9;padding-top:10px}.lyrics-ai-apply-btn{background:var(--blue);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 14px;font-size:12px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 2px 8px #06f3;color:#fff!important}.lyrics-ai-apply-btn:hover{background:var(--blue-dark);box-shadow:0 4px 12px #0066ff4d}.lyrics-ai-section-item-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.lyrics-ai-copy-single-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex}.lyrics-ai-copy-single-btn:hover{color:var(--blue,#06f);background:#eff6ff;border-color:#93c5fd}.lyrics-ai-footer-secondary{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.lyrics-ai-copy-full-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.lyrics-ai-copy-full-btn:hover{color:#0f172a;background:#e2e8f0}.lyrics-ai-studio-full-btn{color:var(--blue,#06f);cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.lyrics-ai-studio-full-btn:hover{background:var(--blue,#06f);color:#fff;border-color:var(--blue,#06f)}.lyrics-section-card.highlight-pulse{animation:1.8s ease-out sectionPulse;border-color:var(--blue,#06f)!important;box-shadow:0 0 0 3px #0066ff40,0 8px 24px #0066ff26!important}@keyframes sectionPulse{0%{transform:scale(1)}25%{transform:scale(1.015)}50%{transform:scale(1)}75%{transform:scale(1.008)}to{transform:scale(1)}}.lyrics-composer-wrapper{flex-direction:column;flex-shrink:0;align-items:stretch;gap:0;margin:0 14px 10px;display:flex}.lyrics-chat-composer{background:#fff;border:1px solid #cbd5e1;border-radius:16px;align-items:flex-end;gap:10px;padding:10px 10px 10px 13px;display:flex;box-shadow:0 7px 22px #0f172a0f}.lyrics-chat-composer:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0066ff1a,0 7px 22px #0f172a0f}.lyrics-chat-composer textarea{box-sizing:border-box;background:0 0;border:0;outline:0;flex:1;min-height:55px;max-height:none;font-size:12.5px;line-height:1.55;resize:none!important}.lyrics-chat-composer textarea::-webkit-resizer{display:none!important}.lyrics-chat-composer .lyrics-composer-controls{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.lyrics-chat-composer small{color:#94a3b8;font-size:8.5px}.lyrics-composer-actions-row{align-items:center;gap:4px;display:flex}.lyrics-chat-composer .lyrics-composer-tool-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;transition:all .15s;display:grid}.lyrics-chat-composer .lyrics-composer-tool-btn:hover{color:var(--ink);background:#e2e8f0;border-color:#cbd5e1}.lyrics-composer-divider{background:#cbd5e1;width:1px;height:18px;margin:0 4px;display:inline-block}.lyrics-chat-composer .lyrics-composer-send-btn{color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:grid}.lyrics-chat-composer .lyrics-composer-send-btn:hover:not(:disabled){background:var(--blue-dark)}.lyrics-chat-composer .lyrics-composer-send-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.lyrics-composer-wrapper .textarea-resize-handle{cursor:row-resize;touch-action:none;justify-content:center;align-items:center;height:18px;display:flex;position:static}.lyrics-structure-layout{width:min(900px,100%)}.lyrics-structure-editor{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:clamp(14px,2.4vw,24px);box-shadow:0 14px 38px #0f172a0d}.lyrics-library-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px;display:grid}.lyrics-library-trigger,.lyrics-new-button{border:1px solid #d7e1ec;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:10.5px;font-weight:800;display:inline-flex}.lyrics-library-trigger{color:#334155;background:#f8fafc;justify-content:flex-start;padding:0 12px}.lyrics-library-trigger svg{color:var(--blue)}.lyrics-library-trigger>span{min-width:21px;height:21px;color:var(--blue);background:#e7f0ff;border-radius:999px;place-items:center;margin-left:auto;font-size:9px;display:grid}.lyrics-new-button{color:#fff;background:#0f172a;border-color:#0f172a;padding:0 13px}.lyrics-save-status{color:#64748b;grid-column:1/-1;align-items:center;gap:5px;min-height:24px;padding-inline:2px;font-size:9.5px;font-weight:750;display:inline-flex}.lyrics-save-status.saved{color:#15803d}.lyrics-save-status.error{color:#b91c1c}.lyrics-save-status.pending,.lyrics-save-status.saving{color:#0369a1}.lyrics-library-panel{background:#f8fafc;border:1px solid #dce5ef;border-radius:15px;margin-bottom:12px;padding:10px}.lyrics-library-panel-head{justify-content:space-between;align-items:center;gap:10px;padding:2px 3px 9px;display:flex}.lyrics-library-panel-head strong{color:var(--ink);font-size:11px}.lyrics-library-panel-head span{color:#94a3b8;font-size:9px}.lyrics-library-list{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.lyrics-library-item{background:#fff;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:minmax(0,1fr) 38px;display:grid}.lyrics-library-item.active{box-shadow:inset 3px 0 0 var(--blue);border-color:#93c5fd}.lyrics-library-item>button:first-child{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;min-height:48px;padding:7px 10px 7px 13px;display:flex}.lyrics-library-item>button:first-child strong{color:#25344a;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.lyrics-library-item>button:first-child span{color:#94a3b8;font-size:8.5px}.lyrics-library-item>button:last-child{color:#94a3b8;border-radius:8px;place-items:center;margin:5px;display:grid}.lyrics-library-item>button:last-child:hover{color:#dc2626;background:#fef2f2}.lyrics-library-empty{color:#94a3b8;text-align:center;padding:20px 12px;font-size:10px}.lyrics-title-field{background:linear-gradient(145deg,#f8fbff,#f5f8fc);border:1px solid #dbe5f0;border-radius:15px;padding:14px}.lyrics-title-field label{color:#475569;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.lyrics-title-field input{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #d5dfeb;border-radius:12px;outline:0;padding:0 14px;font-size:15px;font-weight:750}.lyrics-title-field input:focus,.lyrics-section-card-head input:focus,.lyrics-section-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0066ff1a}.lyrics-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin:24px 2px 12px;display:flex}.lyrics-section-heading>div{flex-direction:column;display:flex}.lyrics-section-heading strong{font-size:13px}.lyrics-section-heading span{color:var(--muted);font-size:10.5px}.lyrics-section-heading button,.lyrics-add-section{color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:inline-flex}.lyrics-section-heading button{min-height:34px;padding:0 10px}.lyrics-section-list{flex-direction:column;gap:11px;display:flex}.lyrics-section-card{background:#fff;border:1px solid #dce5ef;border-radius:17px;padding:14px;position:relative;box-shadow:0 5px 16px #0f172a09}.lyrics-section-card:focus-within{border-color:#9dc5ff;box-shadow:0 0 0 3px #0066ff12,0 8px 20px #0f172a0d}.lyrics-section-card-head{align-items:center;gap:8px;margin-bottom:9px;display:flex}.lyrics-section-number{width:29px;height:29px;color:var(--blue);background:#eaf2ff;border-radius:9px;flex:none;place-items:center;font:800 10px Barlow Condensed,sans-serif;display:grid}.lyrics-section-card-head input{min-width:0;height:34px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;outline:0;flex:1;padding:0 9px;font-size:12.5px;font-weight:800}.lyrics-section-card-head input:hover{border-color:var(--line);background:#fff}.lyrics-section-actions{gap:2px;display:flex}.lyrics-section-actions button{color:#64748b;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.lyrics-section-actions button:hover:not(:disabled){color:var(--blue);background:#eaf2ff}.lyrics-section-actions button:last-child:hover:not(:disabled){color:#dc2626;background:#fef2f2}.lyrics-section-actions button:disabled{opacity:.28;cursor:not-allowed}.lyrics-section-card textarea{resize:none;width:100%;min-height:120px;color:var(--ink-light);background:#fbfcfe;border:1px solid #e1e7ef;border-radius:12px;outline:0;padding:11px;font-size:12px;line-height:1.7}.lyrics-section-card>small{color:#94a3b8;text-align:right;margin-top:5px;font-size:9px;display:block}.lyrics-add-section{background:0 0;border-style:dashed;width:100%;min-height:46px;margin-top:12px}.lyrics-preview-fab{right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:45;color:#fff;letter-spacing:.15px;cursor:pointer;background:linear-gradient(135deg,#06f,#5b4dff);border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:36px;min-height:36px;padding:0 13px;font-size:10.5px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;box-shadow:0 6px 18px #0052cc40}.lyrics-preview-fab:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 8px 22px #0052cc52}.lyrics-preview-overlay{z-index:140;-webkit-backdrop-filter:blur(8px);background:#0f172aa6;justify-content:center;align-items:flex-end;padding-top:32px;display:flex;position:fixed;inset:0}.lyrics-preview-modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:90dvh;animation:.2s cubic-bezier(.16,1,.3,1) lyricsPreviewIn;display:flex;overflow:hidden;box-shadow:0 -16px 40px #0f172a33}.lyrics-preview-modal-head{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 20px;display:flex}.lyrics-preview-head-info{flex:1;min-width:0}.lyrics-preview-title{color:#0f172a;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:700;overflow:hidden}.lyrics-preview-head-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.lyrics-preview-head-copy{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.lyrics-preview-head-copy:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.lyrics-preview-head-copy:disabled{opacity:.5;cursor:not-allowed}.lyrics-preview-head-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:34px;height:34px;transition:all .15s;display:grid}.lyrics-preview-head-close:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.lyrics-preview-paper{overscroll-behavior:contain;background:#fff;flex:1;min-height:220px;padding:20px;overflow-y:auto}.lyrics-preview-list{flex-direction:column;gap:20px;max-width:520px;margin:0 auto;display:flex}.lyrics-preview-section{border-bottom:1px solid #f1f5f9;padding-bottom:18px}.lyrics-preview-section:last-child{border-bottom:none;padding-bottom:0}.lyrics-preview-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lyrics-preview-section-name{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:800}.lyrics-preview-section-copy{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.lyrics-preview-section-copy:hover{color:#0f172a;background:#f1f5f9}.lyrics-preview-section-lines{white-space:pre-wrap;color:#1e293b;letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:450;line-height:1.8}.lyrics-preview-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:24px;display:flex}.lyrics-preview-empty-icon{color:#64748b;background:#f1f5f9;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:4px;display:grid}.lyrics-preview-empty strong{color:#1e293b;font-size:14px;font-weight:600}.lyrics-preview-empty span{color:#64748b;max-width:280px;font-size:12px}.lyrics-preview-modal-actions{padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #f1f5f9;align-items:center;gap:10px;display:flex}.lyrics-clear-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.lyrics-clear-button:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.lyrics-studio-button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;height:42px;margin:0;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.lyrics-studio-button:hover:not(:disabled){background:#1e293b}.lyrics-studio-button:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.spin{animation:.75s linear infinite lyricsSpin}@keyframes lyricsSpin{to{transform:rotate(360deg)}}@keyframes lyricsPreviewIn{0%{opacity:.7;transform:translateY(20px)}}@media (width>=900px){.lyrics-library-toolbar{align-items:center;display:flex}.lyrics-library-trigger{min-width:180px}.lyrics-save-status{margin-left:auto}.lyrics-preview-fab{bottom:30px;right:32px}.lyrics-preview-overlay{align-items:center;padding:32px}.lyrics-preview-modal{border:1px solid #e2e8f0;border-radius:18px;width:min(560px,92vw);max-height:min(80dvh,680px);box-shadow:0 24px 60px #0f172a2e}}@media (width<=640px){.lyrics-page{width:100%;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.lyrics-hero{border-radius:16px;gap:14px;min-height:84px;margin-bottom:12px;padding:16px 17px}.lyrics-hero h1{max-width:250px;font-size:28px;line-height:.98}.lyrics-hero-icon svg{width:25px;height:25px}.lyrics-tabs{border-radius:13px;width:100%;max-width:none;margin-bottom:12px;padding:4px}.lyrics-tabs button{gap:7px;min-height:40px;font-size:11px}.lyrics-chat-panel{border-radius:18px;height:auto;min-height:480px;box-shadow:0 10px 30px #0f172a0e}.lyrics-chat-head{min-height:58px;padding:9px 13px}.lyrics-ai-avatar{border-radius:10px;width:35px;height:35px}.lyrics-chat-head-info strong{font-size:12px}.lyrics-chat-head-info span{font-size:9.5px}.lyrics-chat-messages{overscroll-behavior:contain;flex:1 0 auto;min-height:280px;max-height:52vh;padding:16px 11px 8px;overflow-y:auto}.lyrics-message{gap:7px;margin-bottom:14px}.lyrics-message-avatar{border-radius:8px;width:27px;height:27px}.lyrics-message-body{border-radius:4px 13px 13px;max-width:calc(100% - 34px);padding:10px 11px;font-size:11.5px;line-height:1.6}.lyrics-message.user .lyrics-message-body{border-radius:13px 4px 13px 13px}.lyrics-composer-wrapper{margin:0 9px 6px}.lyrics-chat-composer{border-radius:14px;gap:8px;padding:8px 8px 8px 11px}.lyrics-chat-composer textarea{min-height:42px;max-height:none;font-size:12px;resize:none!important}.lyrics-chat-composer button{border-radius:10px;width:36px;height:36px}.lyrics-structure-editor{border-radius:17px;padding:13px;box-shadow:0 8px 24px #0f172a0a}.lyrics-title-field input{height:46px;font-size:14px}.lyrics-section-heading{flex-direction:column;align-items:stretch;margin:20px 0 11px}.lyrics-section-heading span{margin-top:2px;line-height:1.45}.lyrics-section-heading button{width:100%;min-height:40px}.lyrics-section-card{padding:10px}.lyrics-section-card-head{grid-template-columns:29px minmax(0,1fr);gap:7px;display:grid}.lyrics-section-card-head input{border-color:var(--line);background:#fff;width:100%;height:36px;padding-inline:8px}.lyrics-section-actions{grid-column:1/-1;justify-content:flex-end;gap:5px;width:100%;padding-top:3px}.lyrics-section-actions button{border:1px solid var(--line-subtle);background:#fff;border-radius:9px;width:36px;height:34px}.lyrics-section-card textarea{min-height:132px;font-size:12px}.lyrics-studio-button{min-height:46px}.lyrics-ai-suggestion{border-radius:12px;padding:10px 11px}.lyrics-ai-suggestion-title{font-size:12px}.lyrics-ai-suggestion-head{margin-bottom:8px;padding-bottom:6px}.lyrics-ai-apply-btn{white-space:nowrap;gap:6px;min-height:38px;padding:8px 10px;font-size:11.5px}.lyrics-ai-footer-secondary{gap:6px;margin-top:6px}.lyrics-ai-copy-full-btn,.lyrics-ai-studio-full-btn{white-space:nowrap;gap:4px;min-height:36px;padding:7px 6px;font-size:10.5px}}@media (width<=420px){.lyrics-ai-footer-secondary{grid-template-columns:1fr;gap:6px}.lyrics-ai-copy-full-btn,.lyrics-ai-studio-full-btn{width:100%;min-height:36px;padding:8px 10px;font-size:11px}}@media (width<=380px){.lyrics-hero h1{font-size:26px}.lyrics-tabs button{font-size:10.5px}}.lyrics-quota-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0f172a8c;place-items:center;padding:16px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}.lyrics-quota-modal{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:410px;max-height:calc(100dvh - 40px);animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a2e,0 4px 12px #0000000f}.lyrics-quota-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.lyrics-quota-modal-title strong{color:var(--ink);font-size:15px;font-weight:800;line-height:1.2;display:block}.lyrics-quota-close{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#f8fafc;border-radius:50%;place-items:center;transition:all .15s;display:grid}.lyrics-quota-close:hover{color:var(--ink);background:#f1f5f9}.lyrics-quota-modal-body{scrollbar-width:thin;flex-direction:column;gap:12px;padding:18px 20px;display:flex;overflow-y:auto}.lyrics-quota-stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.quota-stat-number{justify-content:center;align-items:baseline;gap:3px;margin-bottom:6px;line-height:1;display:flex}.quota-stat-number .current{color:var(--blue);letter-spacing:-.02em;font-size:32px;font-weight:900}.quota-stat-number .divider{color:#94a3b8;margin:0 2px;font-size:18px;font-weight:600}.quota-stat-number .total{color:#64748b;font-size:18px;font-weight:700}.quota-stat-label{color:var(--muted);margin:0 0 10px;font-size:11.5px;font-weight:600}.quota-progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.quota-progress-fill{background:linear-gradient(90deg,#06f,#38bdf8);border-radius:999px;height:100%;transition:width .3s}.quota-progress-fill.low{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.quota-progress-fill.empty{background:#ef4444}.lyrics-quota-plans-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.lyrics-quota-plan-row{border-radius:6px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:11.5px;display:flex}.lyrics-quota-plan-row.active{color:var(--blue);background:#0066ff14;font-weight:700}.lyrics-quota-plan-row strong{color:var(--ink)}.lyrics-quota-plan-row.active strong{color:var(--blue)}.lyrics-quota-upsell-box{background:linear-gradient(135deg,#0066ff0a,#6366f10f);border:1px dashed #0066ff4d;border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.lyrics-quota-upsell-box p{color:#334155;margin:0;font-size:11.5px;line-height:1.45}.lyrics-quota-upgrade-btn{background:var(--blue);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #06f3}.lyrics-quota-upgrade-btn:hover{background:var(--blue-dark);transform:translateY(-1px)}.lyrics-quota-subscriber-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.lyrics-quota-subscriber-box p{color:#475569;margin:0;font-size:12px;line-height:1.5}.lyrics-quota-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:12px 20px 16px;display:flex}.lyrics-quota-ok-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:8px 20px;font-size:12px;font-weight:700;transition:all .15s}.lyrics-quota-ok-btn:hover{color:#0f172a;background:#e2e8f0}.lyrics-delete-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0f172a99;place-items:center;padding:16px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0}.lyrics-delete-modal{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:410px;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a38,0 4px 12px #00000014}.lyrics-delete-modal-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.lyrics-delete-modal-tag{text-transform:uppercase;letter-spacing:.06em;color:#ef4444;background:#ef44441a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.lyrics-delete-modal-close{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#f8fafc;border-radius:50%;place-items:center;transition:all .15s;display:grid}.lyrics-delete-modal-close:hover{color:var(--ink);background:#f1f5f9}.lyrics-delete-modal-body{flex-direction:column;gap:8px;padding:20px 22px;display:flex}.lyrics-delete-modal-body h3{color:var(--ink);margin:0;font-size:16px;font-weight:800}.lyrics-delete-modal-body p{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.lyrics-delete-modal-body strong{color:var(--ink);font-weight:700}.lyrics-delete-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.lyrics-delete-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .15s}.lyrics-delete-cancel-btn:hover{color:#0f172a;background:#f1f5f9}.lyrics-delete-confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:1px solid #0000;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #ef444440}.lyrics-delete-confirm-btn:hover{background:#dc2626;box-shadow:0 4px 14px #ef444459}.lyrics-history-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0f172a99;place-items:center;padding:16px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0}.lyrics-history-modal{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:80dvh;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a38,0 4px 12px #00000014}.lyrics-history-modal-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.lyrics-history-modal-title{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.lyrics-history-modal-close{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#f8fafc;border-radius:50%;place-items:center;transition:all .15s;display:grid}.lyrics-history-modal-close:hover{color:var(--ink);background:#f1f5f9}.lyrics-history-modal-body{scrollbar-width:thin;flex-direction:column;gap:10px;padding:16px 20px;display:flex;overflow-y:auto}.lyrics-history-new-btn{color:var(--blue);cursor:pointer;background:#0066ff14;border:1px dashed #0066ff59;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.lyrics-history-new-btn:hover{border-color:var(--blue);background:#0066ff26}.lyrics-history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.lyrics-history-item:hover{background:#f1f5f9;border-color:#cbd5e1}.lyrics-history-item.active{background:#eff6ff;border-color:#93c5fd}.lyrics-history-item-main{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;gap:4px;min-width:0;padding:0;display:flex}.lyrics-history-item-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.lyrics-history-item-meta{color:#64748b;align-items:center;gap:6px;font-size:11px;display:flex}.lyrics-history-item-del{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:28px;height:28px;transition:all .15s;display:grid}.lyrics-history-item-del:hover{color:#ef4444;background:#fee2e2}.lyrics-history-empty{text-align:center;color:#64748b;padding:24px 10px;font-size:13px}.lyrics-chat-length-notice{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:0 14px 8px;padding:8px 14px;font-size:11.5px;display:flex}.lyrics-chat-length-notice button{color:var(--blue);cursor:pointer;white-space:nowrap;background:#0066ff14;border:1px solid #06f3;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.lyrics-chat-length-notice button:hover{background:var(--blue);color:#fff}.lyrics-chat-length-notice.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.lyrics-chat-length-notice.warning button{color:#b45309;background:#fef3c7;border-color:#f59e0b}.lyrics-chat-length-notice.warning button:hover{color:#fff;background:#f59e0b}.lyrics-chat-length-notice.limit{color:#991b1b;background:#fef2f2;border-color:#fecaca}.lyrics-chat-length-notice.limit button{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.lyrics-chat-length-notice.limit button:hover{color:#fff;background:#ef4444}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#12203a;--muted:#4f5d72;--blue:#06f;--blue-dark:#0052cc;--pale:#edf5ff;--line:#dce4f0;--bg:#f7f9fd;--white:#fff;--radius:20px;font-family:Segoe UI,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:112px}body{color:var(--ink);background:var(--bg);margin:0;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #d18412}button:focus-visible{z-index:2;position:relative}svg{flex:none;width:22px;height:22px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.15}h1{font-size:clamp(2.65rem,7vw,4.7rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.1rem);font-weight:800}h3{font-size:1.27rem}p{color:var(--muted)}.wrap{width:min(1160px,100% - 40px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;border-radius:8px;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #e9eef7;border-radius:18px;align-items:center;gap:20px;min-height:68px;margin-top:12px;padding:10px 14px 10px 18px;display:flex;position:sticky;top:12px;box-shadow:0 8px 30px #142a5b12}.brand{color:var(--ink);letter-spacing:-.07em;white-space:nowrap;align-items:center;gap:8px;font-size:1.4rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{background:var(--blue);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.brand-mark svg{width:21px;height:21px}.brand em{color:var(--blue);font-style:normal}.desktop-nav{align-items:center;gap:25px;margin-inline:auto;display:none}.desktop-nav a,.login-link{color:#33425e;font-size:.91rem;font-weight:650;text-decoration:none}.desktop-nav a:hover,.login-link:hover{color:var(--blue)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.login-link{align-items:center;min-height:44px;padding-inline:10px;display:inline-flex}.menu-toggle{background:var(--pale);width:44px;height:44px;color:var(--ink);border:0;border-radius:11px;place-items:center;display:grid}.menu-toggle svg{width:24px}.mobile-nav{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 14px 32px #142a5b22}.mobile-nav[hidden]{display:none}.mobile-nav a{min-height:47px;color:var(--ink);border-radius:8px;align-items:center;padding-inline:14px;font-weight:650;text-decoration:none;display:flex}.mobile-nav a:hover{background:var(--pale)}.button{text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:13px 22px;font-size:.98rem;font-weight:750;line-height:1.3;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button svg{width:19px;height:19px}.button-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #06f3}.button-primary:hover{background:var(--blue-dark);box-shadow:0 12px 24px #0066ff47}.button-secondary{color:var(--blue-dark);background:#fff;border-color:#b8c8ea}.button-secondary:hover{background:var(--pale)}.text-link{min-height:44px;color:var(--blue-dark);text-underline-offset:4px;align-items:center;gap:7px;font-weight:750;display:inline-flex}.text-link svg{width:18px;height:18px}.hero{align-items:center;gap:34px;padding-block:54px 55px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(at 82% 37%,#e1eaff 0,#0000 57%);position:absolute;inset:-90px -20px 0}.eyebrow{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.hero h1{max-width:670px;margin-top:16px}.hero-lead{max-width:540px;margin-top:20px;font-size:1.11rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.hero-actions .button{flex:220px}.offer-note{color:#3e4c62;align-items:flex-start;gap:8px;max-width:560px;margin-top:14px;font-size:.88rem;line-height:1.5;display:flex}.offer-note svg{color:#247052;width:17px;height:17px;margin-top:2px}.preview{color:#fff;background:#121d35;border:1px solid #29385c;border-radius:22px;overflow:hidden;box-shadow:0 28px 58px -34px #15357a99}.preview-top{color:#c4d0ed;border-bottom:1px solid #ffffff19;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;font-size:.77rem;font-weight:700;display:flex}.preview-top span:first-child{align-items:center;gap:8px;display:inline-flex}.preview-top svg{width:19px}.preview-top .preview-label{color:#aebee2;letter-spacing:.12em;font-size:.68rem}.preview-body{padding:24px}.preview-kicker{color:#adbee8;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;font-size:.72rem;font-weight:800}.prompt-card{color:#f1f5ff;background:#1e2b45;border:1px solid #415174;border-radius:12px;min-height:88px;padding:16px;font-size:.96rem;line-height:1.55}.scenario-list{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.scenario{color:#dce5fa;background:#1b2842;border:1px solid #4a5b7c;border-radius:9px;min-height:44px;padding:8px 12px;font-size:.83rem}.scenario[aria-pressed=true]{background:var(--blue);color:#fff;border-color:#8aaaff}.preview-divider{color:#a5b9e3;letter-spacing:.08em;align-items:center;gap:10px;margin-block:22px 17px;font-size:.73rem;font-weight:800;display:flex}.preview-divider:before,.preview-divider:after{content:"";background:#3a4762;flex:1;height:1px}.result-rows{gap:8px;display:grid}.result-row{background:#1a2944;border:1px solid #344467;border-radius:12px;align-items:center;gap:12px;min-height:61px;padding:10px 12px;display:flex}.result-icon{color:#cbd8ff;background:#304879;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.result-icon svg{width:19px}.result-row b{font-size:.88rem;display:block}.result-row small{color:#b5c4e4;font-size:.75rem}.preview .button{width:100%;color:var(--blue-dark);background:#fff;margin-top:18px}.preview .button:hover{background:#edf2ff}.preview-note{color:#bbc8e5;text-align:center;background:#0e172b;border-top:1px solid #ffffff17;padding:11px 20px;font-size:.75rem}.feature-strip{border-block:1px solid var(--line);gap:18px;padding-block:23px;display:grid}.feature{align-items:flex-start;gap:12px;display:flex}.feature svg{color:var(--blue)}.feature b{font-size:.94rem;display:block}.feature p{font-size:.84rem}.section-head h2{margin-top:10px}.section-head p{margin-top:14px}.section-head.center{text-align:center;margin-inline:auto}.steps{gap:16px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:27px}.step .number{color:var(--blue-dark);letter-spacing:.12em;margin-bottom:22px;font-size:.8rem;font-weight:800;display:block}.step h3{margin-bottom:9px}.step p{font-size:.93rem}.showcase-grid{gap:16px;margin-top:17px;display:grid}.sample-card,.testimonial-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.sample-card h3{margin-bottom:7px}.sample-card p,.testimonial-card p{font-size:.9rem}.sample-card audio{width:100%;margin-top:14px;display:block}.testimonial-card blockquote{color:var(--ink);margin:0;font-size:1rem;line-height:1.6}.testimonial-card footer{color:var(--muted);margin-top:14px;font-size:.84rem}.pricing{border-block:1px solid var(--line);background:#fff;margin-top:72px}.trial{color:#fff;background:#152442;border-radius:20px;flex-direction:column;gap:22px;margin:30px 0 22px;padding:27px;display:flex}.trial-price{letter-spacing:-.05em;font-size:2.45rem;font-weight:800;line-height:1.1}.trial-price small{color:#d8e2f6;letter-spacing:0;margin-top:4px;font-size:.81rem;font-weight:400;display:block}.trial-action{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.trial-action .button{color:var(--blue-dark);background:#fff;flex:220px}.plans{gap:15px;display:grid}.plan{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;padding:27px;display:flex}.plan.featured{border:2px solid var(--blue);background:#f7f9ff;padding:26px}.plan-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.tag{color:var(--blue-dark);background:#e2eaff;border-radius:6px;padding:5px 8px;font-size:.7rem;font-weight:800}.plan>p{margin-top:5px;font-size:.86rem}.price{letter-spacing:-.06em;margin:23px 0 16px;font-size:2.5rem;font-weight:800;line-height:1.1}.price small{color:var(--muted);letter-spacing:0;margin-left:5px;font-size:.88rem;font-weight:400}.plan-amount{border-block:1px solid var(--line);padding-block:14px}.plan-amount b{font-size:.94rem;display:block}.plan-amount small{color:var(--muted);font-size:.82rem}.plan ul{gap:10px;margin:20px 0 23px;padding:0;font-size:.87rem;list-style:none;display:grid}.plan li{align-items:flex-start;gap:9px;display:flex}.plan li:before{content:"✓";color:var(--blue-dark);font-weight:800}.plan .button{width:100%;margin-top:auto}.pricing-note{text-align:center;max-width:800px;margin:22px auto 0;font-size:.84rem}.pricing-note a{color:var(--blue-dark)}.faq-grid{gap:22px;display:grid}.faq-grid .section-head{margin-bottom:0}.faq details{border-bottom:1px solid var(--line)}.faq summary{min-height:66px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding-block:17px;font-size:1rem;font-weight:700;line-height:1.4;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue-dark);font-size:1.55rem;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 28px 20px 0;font-size:.92rem}.faq a{color:var(--blue-dark);text-underline-offset:3px}.final-cta{background:var(--blue);color:#fff;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:26px;margin-bottom:44px;padding:35px;display:flex}.final-cta h2{max-width:620px}.final-cta .button{width:100%;color:var(--blue-dark);background:#fff}.final-cta small{color:#e5edff;text-align:center;margin-top:10px;font-size:.77rem;display:block}.final-action{width:100%}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px 25px;padding-bottom:35px;display:flex}.footer p{font-size:.78rem}.footer-links{flex-wrap:wrap;gap:0 17px;display:flex}.sticky-cta{z-index:25;padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;justify-content:space-between;align-items:center;gap:10px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #132b5512}.sticky-cta[hidden]{display:none!important}.sticky-cta b{font-size:.82rem;line-height:1.2;display:block}.sticky-cta small{display:none}.sticky-cta .button{white-space:nowrap;border-radius:999px;height:34px;min-height:34px;padding:0 16px;font-size:.8rem}@media (width>=640px){.feature-strip,.steps{grid-template-columns:repeat(3,1fr)}.plans,.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=980px){.desktop-nav{display:flex}.menu-toggle,.mobile-nav{display:none!important}.hero{grid-template-columns:1.1fr .9fr;gap:60px;padding-block:64px 60px}.plans{grid-template-columns:repeat(3,1fr);gap:19px}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:74px}.final-cta{flex-direction:row;align-items:center;padding:44px}.final-action{flex:none;width:auto}.final-cta .button{width:auto}}@media (width<=639px){body{padding-bottom:0}.wrap{width:calc(100% - 32px)}.hero{padding-block:38px 43px}.feature-strip{gap:17px}.section{padding-block:54px}.pricing{margin-top:52px}.trial{padding:25px}.final-cta{padding:27px}.sticky-cta:not([hidden]){display:flex}}@media (width<=370px){.brand{font-size:1.25rem}.login-link{padding-inline:5px}.hero h1{font-size:2.42rem}.sticky-cta small{display:none}.sticky-cta .button{padding-inline:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--ink:#111a31;--charcoal:#2b3038;--muted:#53617a;--blue:#06f;--blue-dark:#0052cc;--blue-glow:#06f6;--pale:#edf5ff;--line:#e3e8f1;--bg:#f7f8fc;--radius:22px;font-family:Manrope,Segoe UI,system-ui,sans-serif}@media (width>=640px){:root{font-size:90%}}body{background:var(--bg);letter-spacing:-.008em;font-size:1rem}body:before{content:"";z-index:100;background:var(--blue);transform-origin:0;pointer-events:none;width:100%;height:3px;animation:.9s ease-out both page-loading;position:fixed;top:0;left:0}.fh-landing-wrapper{background-color:var(--bg);background-image:linear-gradient(90deg,#111a3106 1px,#0000 1px),linear-gradient(#111a3106 1px,#0000 1px);background-size:32px 32px;min-height:100vh;position:relative}::selection{color:#0f172a;background:#cce0ff}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--blue)}.wrap{width:min(1080px,100% - 48px)}h1,h2,h3{letter-spacing:-.055em}h2{font-size:clamp(2.1rem,3.7vw,3.35rem)}h3{letter-spacing:-.035em;font-size:1.18rem}.site-header{background:#ffffffed;border:1px solid #e9edf6;border-radius:18px;min-height:65px;margin-top:13px;padding-inline:19px 13px;top:13px;box-shadow:0 8px 30px #17244410}.brand{color:var(--charcoal);letter-spacing:-.075em;gap:9px;font-size:1.44rem;font-weight:800}.brand-mark{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #0066ff40}.brand-mark img,.brand-logo-img{object-fit:cover;width:100%;height:100%;display:block}.brand em{color:var(--blue)}.desktop-nav a{color:#48536a;padding-block:10px;font-size:.88rem;position:relative}.desktop-nav a:after{content:"";background:var(--blue);border-radius:2px;width:0;height:2px;transition:width .2s;position:absolute;bottom:2px;left:0}.desktop-nav a:hover:after{width:100%}.login-link{border:1px solid var(--charcoal);background:var(--charcoal);color:#fff;border-radius:12px;justify-content:center;gap:9px;min-width:94px;padding-inline:14px;font-size:.85rem;font-weight:800;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 7px 18px #252a3340}.login-link svg{width:16px;height:16px;transition:transform .2s}.login-link:hover{color:#fff;background:#414750;border-color:#414750;transform:translateY(-1px);box-shadow:0 10px 22px #252a3347}.login-link:hover svg{transform:translate(2px)}.mobile-nav-backdrop{z-index:999999;-webkit-backdrop-filter:blur(14px);box-sizing:border-box;background:#0a1220a6;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) forwards nav-backdrop-in;display:flex;position:fixed;inset:0}.mobile-nav-backdrop.is-closing{animation:.22s cubic-bezier(.4,0,1,1) forwards nav-backdrop-out}.mobile-nav-modal{transform-origin:50%;box-sizing:border-box;background:#fff;border:1px solid #dce5f5;border-radius:24px;flex-direction:column;gap:12px;width:100%;max-width:330px;max-height:min(520px,100dvh - 32px);margin:auto;padding:18px 16px 16px;animation:.26s cubic-bezier(.16,1,.3,1) forwards nav-modal-in;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px -10px #0a142873,0 0 0 1px #fffffff2}.mobile-nav-backdrop.is-closing .mobile-nav-modal{animation:.22s cubic-bezier(.4,0,1,1) forwards nav-modal-out}.mobile-nav-header{border-bottom:1px solid #edf2fa;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.mobile-nav-brand{color:#12213e;letter-spacing:-.02em;align-items:center;gap:9px;font-size:1.05rem;font-weight:800;display:inline-flex}.mobile-nav-brand em{color:var(--blue);font-style:normal}.mobile-nav-brand .brand-mark{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #0066ff40}.mobile-nav-close{color:#4b5e7d;cursor:pointer;background:#f8faff;border:1px solid #e2e8f5;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .15s;display:grid}.mobile-nav-close:hover{color:var(--blue);background:#edf3ff;transform:scale(1.08)}.mobile-nav-close svg{width:18px;height:18px}.mobile-nav-links{flex-direction:column;gap:3px;display:flex}.mobile-nav-links a{color:#182642;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.mobile-nav-links a:hover,.mobile-nav-links a:active{color:var(--blue);background:#f0f4fe;transform:translate(3px)}.mobile-nav-arrow{color:#94a3b8;font-size:.9rem;font-weight:800;transition:transform .15s,color .15s}.mobile-nav-links a:hover .mobile-nav-arrow{color:var(--blue);transform:translate(3px)}.mobile-nav-footer{padding-top:2px}.mobile-nav-cta{white-space:nowrap;width:100%;min-height:48px;padding:10px 14px;font-size:.88rem;font-weight:800;box-shadow:0 6px 18px #0066ff52}.mobile-nav-cta svg{flex-shrink:0}@keyframes nav-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes nav-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes nav-modal-in{0%{opacity:0;transform:scale(.88)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes nav-modal-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(12px)}}@media (width>=900px){.mobile-nav-backdrop{display:none!important}}.button{letter-spacing:-.012em;border-radius:12px;font-size:.93rem;font-weight:800}.button-primary{background:var(--blue);box-shadow:0 9px 22px #0066ff38}.button-primary:hover{background:var(--blue-dark)}.button-secondary{color:var(--blue-dark);border-color:#cbd5e9}.eyebrow{color:var(--blue);letter-spacing:.16em;font-size:.72rem;font-weight:800}.hero{isolation:isolate;background:#fff;border:1px solid #e5e8ef;border-radius:31px;min-height:620px;margin-top:25px;padding:56px 50px;overflow:visible;box-shadow:0 27px 70px -37px #2537572b}.hero:before{z-index:-2;border-radius:inherit;background:#fff;inset:0}.hero:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;display:none;position:absolute;inset:0}.hero>div:first-child{z-index:2;position:relative}.hero .eyebrow{color:var(--blue);align-items:center;gap:10px;font-size:.73rem;display:inline-flex}.hero .eyebrow:before{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #06f6}.hero h1{max-width:594px;color:var(--charcoal);letter-spacing:-.065em;margin-top:0;font-size:clamp(3rem,4.8vw,4.35rem);font-weight:800;line-height:1.07}.hero h1 span{color:var(--blue)}.hero-lead{color:#50617f;max-width:468px;margin-top:21px;font-size:1.035rem;line-height:1.75}.hero-actions{gap:9px;margin-top:28px}.hero-actions .button{flex:initial;min-height:51px}.hero .button-primary{background:var(--blue);color:#fff;box-shadow:0 10px 28px #0066ff38}.hero .button-primary:hover{background:var(--blue-dark);box-shadow:0 13px 32px #0066ff52}.hero .button-secondary{color:var(--blue-dark);background:#ffffffd9;border-color:#b9c9ed}.hero .button-secondary:hover{background:#fff}.offer-note{color:#55647d;margin-top:16px;font-size:.8rem}.offer-note svg{color:var(--blue)}.preview-stage{z-index:3;perspective:1300px;width:min(100%,356px);margin-inline:auto;animation:7s ease-in-out infinite card-hover;position:relative}.preview-stage:before{content:"";z-index:-3;filter:blur(29px);opacity:.6;pointer-events:none;background:radial-gradient(at 58% 48%,#93b4ff70 0,#b9cdff36 42%,#0000 72%);border-radius:50%;position:absolute;inset:9% -4% 1%}.preview-stage:after{content:"";z-index:-4;filter:blur(30px);background:#25365045;border-radius:50%;height:72px;position:absolute;bottom:-42px;left:5%;right:-5%;transform:rotate(-4deg)}.preview-back{pointer-events:none;will-change:transform;border-radius:23px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:absolute;inset:10px 9px -10px}.preview-back-one{z-index:-2;transform:translateY(calc(var(--scroll-y,0px) * .75)) rotate(calc(5deg + var(--scroll-fan,0deg))) translate(calc(16px + var(--scroll-fan-x,0px)), calc(4px + var(--scroll-fan-y,0px)));background:#fff;border:1px solid #e0e7f2;box-shadow:0 30px 42px -24px #26344b69,inset 0 1px #fff}.preview-back-two{z-index:-1;transform:translateY(calc(var(--scroll-y,0px) * .9)) rotate(calc(-4deg - var(--scroll-fan,0deg))) translate(calc(-14px - var(--scroll-fan-x,0px)), calc(8px + var(--scroll-fan-y,0px)));background:#fff;border:1px solid #d7e0ee;box-shadow:7px 16px 25px -19px #233b5999,inset 0 1px #fff9}.preview{z-index:2;color:#14213e;will-change:transform;transform:translateY(var(--scroll-y,0px)) rotateY(var(--tilt-y,var(--scroll-ry,-8deg))) rotateX(var(--tilt-x,var(--scroll-rx,4deg))) rotateZ(1deg);backface-visibility:hidden;background:#fff;border:1px solid #d6e0f5;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:485px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 18px -15px #20304c70,0 35px 65px -28px #26365373,0 62px 100px -65px #24324c80,inset 0 1px #fff}.preview:after{content:"";z-index:3;top:0;bottom:0;left:var(--scroll-shine-left,-70%);width:40%;opacity:var(--scroll-shine-op,0);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);transition:opacity .25s;position:absolute;transform:skew(-18deg)}.preview-stage:hover{animation-play-state:paused}.preview-stage:hover .preview{transform:translateY(calc(var(--scroll-y,0px) - 8px)) rotateY(var(--tilt-y,-3deg)) rotateX(var(--tilt-x,1deg)) rotateZ(0);box-shadow:0 17px 24px -19px #20304c85,0 45px 78px -30px #26365380,0 72px 110px -68px #24324c91}.preview-stage:hover .preview-back-one{transform:translateY(calc(var(--scroll-y,0px) * .75)) rotate(calc(6deg + var(--scroll-fan,0deg))) translate(calc(21px + var(--scroll-fan-x,0px)), calc(7px + var(--scroll-fan-y,0px)))}.preview-stage:hover .preview-back-two{transform:translateY(calc(var(--scroll-y,0px) * .9)) rotate(calc(-5deg - var(--scroll-fan,0deg))) translate(calc(-18px - var(--scroll-fan-x,0px)), calc(12px + var(--scroll-fan-y,0px)))}.preview-top{color:#233659;letter-spacing:.07em;text-align:center;background:#f8faff;border-bottom-color:#e4eaf5;justify-content:center;align-items:center;min-height:52px;padding:15px 20px;font-size:.74rem;font-weight:800;display:flex}.preview-top-brand{text-align:center;justify-content:center;align-items:center;gap:5px;display:inline-flex}.preview-top b{color:var(--blue);margin-left:0;font-weight:800}.preview-body{flex-direction:column;flex:1;padding:18px 18px 20px;display:flex}.preview-instruction{text-align:center;background:linear-gradient(135deg,#eef4ff 0%,#f4f7fc 100%);border:1px solid #cdddf8;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;padding:10px 14px;display:flex;box-shadow:0 2px 8px -2px #1e367414}.preview-instruction p{color:#152747;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800;line-height:1.35}.preview-segmented{background:#edf2fa;border:1px solid #dce5f4;border-radius:999px;gap:3px;margin-bottom:14px;padding:3px;display:flex}.preview-segment{color:#556885;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;min-height:36px;font-size:.79rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.preview-segment:hover{color:#172444}.preview-segment.active{color:#12213e;background:#fff;font-weight:800;box-shadow:0 2px 8px #172b5218}.preview-player-card{background:#fff;border:1px solid #dbe4f4;border-radius:18px;flex-direction:column;gap:16px;margin-bottom:auto;padding:18px 16px 16px;display:flex;box-shadow:0 4px 18px -4px #1b2e5512}.player-track-header{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:2px 8px 0;display:flex}.player-title{color:#12213e;letter-spacing:-.02em;text-align:center;margin:0;font-size:1.12rem;font-weight:800;line-height:1.25}.player-title-tag{color:#627490;letter-spacing:normal;text-transform:lowercase;vertical-align:middle;margin-left:4px;font-size:.78rem;font-weight:300}.player-desc{color:#627490;text-align:center;margin:0;font-size:.8rem}.player-progress-section{background:0 0;border:none;flex-direction:column;gap:12px;padding:4px 0 0;display:flex}.standard-equalizer{width:100%;height:42px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:flex-end;gap:4.5px;margin:2px 0 6px;padding:0;display:flex}.standard-equalizer .eq-bar{opacity:.35;transform-origin:bottom;will-change:height, opacity;background:#06f;border-radius:999px;width:4px;height:4px;min-height:4px}.player-bar-track{cursor:pointer;touch-action:none;background:#e2ebf8;border-radius:999px;width:100%;height:6px;position:relative;overflow:visible}.player-bar-track:hover .player-bar-glow{transform:scale(1.25)}.player-bar-fill{background:linear-gradient(90deg, var(--blue) 0%, #38bdf8 100%);border-radius:999px;height:100%;transition:width .2s linear;position:relative;box-shadow:0 1px 6px #0066ff4d}.player-bar-glow{border:2px solid var(--blue);background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:-3px;right:-4px;box-shadow:0 2px 6px #1e367445}.player-time-row{color:#637593;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;display:flex}.player-controls{justify-content:center;align-items:center;gap:20px;margin-top:2px;display:flex}.player-nav-btn{color:#4b5e7d;cursor:pointer;background:#f8faff;border:1px solid #dbe5f5;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .15s;display:grid}.player-nav-btn:hover{color:var(--blue);background:#edf3ff;border-color:#0066ff59;transform:scale(1.06)}.player-play-btn{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 6px 18px #0066ff4d}.player-play-btn:hover{transform:scale(1.08);box-shadow:0 8px 24px #06f6}.player-play-btn.is-playing{box-shadow:0 0 0 5px #0066ff26,0 8px 24px #06f6}.player-play-btn svg{width:22px;height:22px}.preview-samples{min-height:215px}.preview-sample-list{gap:7px;display:grid}.preview-sample-button{color:#1b2b4a;text-align:left;background:#f8faff;border:1px solid #d6e0f1;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:48px;padding:8px 11px;display:flex}.preview-sample-button:hover,.preview-sample-button[aria-pressed=true]{background:#eaf0ff;border-color:#8ca7fa}.preview-sample-number{color:#6d82ad;font-size:.72rem;font-weight:800}.preview-sample-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;font-weight:700;overflow:hidden}.preview-sample-arrow{color:var(--blue);font-size:.78rem}.preview-samples audio{width:100%;height:42px;margin-top:13px;display:block}.preview-audio-status{color:#5b6a84;text-align:center;min-height:17px;margin-top:4px;font-size:.72rem}.preview-audio-status.is-loading:before{content:"";border:2px solid #c8d5ff;border-top-color:var(--blue);vertical-align:-2px;border-radius:50%;width:11px;height:11px;margin-right:7px;animation:.7s linear infinite loading-spin;display:inline-block}@keyframes card-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes preview-glow{0%{opacity:.5;transform:translate(-8px,5px)scale(.96)}to{opacity:.85;transform:translate(9px,-6px)scale(1.05)}}@keyframes preview-sheen{0%,34%{opacity:0;transform:translate(0)skew(-18deg)}42%,56%{opacity:1}65%,to{opacity:0;transform:translate(600%)skew(-18deg)}}@keyframes page-loading{0%{opacity:1;transform:scaleX(0)}80%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes enter-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.site-header{animation:.55s ease-out both enter-up}.hero>div:first-child{animation:.7s ease-out .12s both enter-up}.hero .preview{animation:.8s ease-out .3s both enter-fade}.preview-stage:before{animation:5s ease-in-out infinite alternate preview-glow}.preview:after{animation:9s ease-in-out infinite preview-sheen}.cover-disc{animation:22s linear infinite loading-spin}.has-motion .reveal{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(22px)}.has-motion .reveal.is-visible{opacity:1;transform:translateY(0)}}.feature-strip{background:#24282f;border:1px solid #343a43;border-radius:18px;gap:0;margin-top:22px;padding:16px 11px;box-shadow:0 16px 32px #2027331c}.feature{justify-content:center;align-items:center;min-height:52px;padding:9px 14px}.feature svg{color:#b8c9ff;width:22px;height:22px}.feature b{color:#fff;font-size:.82rem}.feature p{color:#c3cbd5;margin-top:2px;font-size:.72rem}.section{padding-block:56px}.section-head{max-width:585px;margin-bottom:24px}.section-head h2{margin-top:10px;line-height:1.17}.section-head p{color:#64718a;max-width:522px;margin-top:10px;font-size:.96rem}.step{background:#fff;border-color:#e2e7f2;border-radius:18px;min-height:207px;padding:27px;transition:transform .22s,box-shadow .22s;position:relative;box-shadow:0 12px 32px #1f315b09}.step:hover{transform:translateY(-5px);box-shadow:0 17px 34px #1f315b14}.step .number{color:var(--blue);letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:26px;font-size:.66rem;display:inline-flex}.step .number:before{content:"";background:#0066ff73;width:22px;height:1px}.step h3{color:#15213e;margin-bottom:9px;font-size:1.17rem}.step p{color:#5b6880;font-size:.84rem;line-height:1.7}#seguranca{padding-block:45px 36px}#seguranca .steps{background:#fff;border:1px solid #e2e7f1;border-radius:20px;gap:0;overflow:hidden;box-shadow:0 12px 32px #1f315b0b}#seguranca .step,#seguranca .steps .step:nth-child(2){min-height:185px;box-shadow:none;background:0 0;border:0;border-radius:0}#seguranca .step:hover{box-shadow:none;transform:none}.styles-section{color:#fff;background:#24282f;border:1px solid #343a43;border-radius:23px;padding:38px;box-shadow:0 22px 46px #20273322}.styles-section .eyebrow{color:#a8bcff}.styles-section h2{color:#fff;max-width:648px;margin-top:8px;font-size:clamp(2.3rem,3.4vw,3rem);line-height:1.12}.style-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:23px;display:grid}.style-card{background:#2f353e;border:1px solid #ffffff1f;border-radius:14px;padding:21px}.style-card-index{color:#aeb9c9;letter-spacing:.14em;margin-bottom:16px;font-size:.63rem;font-weight:800;display:block}.style-card h3{color:#fff;font-size:1.3rem}.style-card p{color:#c3cbd5;max-width:31ch;margin-top:8px;font-size:.86rem;line-height:1.6}.pricing{background:#fff;border-block-color:#e5eaf5;margin-top:0;padding-block:49px 41px}.pricing .section-head{margin-bottom:24px}.pricing .section-head p{margin-inline:auto}.trial{color:#14213e;background:#fff;border:1px solid #e0e5ef;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:21px 25px;display:grid;box-shadow:0 8px 24px #1e31570d}.trial:after{display:none}.trial>*{z-index:1;position:relative}.trial .eyebrow{color:var(--blue)}.trial h3{margin-top:4px;font-size:1.26rem}.trial p{color:#52637f;margin-top:3px;font-size:.82rem}.trial-action{flex-wrap:nowrap}.trial-price{color:var(--blue);white-space:nowrap;font-size:2.05rem}.trial-price small{color:#52637f}.trial-action .button{background:var(--blue);color:#fff;flex:none;min-height:48px;font-size:.85rem}.trial-action .button:hover{background:var(--blue-dark)}.plan{border-color:#e2e7f1;border-radius:18px;box-shadow:0 13px 28px #1e31570b}.plan.featured{border-color:var(--blue);background:linear-gradient(#f7f9ff,#fff 49%);box-shadow:0 19px 40px #0066ff29}.plan-top h3{font-size:1.39rem}.tag{color:var(--blue-dark);background:#e6f0ff;font-size:.62rem;font-weight:800}.plan>p{color:#69758a;font-size:.8rem}.price{color:#15203d;margin-block:25px 21px;font-size:2.44rem}.plan-amount b{font-size:.88rem}.plan-amount small{font-size:.76rem}.plan ul{gap:12px;margin-top:23px;font-size:.8rem}.plan li:before{color:var(--blue)}.plan .button{min-height:48px;font-size:.8rem}.pricing-note{color:#68758c;font-size:.77rem;line-height:1.8}.payment-note{color:#374661;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:9px;margin:24px 0 0;font-size:.95rem;font-weight:800;display:flex}.payment-note svg{width:20px;height:20px;color:var(--blue)}.faq-grid{gap:58px;padding-block:47px 40px}.faq details{background:#fff;border:1px solid #e2e7f0;border-radius:12px;margin-bottom:8px;padding-inline:18px}.faq details[open]{border-color:#bfdbfe;box-shadow:0 8px 22px #0066ff14}.faq summary{min-height:56px;padding-block:12px;font-size:.88rem}.faq summary:after{font-size:1.4rem}.faq details p{color:#55637a;padding-bottom:19px;font-size:.82rem;line-height:1.75}.final-cta{color:#fff;background:#24282f;border:1px solid #343a43;border-radius:23px;min-height:185px;margin-bottom:25px;padding:34px 41px;position:relative;overflow:hidden;box-shadow:0 23px 44px #20273322}.final-cta:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:365px;height:365px;position:absolute;bottom:-170px;right:-50px;box-shadow:0 0 0 62px #ffffff08,0 0 0 124px #ffffff05}.final-cta>*{z-index:1;position:relative}.final-cta h2{color:#fff}.final-cta .button{background:var(--blue);color:#fff;min-height:54px}.final-cta .button:hover{background:var(--blue-dark)}.final-cta small{color:#b9c2ce}.footer{border-top:1px solid #e1e6ef;padding-top:24px;padding-bottom:20px}.step p a,.faq details p a,.pricing-note a{color:var(--blue-dark);font-weight:700;text-decoration:none}.footer p{color:#64748b;margin:0;font-size:.8rem}.footer-parent-brand{color:#475569;font-weight:550}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;display:flex}.footer-links a,.footer-links button,.footer-btn{cursor:pointer;background:0 0;border:none;align-items:center;margin:0;padding:0;font-family:inherit;font-size:.83rem;font-weight:600;transition:color .15s;display:inline-flex;color:#475569!important;text-decoration:none!important}.footer-links a:hover,.footer-links button:hover,.footer-btn:hover{color:#0f172a!important;text-decoration:none!important}.sticky-cta{padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, transform;background:#ffffffef;border-top-color:#d7dff0;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;transform:translateY(100%)}.sticky-cta.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.sticky-cta .button{background:var(--blue);color:#fff;border-radius:999px;height:34px;min-height:34px;padding:0 16px;transition:transform .15s,background .15s}.sticky-cta .button:active{transform:scale(.97)}@media (width>=640px){#seguranca .step:not(:last-child){border-right:1px solid #e3e8f1}.feature:not(:last-child){border-right:1px solid #ffffff24}}@media (width>=980px){.site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:24px;display:grid}.brand{justify-self:start}.desktop-nav{justify-self:center;margin-inline:0}.header-actions{justify-self:end;margin-left:0}.hero{grid-template-columns:1.06fr .94fr;gap:44px}.plan.featured{transform:translateY(-6px)}}@media (width<=979px){.hero{padding:47px 37px}.hero h1{font-size:clamp(2.8rem,6vw,4rem)}.preview-stage{margin-top:16px}.preview{transform:rotateY(-4deg)rotateX(2deg)}}@media (width>=640px) and (width<=759px){.style-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.style-card:last-child{grid-column:1/-1}}@media (width<=639px){.wrap{width:calc(100% - 24px)}.site-header{background:#fffffffa;border-radius:999px;min-height:54px;margin-top:10px;padding:6px 8px 6px 14px;top:10px;box-shadow:0 6px 24px #17244414}.header-actions{gap:6px}.login-link{border-radius:999px;min-width:auto;min-height:38px;padding-inline:14px;font-size:.82rem}.menu-toggle{background:#eef2f9;border-radius:50%;width:38px;height:38px}.menu-toggle svg{width:20px;height:20px}.hero{border-radius:24px;gap:36px;min-height:0;margin-top:16px;padding:42px 23px 47px}.hero h1{font-size:clamp(2.55rem,10vw,3.4rem)}.hero-lead{font-size:.92rem;line-height:1.7}.hero-actions .button{width:100%}.preview-stage{perspective:1100px;width:min(100% - 10px,340px);margin:12px auto 0}.preview{min-height:auto;transform:translateY(var(--scroll-y,0px)) rotateY(var(--tilt-y,var(--scroll-ry,-6deg))) rotateX(var(--tilt-x,var(--scroll-rx,3.5deg)));box-shadow:-10px 20px 42px -12px #26344b55,0 32px 55px -24px #2636534d}.preview-stage:hover .preview{transform:translateY(calc(var(--scroll-y,0px) - 4px)) rotateY(-3deg) rotateX(2deg)}.preview-back-one{transform:translateY(calc(var(--scroll-y,0px) * .75)) rotate(calc(5deg + var(--scroll-fan,0deg))) translate(calc(14px + var(--scroll-fan-x,0px)), calc(6px + var(--scroll-fan-y,0px)));opacity:.65}.preview-back-two{transform:translateY(calc(var(--scroll-y,0px) * .9)) rotate(calc(-4deg - var(--scroll-fan,0deg))) translate(calc(-12px - var(--scroll-fan-x,0px)), calc(8px + var(--scroll-fan-y,0px)));opacity:.8}.preview-top{min-height:42px;padding:8px 13px;font-size:.72rem}.preview-body{padding:12px}.preview-instruction{gap:8px;margin-bottom:10px;padding:8px 10px}.preview-instruction p{font-size:.75rem}.preview-segmented{gap:2px;margin-bottom:10px;padding:2px}.preview-segment{min-height:31px;font-size:.73rem}.preview-player-card{gap:10px;padding:12px 11px 10px}.player-track-thumb{border-radius:10px;width:40px;height:40px}.player-track-thumb svg{width:17px;height:17px}.player-title{font-size:.88rem}.player-desc{font-size:.7rem}.player-controls{gap:12px}.player-nav-btn{width:32px;height:32px}.player-nav-btn svg{width:14px;height:14px}.player-play-btn{width:44px;height:44px}.player-progress-section{gap:7px;padding:10px 11px 8px}.player-soundwaves-container{height:24px}.player-bar-track{height:5px}.player-bar-glow{width:10px;height:10px;top:-2.5px;right:-3px}.feature-strip{margin-top:18px;max-width:380px;margin-inline:auto;padding:8px 16px}.feature{text-align:left;justify-content:flex-start;gap:16px;padding:13px 8px}.feature svg{flex-shrink:0}.feature div{text-align:left}.feature:not(:last-child){border-bottom:1px solid #ffffff24}.section{padding-block:44px}.step{min-height:0;padding:26px}.step .number{margin-bottom:18px}#seguranca .step{min-height:0}#seguranca .step:not(:last-child){border-bottom:1px solid #e3e8f1}.styles-section{border-radius:22px;padding:30px 23px 23px}#seguranca{padding-block:36px 38px}.styles-section h2{font-size:2rem}.style-cards{grid-template-columns:1fr;gap:10px;margin-top:24px}.style-card{padding:20px}.pricing{padding-block:42px 40px}.pricing .section-head{margin-bottom:17px}.pricing .section-head h2{font-size:2rem}.pricing .section-head p{margin-top:6px;font-size:.86rem}.faq-grid{padding-block:40px 36px}.trial{margin:0 0 18px;padding:18px;display:block;position:relative}.trial-heading{padding-right:78px}.trial .eyebrow{letter-spacing:.1em;font-size:.66rem}.trial h3{letter-spacing:-.03em;margin-top:2px;font-size:1rem;line-height:1.3}.trial p{width:calc(100% + 78px);margin-top:9px;font-size:.79rem;line-height:1.4}.trial-action{display:contents}.trial-price{font-size:1.72rem;position:absolute;top:19px;right:18px}.trial-action .button{width:100%;min-height:46px;margin-top:16px;padding:10px 14px;font-size:.84rem}.trial-action .button svg{width:16px;height:16px}.plan{padding:26px}.faq-grid{gap:22px}.final-cta{min-height:0;padding:34px 27px}.footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding-top:18px;padding-bottom:12px}.footer p{text-align:center;margin:0}.footer-links{text-align:center;justify-content:center;gap:8px 18px;width:100%}}@media (width<=370px){.site-header{gap:8px}.login-link{min-width:0;padding-inline:10px}.login-link svg{display:none}}@media (prefers-reduced-motion:reduce){body:before{animation:none;display:none}.preview-stage{animation:none}.preview,.preview-stage:hover .preview,.step:hover{transform:none}}.support-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.22s cubic-bezier(.16,1,.3,1) supportModalFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes supportModalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.support-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:680px;height:min(88vh,720px);max-height:88vh;font-family:inherit;transition:max-width .2s,height .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0000000a}.support-modal-card.chat-full-modal{max-width:860px;height:min(92vh,840px);max-height:92vh}.support-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.support-header-title{align-items:center;gap:12px;display:flex}.support-header-icon{color:#06f;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.support-header-title h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:750;line-height:1.25}.support-header-title p{color:#64748b;margin:2px 0 0;font-size:.8rem}.support-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.support-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.support-modal-header.chat-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.support-chat-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.support-back-icon-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.support-back-icon-btn:hover{color:#06f;background:#eff6ff;border-color:#bfdbfe}.support-chat-header-info{flex-direction:column;gap:2px;min-width:0;display:flex}.support-chat-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.support-chat-title-row h3{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:440px;margin:0;font-size:1.05rem;font-weight:750;overflow:hidden}.support-chat-header-info p{color:#64748b;margin:0;font-size:.74rem}.support-chat-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.support-channels-bar{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 20px;display:grid}.support-channel-pill{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;text-decoration:none;transition:all .15s;display:flex;position:relative}.support-channel-pill:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.support-channel-pill.active{background:#eff6ff;border-color:#06f}.support-channel-pill.wpp:hover{background:#f0fdf4;border-color:#22c55e}.support-channel-pill.email:hover{background:#eef2ff;border-color:#6366f1}.channel-icon{font-size:1.15rem;line-height:1}.channel-info{flex-direction:column;flex:1;min-width:0;display:flex}.channel-info strong{color:#0f172a;font-size:.82rem;font-weight:700;line-height:1.2}.channel-info small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.channel-ext{color:#94a3b8;flex-shrink:0}.support-modal-body{flex-direction:column;flex:1;min-height:0;padding:16px 20px;display:flex;overflow:hidden}.support-view-list{flex-direction:column;flex:1;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.support-actions-row{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.support-tab-title{align-items:center;gap:8px;display:flex}.support-tab-title h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.support-refresh-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.support-refresh-btn:hover{color:#06f}.support-btn-primary{color:#fff;cursor:pointer;background:#06f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:650;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #06f3}.support-btn-primary:hover{background:#0052cc;box-shadow:0 6px 16px #0066ff4d}.support-btn-primary:disabled{opacity:.6;cursor:not-allowed}.support-btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.support-btn-secondary:hover{color:#0f172a;background:#e2e8f0}.support-tickets-list{flex-direction:column;gap:10px;display:flex}.support-ticket-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;transition:all .15s}.support-ticket-card:hover{border-color:#06f;transform:translateY(-1px);box-shadow:0 4px 14px #0066ff14}.ticket-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ticket-category-tag{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.ticket-status-badge{border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.ticket-card-subject{color:#0f172a;margin:0 0 4px;font-size:.9rem;font-weight:700}.ticket-card-snippet{color:#64748b;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.ticket-card-footer{color:#94a3b8;border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;padding-top:8px;font-size:.72rem;display:flex}.support-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.empty-icon-wrap{color:#06f;background:#eff6ff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;display:flex}.support-empty-state h4{color:#0f172a;margin:0 0 6px;font-size:1rem;font-weight:700}.support-empty-state p{color:#64748b;max-width:400px;margin:0 0 18px;font-size:.82rem;line-height:1.5}.support-view-new{flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.support-view-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.support-back-btn{color:#06f;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:.8rem;font-weight:650;display:inline-flex}.support-view-header h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:750}.support-form-group{flex-direction:column;gap:6px;display:flex}.support-form-group label{color:#334155;font-size:.8rem;font-weight:650}.support-category-grid{flex-wrap:wrap;gap:6px;display:flex}.category-select-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:7px 11px;font-size:.77rem;font-weight:600;transition:all .15s;display:inline-flex}.category-select-pill:hover{background:#f8fafc;border-color:#cbd5e1}.category-select-pill.active{color:#06f;background:#eff6ff;border-color:#06f}.support-form-group input,.support-form-group textarea,.support-form-group select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.support-form-group input:focus,.support-form-group textarea:focus,.support-form-group select:focus{border-color:#06f;outline:none;box-shadow:0 0 0 3px #0066ff26}.support-form-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.support-view-detail{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.support-view-detail .support-view-header{flex-shrink:0;margin-bottom:2px}.detail-status-actions{align-items:center;gap:8px;display:flex}.support-resolve-btn{color:#10b981;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:650;transition:all .15s;display:inline-flex}.support-resolve-btn:hover{background:#f0fdf4;border-color:#10b981}.ticket-detail-meta-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-shrink:0;padding:10px 14px}.ticket-detail-headline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.ticket-detail-headline h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:750}.ticket-detail-sub{color:#64748b;align-items:center;gap:6px;font-size:.74rem;display:flex}.ticket-thread-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;min-height:120px;max-height:none;padding:6px 4px;display:flex;overflow:hidden auto}.ticket-thread-container::-webkit-scrollbar{width:6px}.ticket-thread-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ticket-messages-list{flex-direction:column;gap:12px;display:flex}.ticket-bubble{border-radius:14px;max-width:82%;padding:12px 14px;font-size:.83rem;line-height:1.5}.ticket-bubble.user{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-top-left-radius:4px;align-self:flex-start}.ticket-bubble.admin{color:#0f172a;background:#eff6ff;border:1px solid #bfdbfe;border-top-right-radius:4px;align-self:flex-end}.bubble-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:.72rem;display:flex}.bubble-author{align-items:center;gap:6px;display:flex}.bubble-author strong{color:#0f172a}.admin-badge-verified{color:#fff;text-transform:uppercase;background:#06f;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.bubble-header small{color:#94a3b8}.bubble-content{white-space:pre-wrap;word-break:break-word}.ticket-reply-form{flex-shrink:0;gap:8px;margin-top:auto;padding-top:6px;display:flex}.ticket-reply-form input{border:1px solid #cbd5e1;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:.84rem;transition:border-color .15s}.ticket-reply-form input:focus{border-color:#06f}.ticket-closed-note{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-top:auto;padding:8px 14px 10px;font-size:.78rem;display:flex}.support-modal-card.chat-full-modal .support-modal-body{background:#f8fafc;padding:14px 20px 16px}.support-modal-card.chat-full-modal .support-view-detail{gap:10px}.support-modal-card.chat-full-modal .ticket-thread-container{padding:8px 8px 8px 2px}.support-modal-card.chat-full-modal .ticket-bubble{max-width:78%}.support-modal-card.chat-full-modal .ticket-reply-form input{background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:12px 16px;font-size:.88rem;box-shadow:0 2px 6px #0000000a}.category-tag{color:#cbd5e1;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.admin-status-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.admin-modal.ticket-admin-modal-card{flex-direction:column;gap:12px;width:100%;max-width:760px;height:min(90vh,760px);max-height:90vh;padding:20px;display:flex;overflow:hidden}.ticket-admin-modal-card .admin-modal-header{flex-shrink:0;padding-bottom:8px}.ticket-admin-modal-card .admin-modal-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:0;display:flex;overflow:hidden}.ticket-admin-info-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;flex-shrink:0;gap:12px;padding:10px 14px;display:flex}.ticket-admin-info-bar .label{color:#94a3b8;margin-right:6px;font-size:.74rem}.ticket-admin-thread{scrollbar-width:thin;scrollbar-color:#fff3 transparent;scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;min-height:130px;max-height:none;margin:0;padding-right:6px;display:flex;overflow:hidden auto}.ticket-admin-thread::-webkit-scrollbar{width:6px;height:6px}.ticket-admin-thread::-webkit-scrollbar-track{background:0 0}.ticket-admin-thread::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.ticket-thread-bubble{word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;border-radius:12px;max-width:90%;padding:10px 14px;font-size:.82rem}.ticket-thread-bubble .bubble-body{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;color:#e2e8f0;line-height:1.5}.ticket-thread-bubble.user{background:#ffffff0d;border:1px solid #ffffff14;align-self:flex-start}.ticket-thread-bubble.admin{background:#0066ff1f;border:1px solid #0066ff40;align-self:flex-end}.bubble-top{color:#94a3b8;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;font-size:.72rem;display:flex}.ticket-admin-reply-box{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;margin-top:auto;padding:10px 12px}.ticket-admin-reply-box textarea{color:#f8fafc;resize:none;background:#090d16;border:1px solid #ffffff1a;border-radius:8px;width:100%;height:56px;min-height:48px;max-height:72px;padding:8px 12px;font-family:inherit;font-size:.82rem}.ticket-admin-reply-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.status-selector-row{color:#94a3b8;align-items:center;gap:8px;font-size:.8rem;display:flex}.status-selector-row select{color:#f8fafc;background:#0d1322;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:.8rem}.ticket-quick-actions{color:#94a3b8;border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;margin-top:2px;padding-top:8px;font-size:.76rem;display:flex}@media (width<=639px){.support-modal-backdrop{align-items:flex-end;padding:8px}.support-modal-card{border-radius:20px 20px 0 0;max-height:88vh}.support-channels-bar{grid-template-columns:1fr;gap:6px}.support-channel-pill{padding:8px 10px}}.ticket-reply-container{flex-direction:column;gap:8px;display:flex}.ticket-message-counter-notice{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:flex}.ticket-limit-reached-box{color:#fca5a5;background:#ef444414;border:1px solid #ef444440;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:.8rem;display:flex}.ticket-limit-reached-box strong{color:#f87171;margin-bottom:2px;font-size:.85rem;display:block}.ticket-limit-reached-box p{color:#cbd5e1;margin:0;line-height:1.4}.ticket-unread-pill{font-weight:800;animation:2s ease-in-out infinite pulse-badge;box-shadow:0 0 10px #ef444480;color:#fff!important;background:linear-gradient(135deg,#ef4444,#f97316)!important}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 8px #ef444466}50%{transform:scale(1.08);box-shadow:0 0 16px #ef4444b3}}.ticket-unread-row{background:#0ea5e90d!important;border-left:3px solid #38bdf8!important}.ticket-pulse-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot-anim;display:inline-block;box-shadow:0 0 8px #10b981}@keyframes pulse-dot-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.ticket-new-badge{color:#34d399;text-transform:uppercase;letter-spacing:.03em;background:#10b98133;border:1px solid #10b98166;border-radius:999px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-flex}.ticket-unread-indicator{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:6px;width:fit-content;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-block}.admin-action-btn.primary-urgent{color:#fff;background:linear-gradient(135deg,#0284c7,#2563eb);border:1px solid #38bdf8;font-weight:700;box-shadow:0 0 12px #38bdf84d}.admin-action-btn.primary-urgent:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);box-shadow:0 0 16px #38bdf880}.ticket-admin-limit-notice{color:#fde68a;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:.78rem;line-height:1.4;display:flex}.ticket-admin-limit-notice strong{color:#fbbf24}