:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f6fc;--muted:#b3bdd2;--paper:#0b0d14;--surface:#141824;--surface-raised:#1c2232;--line:#343e54;--control-line:#71819e;--accent:#c4ff4d;--accent-hover:#d7ff8a;--accent-soft:#202b1d;--on-accent:#101609;--cyan:#53e5ff;--cyan-soft:#122c38;--violet:#b5a0ff;--violet-soft:#272139;--warning:#ffd479;--warning-soft:#302719;--danger:#ff94ab;--danger-soft:#331c2a;--shadow:0 20px 55px #00000047;--font-display:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:20px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,label,select{-webkit-tap-highlight-color:transparent}button,a{outline-color:var(--accent);outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}p,h1,h2{margin-top:0}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.home-shell,.job-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.home-shell:before,.job-shell:before{content:"";z-index:-2;background:radial-gradient(circle at 8% 15%, #b5a0ff2e, transparent 26rem), radial-gradient(circle at 92% 10%, #53e5ff1c, transparent 28rem), var(--paper);position:fixed;inset:0}.home-shell:after{content:"♪";z-index:-1;color:#c4ff4d0b;font-family:var(--font-display);pointer-events:none;font-size:28rem;line-height:1;position:absolute;top:7rem;right:-2rem;transform:rotate(8deg)}.site-header{border-bottom:1px solid #71819e29;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:92px;margin:0 auto;display:flex}.site-header--compact{height:76px}.brand{letter-spacing:-.025em;align-items:center;gap:11px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:700;display:inline-flex}.brand__mark{background:var(--accent);width:38px;height:38px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid;box-shadow:0 5px 14px #c4ff4d40}.brand__mark svg{width:19px}.privacy-pill{color:var(--muted);align-items:center;gap:7px;font-size:.8125rem;font-weight:600;display:inline-flex}.privacy-pill:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #c4ff4d1f}.account-menu{color:var(--muted);align-items:center;gap:14px;font-size:.8125rem;font-weight:650;display:flex}.account-menu button,.auth-switch{color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:750}.account-menu button:disabled{opacity:.6;cursor:wait}.account-menu__error{color:var(--danger)}.account-entry{color:var(--accent-hover);align-items:center;gap:15px;font-size:.8125rem;font-weight:800;display:flex}.account-entry>a:not(.account-entry__create):hover{text-underline-offset:4px;text-decoration:underline}.account-entry__create{background:var(--surface-raised);border:1px solid #c4ff4d59;border-radius:9px;padding:9px 13px}.account-entry__create:hover{border-color:var(--accent);background:var(--accent-soft)}.auth-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:38px;display:flex}.auth-card h2,.pricing-panel h1{font-family:var(--font-display);margin:0;font-size:2rem}.auth-card>p,.pricing-panel__heading>p{color:var(--muted);margin:-8px 0 2px;line-height:1.55}.auth-card__icon,.pricing-panel__lock{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:13px;place-items:center;display:grid}.auth-card__icon svg,.pricing-panel__lock svg{width:20px}.auth-card--loading{justify-content:center;align-items:center;min-height:350px}.auth-card--compact{min-width:min(360px,100%);box-shadow:none;padding:24px}.auth-card--confirmation strong{color:var(--ink)}.auth-field{gap:8px;display:grid}.auth-field>span{font-size:.8125rem;font-weight:750}.auth-field input{border:1px solid var(--control-line);background:var(--surface-raised);width:100%;color:var(--ink);border-radius:10px;padding:13px 14px}.auth-field input:focus{outline:2px solid var(--cyan);border-color:var(--accent)}.auth-field small{color:var(--muted)}.auth-switch{align-self:center;font-size:.8125rem}.job-auth{width:min(480px,100% - 40px);margin:70px auto}.unlock-shell{padding-bottom:54px}.unlock-toolbar{justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 48px);margin:24px auto 0;display:flex}.unlock-back-link{color:var(--accent-hover);font-size:.8125rem;font-weight:800}.unlock-back-link:hover{text-underline-offset:4px;text-decoration:underline}.pricing-panel{background:radial-gradient(circle at 100% 0, #b5a0ff33, transparent 32%), linear-gradient(145deg, var(--surface) 0%, var(--surface-raised) 100%);border:1px solid #c4ff4d33;border-radius:28px;width:min(1180px,100% - 48px);margin:24px auto 0;padding:clamp(28px,4vw,52px);box-shadow:0 24px 70px #1f36281f}.pricing-panel__heading{text-align:center;justify-items:center;gap:12px;max-width:720px;margin:0 auto 30px;display:grid}.pricing-panel__lock{color:var(--accent-hover);background:var(--accent-soft)}.pricing-panel__heading>p{margin:0}.pricing-panel__heading .form-error{width:100%}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.pricing-tier{background:var(--surface-raised);border:1px solid #71819e2b;border-radius:20px;flex-direction:column;gap:18px;min-width:0;padding:25px 23px 22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;box-shadow:0 8px 24px #26372c0f}.pricing-tier--standard{border-color:#c4ff4d61}.pricing-tier--pro{border-color:var(--violet);background:var(--violet-soft);color:#fff;box-shadow:0 16px 36px #174a3638}.pricing-tier--active{outline-offset:2px;outline:3px solid #b5a0ffa6}.pricing-tier--selected{z-index:1;border-color:var(--accent);outline-offset:2px;outline:4px solid #c4ff4d33;transform:translateY(-5px);box-shadow:0 18px 42px #c4ff4d33}.pricing-tier--pro.pricing-tier--selected{border-color:var(--accent);outline-color:#c4ff4d33;box-shadow:0 18px 46px #174a3657,0 0 28px #b5a0ff2e}.pricing-tier__selection{background:var(--accent);color:var(--on-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:.8125rem;font-weight:850;display:inline-flex;position:absolute;top:-12px;left:18px}.pricing-tier__selection svg{width:12px;height:12px}.pricing-tier--pro .pricing-tier__selection{background:var(--accent);color:var(--on-accent)}.pricing-tier__badge{background:var(--violet-soft);color:var(--violet);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:.8125rem;font-weight:850;position:absolute;top:-11px;right:18px}.pricing-tier--pro .pricing-tier__badge{background:var(--violet);color:var(--on-accent)}.pricing-tier__top{gap:11px;display:grid}.pricing-tier__name{letter-spacing:.1em;text-transform:uppercase;font-size:.8125rem;font-weight:850}.pricing-tier__price{align-items:baseline;gap:6px;display:flex}.pricing-tier__price strong{font-family:var(--font-display);color:var(--accent-hover);font-size:clamp(2.15rem,3vw,2.75rem);line-height:1}.pricing-tier__price small{color:var(--muted);font-size:.8125rem;font-weight:700}.pricing-tier--pro .pricing-tier__price strong,.pricing-tier--pro .pricing-tier__price small{color:#fff}.pricing-tier>p{min-height:42px;color:var(--muted);margin:0;font-size:.8125rem;line-height:1.55}.pricing-tier--pro>p{color:#ffffffb8}.pricing-tier ul{color:var(--muted);gap:11px;margin:0 0 4px;padding:0;font-size:.8125rem;line-height:1.35;list-style:none;display:grid}.pricing-tier li{align-items:flex-start;gap:8px;display:flex}.pricing-tier li svg{width:16px;height:16px;color:var(--accent);flex:none}.pricing-tier--pro ul{color:#ffffffe0}.pricing-tier--pro li svg{color:var(--warning)}.pricing-tier__button,.pricing-tier__current{border-radius:11px;place-items:center;width:100%;min-height:44px;margin-top:auto;font-size:.8125rem;font-weight:850;display:grid}.pricing-tier__button{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer}.pricing-tier__button:hover{background:var(--accent-hover);transform:translateY(-1px)}.pricing-tier__button:disabled{opacity:.55;cursor:not-allowed;transform:none}.pricing-tier__button--pro{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pricing-tier__button--pro:hover{background:var(--accent-hover)}.pricing-tier__current{border:1px solid var(--line);background:var(--surface-raised);color:var(--muted)}.single-song-option{background:var(--surface-raised);border:1px dashed #c4ff4d59;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:17px 19px;display:flex}.single-song-option>div{gap:4px;display:grid}.single-song-option strong{font-family:var(--font-display);font-size:1.05rem}.single-song-option span{color:var(--muted);font-size:.8125rem}.single-song-option button{border:1px solid var(--accent-hover);color:var(--accent-hover);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:11px 17px;font-size:.8125rem;font-weight:850}.single-song-option button:hover{background:var(--accent-soft)}.single-song-option button:disabled{opacity:.55;cursor:not-allowed}.single-song-option--selected{border-style:solid;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px #c4ff4d21}.single-song-option--selected button{background:var(--accent);color:var(--on-accent)}.pricing-panel__next{background:var(--surface-raised);border:1px solid #c4ff4d47;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:20px;display:flex;box-shadow:0 10px 28px #c4ff4d14}.pricing-panel__next>div:first-child{gap:5px;display:grid}.pricing-panel__next strong{font-family:var(--font-display);font-size:1.25rem}.pricing-panel__next p{color:var(--muted);margin:0;font-size:.8125rem}.pricing-panel__next .primary-button,.pricing-panel__next .secondary-button{white-space:nowrap;width:auto}.pricing-panel__account-actions{align-items:center;gap:9px;display:flex}.pricing-panel__note{color:var(--muted);text-align:center;margin:16px 0 0;font-size:.8125rem}.pricing-panel__account{width:min(430px,100%);margin:24px auto 0}.account-shell,.checkout-shell{padding-bottom:64px}.account-page{width:min(470px,100% - 48px);margin:42px auto 0}.account-page>.unlock-back-link{margin-bottom:18px;display:inline-flex}.account-page .auth-card{width:100%}.account-page__alternate,.account-page__security{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;font-size:.8125rem;display:flex}.account-page__alternate{margin:18px 0 0}.account-page__alternate a{color:var(--accent);font-weight:800}.account-page__alternate a:hover{text-underline-offset:3px;text-decoration:underline}.account-page__security{margin:13px 0 0}.account-page__security svg{width:14px;color:var(--accent);flex:none}.checkout-card{background:var(--surface);width:min(720px,100% - 48px);box-shadow:var(--shadow);border:1px solid #c4ff4d38;border-radius:26px;margin:28px auto 0;padding:clamp(28px,5vw,48px)}.checkout-card__intro{text-align:center;justify-items:center;gap:11px;display:grid}.checkout-card__intro h1{font-family:var(--font-display);margin:0;font-size:clamp(2rem,5vw,2.65rem)}.checkout-card__intro>p{max-width:520px;color:var(--muted);margin:0;line-height:1.55}.checkout-card__icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.checkout-card__icon svg{width:21px}.checkout-summary{border:1px solid var(--line);background:var(--surface);border-radius:15px;margin:30px 0;overflow:hidden}.checkout-summary>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:13px 17px;display:flex}.checkout-summary>div:last-child{border-bottom:0}.checkout-summary span{color:var(--muted);font-size:.8125rem}.checkout-summary strong{text-align:right;font-size:.8125rem}.checkout-account-choice{background:var(--accent-soft);text-align:center;border-radius:14px;padding:22px}.checkout-account-choice h2{font-family:var(--font-display);margin-bottom:8px}.checkout-account-choice p{color:var(--muted);margin-bottom:17px;font-size:.8125rem;line-height:1.5}.checkout-account-choice p a{color:var(--accent);text-underline-offset:3px;font-weight:800;text-decoration:underline}.checkout-account-choice>div{justify-content:center;gap:9px;display:flex}.checkout-account-choice .primary-button,.checkout-account-choice .secondary-button{width:auto;min-width:145px}.checkout-card__action{justify-items:center;gap:12px;display:grid}.checkout-card__action .primary-button{width:auto;min-width:245px}.checkout-consent{background:var(--accent-soft);width:min(580px,100%);color:var(--ink);border:1px solid #c4ff4d40;border-radius:13px;gap:12px;padding:16px;display:grid}.checkout-consent__renewal,.checkout-consent__copy{margin:0;font-size:.95rem;line-height:1.55}.checkout-consent__renewal{border-bottom:1px solid #c4ff4d2e;padding-bottom:12px}.checkout-consent__control{grid-template-columns:18px 1fr;align-items:start;gap:9px;display:grid}.checkout-consent__control input{width:18px;height:18px;accent-color:var(--accent);margin:1px 0 0}.checkout-consent__control label{cursor:pointer;font-size:1rem;font-weight:800;line-height:1.45}.checkout-consent a,.checkout-card__terms-link a{color:var(--accent);text-underline-offset:3px;font-weight:800;text-decoration:underline}.checkout-card__action p,.checkout-card__status{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin:0;font-size:.8125rem;display:flex}.checkout-card__action p svg{flex:none;width:13px}.checkout-card__action .checkout-consent__renewal,.checkout-card__action .checkout-consent__copy{color:var(--ink);text-align:left;font-size:.95rem;display:block}.checkout-card__error{align-items:center;gap:8px;margin:0 0 20px;display:flex}.checkout-card__error svg{flex:none;width:16px}.legal-shell{padding-bottom:72px}.legal-card{background:var(--surface);width:min(860px,100% - 48px);box-shadow:var(--shadow);border:1px solid #c4ff4d38;border-radius:26px;margin:34px auto 0;padding:clamp(30px,6vw,62px)}.legal-card__header{border-bottom:1px solid var(--line);padding-bottom:25px}.legal-card__header h1{font-family:var(--font-display);margin:8px 0 10px;font-size:clamp(2.15rem,6vw,3.35rem);line-height:1.05}.legal-card__header p,.legal-card section p{color:var(--muted);line-height:1.75}.legal-card__header p{margin:5px 0 0}.legal-card section{border-bottom:1px solid var(--line);padding:24px 0}.legal-card section h2{font-family:var(--font-display);margin:0 0 10px;font-size:1.35rem}.legal-card section p{margin:10px 0 0;font-size:1rem}.legal-card section a,.legal-card__footer a{color:var(--accent);text-underline-offset:3px;font-weight:800;text-decoration:underline}.legal-card__caps{text-transform:uppercase;font-size:.92rem!important}.legal-card__footer{text-align:center;padding-top:28px}.hero{grid-template-columns:minmax(0,1fr) minmax(440px,.86fr);align-items:center;gap:clamp(48px,7vw,100px);width:min(1140px,100% - 48px);margin:78px auto 95px;display:grid}.hero__copy{padding:24px 0}.hero-kicker,.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;font-size:.8125rem;font-weight:800;line-height:1.5;display:inline-flex}.hero-kicker>span{background:currentColor;width:28px;height:1px}.hero h1{max-width:680px;font-family:var(--font-display);letter-spacing:-.055em;margin:24px 0 26px;font-size:clamp(3rem,4.8vw,4.75rem);font-weight:800;line-height:1.04}.hero h1 em{color:var(--accent);font-style:normal;font-weight:800}.hero__lede{max-width:590px;color:var(--muted);font-family:var(--font-display);margin-bottom:24px;font-size:1.125rem;line-height:1.62}.feature-list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-list>div{min-width:0}.feature-list>div>span{background:var(--surface-raised);width:34px;height:34px;color:var(--accent);border:1px solid #c4ff4d2e;border-radius:10px;place-items:center;margin-bottom:11px;display:grid}.feature-list svg{width:17px}.feature-list p,.feature-list small{display:block}.feature-list p{margin:0}.feature-list strong{margin-bottom:4px;font-size:.8125rem;display:block}.feature-list small{color:var(--muted);font-size:.8125rem;line-height:1.4}.upload-card{background:var(--surface);box-shadow:var(--shadow);border:1px solid #71819e33;border-radius:26px;padding:clamp(26px,3.2vw,42px);scroll-margin-top:24px;position:relative}.upload-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan), var(--violet));border-radius:0 0 4px 4px;height:3px;position:absolute;top:-1px;left:35px;right:35px}.form-heading{margin-bottom:30px}.form-heading h2{font-family:var(--font-display);letter-spacing:-.035em;margin:8px 0 7px;font-size:1.82rem;font-weight:500}.form-heading p{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.5}.field-group{margin-bottom:24px}.field-label{color:var(--ink);margin-bottom:9px;font-size:.8125rem;font-weight:750;display:block}.drop-zone{border:1.5px dashed var(--control-line);background:var(--surface);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:110px;padding:19px;transition:all .15s;display:grid}.drop-zone--dragging{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.drop-zone--selected{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.drop-zone__icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.drop-zone__copy{min-width:0}.drop-zone__copy strong,.drop-zone__copy span{display:block}.drop-zone__copy strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:.8125rem;overflow:hidden}.drop-zone__copy>span{color:var(--muted);font-size:.8125rem}.drop-zone__button{border:1px solid var(--control-line);background:var(--surface-raised);cursor:pointer;border-radius:8px;align-items:center;min-height:44px;padding:8px 11px;font-size:.8125rem;font-weight:750;display:inline-flex}.field-hint{color:var(--muted);margin:7px 2px 0;font-size:.8125rem}.select-wrap{position:relative}.select-wrap svg{z-index:1;width:17px;color:var(--accent);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.select-wrap select{appearance:none;border:1px solid var(--control-line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b3bdd2' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;width:100%;height:49px;color:var(--ink);border-radius:11px;padding:0 42px;font-size:1rem;font-weight:650}.select-wrap select:focus{border-color:var(--accent);outline:3px solid var(--cyan)}.rights-check{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:11px;min-height:44px;margin:2px 0 24px;display:grid}.rights-check input{opacity:0;position:absolute}.rights-check__box{pointer-events:none;border:1.5px solid var(--control-line);background:var(--surface-raised);border-radius:5px;width:22px;height:22px;margin-top:1px;position:relative}.rights-check input:checked+.rights-check__box{border-color:var(--accent);background:var(--accent)}.rights-check input:checked+.rights-check__box:after{content:"";border:solid var(--on-accent);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.rights-check input:focus-visible+.rights-check__box{outline:3px solid var(--cyan);outline-offset:2px}.rights-check strong,.rights-check small{display:block}.rights-check strong{margin-bottom:3px;font-size:.8125rem}.rights-check small{color:var(--muted);font-size:.8125rem}.form-error{background:var(--danger-soft);color:var(--danger);border:1px solid #ff94ab33;border-radius:9px;margin:-9px 0 17px;padding:10px 12px;font-size:.8125rem;line-height:1.45}.form-success{background:var(--accent-soft);color:var(--accent);border:1px solid #c4ff4d33;border-radius:9px;margin:-9px 0 0;padding:10px 12px;font-size:.8125rem;line-height:1.45}.form-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:47px;padding:0 22px;font-size:1rem;font-weight:800;transition:all .15s;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);width:100%;color:var(--on-accent);box-shadow:0 8px 18px #c4ff4d2e}.primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.primary-button:disabled{border-color:var(--surface-raised);background:var(--surface-raised);box-shadow:none;cursor:not-allowed;color:var(--muted)}.secondary-button{border:1px solid var(--control-line);background:var(--surface-raised)}.secondary-button:hover{border-color:var(--control-line)}.danger-button{border:1px solid var(--danger);background:var(--danger);color:var(--on-accent)}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:.8125rem;text-decoration:underline}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:.8125rem;display:flex}.privacy-note svg{width:13px}.upload-progress{margin:-3px 0 20px}.upload-progress__copy,.overall-progress>div:first-child{color:var(--muted);justify-content:space-between;margin-bottom:7px;font-size:.8125rem;font-weight:650;display:flex}.progress-track{background:var(--surface-raised);border-radius:10px;height:7px;overflow:hidden}.progress-track__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--cyan));height:100%;transition:width .3s;display:block}.progress-track__fill--indeterminate{width:42%;animation:1.2s ease-in-out infinite indeterminate}@keyframes indeterminate{0%{transform:translate(-120%)}to{transform:translate(340%)}}.how-it-works{border-top:1px solid #71819e29;grid-template-columns:.8fr 1.5fr;gap:70px;width:min(1140px,100% - 48px);margin:0 auto;padding:60px 0 66px;display:grid}.how-it-works h2{font-family:var(--font-display);margin:9px 0 0;font-size:2rem;font-weight:500}.how-it-works ol{grid-template-columns:repeat(3,1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid}.how-it-works li>span{background:var(--surface-raised);width:27px;height:27px;color:var(--accent);font-family:var(--font-display);border:1px solid #c4ff4d33;border-radius:50%;place-items:center;margin-bottom:15px;font-size:.8125rem;font-weight:700;display:grid}.how-it-works p,.how-it-works strong,.how-it-works small{display:block}.how-it-works p{margin:0}.how-it-works strong{font-family:var(--font-display);margin-bottom:6px;font-size:1rem}.how-it-works small{color:var(--muted);font-size:.8125rem;line-height:1.55}.site-footer,.job-footer{width:min(1140px,100% - 48px);color:var(--muted);border-top:1px solid #71819e26;justify-content:space-between;align-items:center;gap:30px;margin:0 auto;padding:24px 0 30px;font-size:.8125rem;line-height:1.5;display:flex}.site-footer span,.job-footer span{white-space:normal;align-items:flex-start;gap:7px;display:flex}.site-footer svg,.job-footer svg{width:14px;color:var(--accent);flex:none}.site-footer p,.job-footer p{text-align:right;max-width:620px;margin:0}.site-footer{flex-direction:column;gap:10px}.site-footer p{text-align:center}.site-footer a{color:var(--accent);text-underline-offset:3px;font-weight:800;text-decoration:underline}.job-toolbar{justify-content:space-between;align-items:center;width:min(1140px,100% - 48px);min-height:55px;margin:0 auto;display:flex}.connection-status{color:var(--muted);align-items:center;gap:8px;font-size:.8125rem;font-weight:650;display:inline-flex}.connection-status>span{background:var(--warning);border-radius:50%;width:7px;height:7px}.connection-status--live>span{background:var(--accent);box-shadow:0 0 0 4px #c4ff4d1f}.connection-status--offline>span{background:var(--danger)}.danger-link{color:var(--danger);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:.8125rem;font-weight:700;display:inline-flex}.danger-link svg{width:15px}.delete-confirm{background:var(--danger-soft);border:1px solid #ff94ab40;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;width:min(720px,100% - 48px);margin:5px auto 20px;padding:18px 20px;display:flex;box-shadow:0 12px 30px #461e1a17}.delete-confirm>div{align-items:center;gap:12px;display:flex}.delete-confirm>div:first-child>svg{color:var(--danger);flex:none}.delete-confirm p,.delete-confirm strong,.delete-confirm span{margin:0;display:block}.delete-confirm strong{margin-bottom:4px;font-size:.8125rem}.delete-confirm span{max-width:360px;color:var(--danger);font-size:.8125rem;line-height:1.45}.delete-confirm .secondary-button,.delete-confirm .danger-button{white-space:nowrap;min-height:36px;padding:0 13px;font-size:.8125rem}.processing-card,.state-card{background:var(--surface);width:min(680px,100% - 48px);box-shadow:var(--shadow);border:1px solid #71819e33;border-radius:25px;margin:35px auto 85px;padding:clamp(30px,5vw,55px)}.processing-copy{text-align:center}.processing-copy h1,.state-card h1,.result-intro h1{font-family:var(--font-display);letter-spacing:-.04em;margin:10px 0 11px;font-size:clamp(2rem,4vw,2.7rem);font-weight:500;line-height:1.05}.processing-copy p,.state-card>p{max-width:480px;color:var(--muted);margin:0 auto;font-size:.8125rem;line-height:1.6}.processing-visual{width:118px;height:118px;margin:0 auto 24px;position:relative}.record{border-radius:50%;place-items:center;display:grid;position:absolute}.record--outer{border:1px solid #c4ff4d1f;animation:2.6s ease-in-out infinite pulse-ring;inset:0}.record--middle{border:1px dashed #c4ff4d40;animation:10s linear infinite spin;inset:14px}.record--inner{background:var(--accent);color:var(--on-accent);inset:31px;box-shadow:0 8px 24px #c4ff4d40}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{50%{opacity:.45;transform:scale(1.07)}}.overall-progress{margin:35px 0 29px}.overall-progress strong{color:var(--accent)}.processing-steps{margin:0;padding:0;list-style:none}.processing-steps li{min-height:59px;color:var(--muted);grid-template-columns:35px 1fr auto;align-items:start;gap:12px;display:grid;position:relative}.processing-steps li:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:31px;bottom:0;left:16px}.processing-steps li.is-done:not(:last-child):after{background:var(--accent)}.step-marker{z-index:1;border:1px solid var(--control-line);background:var(--surface);border-radius:50%;place-items:center;width:33px;height:33px;font-size:.8125rem;font-weight:700;display:grid;position:relative}.processing-steps .is-done .step-marker{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.processing-steps .is-current .step-marker{border-color:var(--warning);box-shadow:0 0 0 5px #b5a0ff21}.step-marker svg{width:15px}.step-pulse{background:var(--warning);border-radius:50%;width:8px;height:8px;animation:1.2s infinite step-pulse}@keyframes step-pulse{50%{opacity:.35;transform:scale(.7)}}.processing-steps p,.processing-steps strong,.processing-steps small{margin:0;display:block}.processing-steps p{padding-top:2px}.processing-steps strong{margin-bottom:3px;font-size:.8125rem}.processing-steps small{font-size:.8125rem;line-height:1.4}.processing-steps .is-current,.processing-steps .is-done{color:var(--ink)}.step-state{color:var(--muted);text-transform:uppercase;padding-top:7px;font-size:.8125rem;font-weight:700}.is-current .step-state{color:var(--warning)}.processing-footnote{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin:19px 0 0;padding-top:18px;font-size:.8125rem;line-height:1.5}.state-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.state-card__icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:23px;display:grid}.state-card__icon--error{background:var(--danger-soft);color:var(--danger)}.state-card .primary-button,.state-card .secondary-button{width:auto;margin-top:27px}.state-actions{align-items:center;gap:10px;display:flex}.state-actions .primary-button,.state-actions .secondary-button{min-width:145px}.loading-ring{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:46px;height:46px;margin-bottom:24px;animation:.8s linear infinite spin}.connection-alert{background:var(--warning-soft);width:min(650px,100% - 48px);color:var(--warning);border:1px solid #b5a0ff40;border-radius:10px;align-items:center;gap:8px;margin:-65px auto 50px;padding:10px 14px;font-size:.8125rem;display:flex}.connection-alert svg{flex:none;width:16px}.result-layout{background:var(--surface);width:min(1240px,100% - 48px);min-height:calc(100vh - 210px);box-shadow:var(--shadow);border:1px solid #71819e33;border-radius:24px;grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr);margin:15px auto 60px;display:grid;overflow:hidden}.player-panel{border-right:1px solid var(--line);background:var(--surface);min-width:0;padding:clamp(26px,3.5vw,45px)}.result-intro h1{font-size:2.15rem}.result-intro p{color:var(--muted);font-size:.8125rem}.result-intro p span{color:var(--muted);padding:0 5px}.media-frame{background:var(--paper);border-radius:15px;place-items:center;width:100%;min-height:118px;margin:25px 0 15px;display:grid;overflow:hidden;box-shadow:0 12px 24px #17211c2b}.media-frame video{background:var(--paper);width:100%;max-height:340px;display:block}.media-loading{color:#ffffffbf;padding:30px;font-size:.8125rem}.audio-player{width:100%;padding:25px 20px 17px}.audio-player audio{width:100%;height:42px;display:block}.audio-art{justify-content:center;align-items:center;gap:6px;height:36px;margin-bottom:13px;display:flex}.audio-art span{background:var(--cyan);border-radius:5px;width:3px}.audio-art span:first-child,.audio-art span:nth-child(5){height:12px;animation-delay:-.4s}.audio-art span:nth-child(2),.audio-art span:nth-child(4){height:24px;animation-delay:-.15s}.audio-art span:nth-child(3){height:34px}@keyframes equalizer{to{opacity:.55;transform:scaleY(.45)}}.playback-tools{grid-template-columns:auto auto auto 1fr;align-items:center;gap:6px;display:grid}.playback-tools>button,.rate-control button,.follow-button{border:1px solid var(--control-line);background:var(--surface-raised);min-height:44px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:0 8px;font-size:.8125rem;font-weight:700;display:inline-flex}.playback-tools svg{width:13px}.preview-playback-note{color:var(--warning);text-align:center;margin:9px 0 0;font-size:.8125rem;font-weight:700}.rate-control{background:var(--surface-raised);border-radius:8px;justify-self:end;padding:2px;display:flex}.rate-control button{background:0 0;border:0;min-height:44px}.rate-control button.is-active{background:var(--surface-raised);color:var(--accent);box-shadow:0 2px 5px #00000012}.generated-warning{background:var(--warning-soft);color:var(--warning);border:1px solid #b5a0ff33;border-radius:11px;gap:10px;margin-top:25px;padding:13px;display:flex}.generated-warning>svg{flex:none;width:16px}.generated-warning p,.generated-warning strong,.generated-warning span{margin:0;display:block}.generated-warning strong{margin-bottom:3px;font-size:.8125rem}.generated-warning span,.confidence-warning{font-size:.8125rem;line-height:1.45}.confidence-warning{background:var(--danger-soft);color:var(--danger);border-radius:9px;align-items:center;gap:7px;margin-top:9px;padding:9px 11px;display:flex}.confidence-warning svg{flex:none;width:14px}.inline-alert{border-radius:9px;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;font-size:.8125rem;display:flex}.inline-alert--error{background:var(--danger-soft);color:var(--danger)}.inline-alert svg{flex:none;width:15px}.inline-alert span{flex:1}.inline-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.lyrics-panel{background:var(--surface);grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;height:min(730px,100vh - 185px);min-height:560px;display:grid}.lyrics-header{justify-content:space-between;align-items:flex-end;gap:20px;padding:30px 34px 21px;display:flex}.lyrics-header h2{font-family:var(--font-display);margin:4px 0 0;font-size:1.85rem;font-weight:500}.lyrics-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.language-view-toggle{isolation:isolate;background:var(--surface-raised);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:inline-grid;position:relative}.language-view-toggle__selection{z-index:-1;background:var(--accent-soft);width:calc(50% - 4px);box-shadow:inset 0 0 0 1px var(--accent);border-radius:11px;transition:transform .18s;position:absolute;inset:4px auto 4px 4px}.language-view-toggle[data-mode=translated] .language-view-toggle__selection{transform:translate(100%)}.language-view-toggle button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:10px 16px;font-size:.8125rem;font-weight:750;transition:color .18s}.language-view-toggle button[aria-pressed=true]{color:var(--accent)}.language-view-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.language-view-toggle__selection,.language-view-toggle button{transition:none}}.pdf-button{min-height:44px;color:var(--accent);cursor:pointer;border:0;border:1px solid var(--accent);background:0 0;background:var(--accent-soft);border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:.8125rem;font-weight:750;display:inline-flex}.pdf-button:disabled{cursor:wait;opacity:.65}.pdf-button svg{width:14px}.pdf-error{background:var(--danger-soft);color:var(--danger);border-radius:8px;margin:0 34px 12px;padding:9px 11px;font-size:.8125rem}.follow-button{color:var(--accent)}.follow-button.is-active{border-color:var(--accent);background:var(--accent-soft)}.follow-button svg{width:14px}.lyrics-columns{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr 1fr;gap:32px;padding:10px 34px;font-size:.8125rem;font-weight:800;display:grid}.lyrics-columns--single{grid-template-columns:1fr}.lyrics-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent;overflow-y:auto}.lyric-line{border:0;border-bottom:1px solid var(--line);width:100%;min-height:86px;color:var(--ink);text-align:start;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:19px 28px 18px 78px;transition:background .16s,color .16s;display:grid;position:relative}.lyric-line:hover{background:var(--surface-raised)}.lyric-line:focus-visible{z-index:1;outline:2px solid var(--accent);outline-offset:-3px}.lyric-line.is-current{background:var(--accent-soft)}.lyric-line.is-current:before{content:"";left:0;background:var(--accent);width:4px;position:absolute;inset-block:0}.lyric-line--single{grid-template-columns:minmax(0,1fr)}.lyric-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem;position:absolute;top:22px;left:18px}.lyric-source,.lyric-translation{overflow-wrap:anywhere;font-size:1rem;line-height:1.55;display:block}.lyric-translation{color:var(--muted);font-family:var(--font-display);font-size:1rem}.lyric-line.is-current .lyric-source{color:var(--accent-hover);font-weight:750}.lyric-line.is-current .lyric-translation{color:var(--cyan)}.lyrics-tip{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin:0;padding:12px 34px;font-size:.8125rem}.lyrics-preview-lock{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--accent-soft), var(--surface));min-height:210px;color:var(--muted);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:39px 30px 32px;display:flex;position:relative}.lyrics-preview-lock:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;position:absolute;top:20px;left:10%;right:10%}.lyrics-preview-lock__icon{border:1px solid var(--accent);background:var(--surface-raised);width:46px;height:46px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:11px;display:grid;position:relative;box-shadow:0 6px 18px #c4ff4d1a}.lyrics-preview-lock__icon svg{width:19px}.lyrics-preview-lock strong{color:var(--accent-hover);font-family:var(--font-display);font-size:1.05rem}.lyrics-preview-lock p{margin:7px 0 14px;font-size:.8125rem}.lyrics-preview-lock a{color:var(--accent);text-underline-offset:3px;font-size:.8125rem;font-weight:800;text-decoration:underline}.empty-lyrics{min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.empty-lyrics svg{width:20px}.empty-lyrics p,.empty-lyrics strong,.empty-lyrics span{margin:0;display:block}.empty-lyrics strong{color:var(--ink);margin-bottom:5px;font-size:.8125rem}.empty-lyrics span{font-size:.8125rem}.job-footer{margin-top:auto}.saved-results{border:1px solid var(--line);background:var(--surface-raised);border-radius:24px;width:min(1140px,100% - 48px);margin:-35px auto 95px;padding:34px;box-shadow:0 18px 55px #29392f0f}.saved-results__heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.saved-results__heading h2{font-family:var(--font-display);letter-spacing:-.035em;margin:7px 0 0;font-size:2rem;font-weight:500}.saved-results__heading p{max-width:350px;color:var(--muted);text-align:right;margin:0;font-size:.8125rem;line-height:1.5}.saved-results__grid{gap:10px;display:grid}.saved-result{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto 22px;align-items:center;gap:14px;padding:15px 17px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.saved-result:hover{border-color:#c4ff4d6b;transform:translateY(-1px);box-shadow:0 8px 24px #c4ff4d14}.saved-result__icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.saved-result__copy,.saved-result__copy strong,.saved-result__copy small{min-width:0;display:block}.saved-result__copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.saved-result__copy small{color:var(--muted);margin-top:4px;font-size:.8125rem}.saved-result__state{background:var(--surface-raised);color:var(--muted);text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:.8125rem;font-weight:750}.saved-result__state--ready{background:var(--accent-soft);color:var(--accent-hover)}.saved-result__state--failed{background:var(--danger-soft);color:var(--danger)}.saved-result__arrow{color:var(--accent);font-size:1rem}.feature-list>div:nth-child(2)>span{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-soft)}.feature-list>div:nth-child(3)>span{color:var(--violet);border-color:var(--violet);background:var(--violet-soft)}.account-entry>a,.account-menu button,.auth-switch,.text-button,.danger-link{justify-content:center;align-items:center;min-height:44px;display:inline-flex}:where(button,a,input,select):focus-visible,.drop-zone:focus-within{outline:3px solid var(--cyan);outline-offset:4px}::selection{background:var(--violet);color:var(--on-accent)}@media (max-width:1000px){.pricing-grid{grid-template-columns:1fr 1fr}.pricing-tier--free{grid-column:1/-1}.hero{grid-template-columns:1fr;max-width:700px;margin-top:55px}.hero__copy{text-align:center}.hero__lede{margin-inline:auto}.feature-list{text-align:left;max-width:570px;margin:0 auto}.how-it-works{grid-template-columns:1fr;gap:35px}.result-layout{grid-template-columns:1fr;max-width:760px}.player-panel{border-right:0;border-bottom:1px solid var(--line)}.lyrics-panel{height:680px}}@media (max-width:680px){.account-menu span{display:none}.account-entry{gap:9px}.account-entry .privacy-pill{display:none}.account-entry__create{padding:8px 10px}.auth-card{padding:28px 21px}.pricing-panel{border-radius:22px;width:calc(100% - 28px);padding:28px 16px}.pricing-panel h1{font-size:1.75rem}.pricing-grid{grid-template-columns:1fr;gap:20px}.pricing-tier--free{grid-column:auto}.pricing-tier>p{min-height:0}.single-song-option{text-align:center;flex-direction:column;align-items:stretch}.single-song-option button{width:100%}.pricing-panel__next{text-align:center;flex-direction:column;align-items:stretch}.pricing-panel__next>div:first-child{justify-items:center}.pricing-panel__account-actions{flex-direction:column;align-items:stretch}.pricing-panel__next .primary-button,.pricing-panel__next .secondary-button{width:100%}.account-page,.checkout-card,.legal-card{width:calc(100% - 28px)}.account-page{margin-top:25px}.checkout-card{border-radius:20px;margin-top:20px;padding:28px 20px}.legal-card{border-radius:20px;margin-top:20px;padding:30px 21px}.checkout-summary>div{flex-direction:column;align-items:flex-start;gap:5px}.checkout-summary strong{text-align:left}.checkout-account-choice>div{flex-direction:column;align-items:stretch}.checkout-account-choice .primary-button,.checkout-account-choice .secondary-button,.checkout-card__action .primary-button{width:100%;min-width:0}.site-header,.hero,.how-it-works,.saved-results,.site-footer,.job-toolbar,.unlock-toolbar,.job-footer,.result-layout,.processing-card,.state-card,.delete-confirm{width:calc(100% - 28px)}.site-header{height:72px}.privacy-pill{text-align:right;justify-content:flex-end;max-width:120px;font-size:.8125rem}.brand{font-size:1.12rem}.brand__mark{width:33px;height:33px}.hero{gap:38px;margin-top:38px;margin-bottom:65px}.saved-results{margin-top:-22px;margin-bottom:65px;padding:24px 18px}.saved-results__heading{display:block}.saved-results__heading p{text-align:left;margin-top:10px}.saved-result{grid-template-columns:38px minmax(0,1fr) 18px;gap:11px;padding:13px}.saved-result__icon{width:38px;height:38px}.saved-result__state{display:none}.hero h1{font-size:clamp(2.65rem,13vw,3.65rem)}.hero__lede{font-size:1.03rem}.feature-list{grid-template-columns:1fr;gap:13px;max-width:330px}.feature-list>div{grid-template-columns:34px 1fr;align-items:center;gap:11px;display:grid}.feature-list>div>span{margin:0}.upload-card{padding:27px 20px}.drop-zone{grid-template-columns:auto minmax(0,1fr)}.drop-zone__button{grid-column:1/-1;justify-content:center;width:100%;display:inline-flex}.how-it-works ol{grid-template-columns:1fr;gap:22px}.how-it-works li{grid-template-columns:30px 1fr;gap:12px;display:grid}.how-it-works li>span{margin:0}.site-footer,.job-footer{flex-direction:column;align-items:flex-start;gap:10px}.site-footer p,.job-footer p{text-align:left}.job-toolbar{min-height:50px}.processing-card,.state-card{margin-top:20px;padding:32px 21px}.processing-copy h1,.state-card h1{font-size:2rem}.delete-confirm{flex-direction:column;align-items:stretch}.delete-confirm>div:last-child{justify-content:flex-end}.state-actions{flex-direction:column;width:100%}.state-actions .primary-button,.state-actions .secondary-button{width:100%}.result-layout{border-radius:17px;margin-top:5px}.player-panel{padding:27px 18px}.result-intro h1{font-size:1.85rem}.playback-tools{grid-template-columns:repeat(3,1fr)}.rate-control{grid-column:1/-1;justify-self:stretch}.rate-control button{flex:1}.lyrics-panel{height:680px;min-height:520px}.lyrics-header{flex-direction:column;align-items:flex-start;padding:24px 18px 17px}.lyrics-header__actions{justify-content:flex-start;width:100%}.language-view-toggle{flex:100%}.pdf-error{margin-inline:18px}.lyrics-columns{display:none}.lyric-line,.lyric-line--single{grid-template-columns:1fr;gap:8px;min-height:110px;padding:20px 18px 19px 68px}.lyric-time{top:23px;left:17px}}@media (max-width:680px),(max-width:1000px) and (pointer:coarse){.job-shell{overflow:clip}.result-layout{border-radius:16px;grid-template-columns:minmax(0,1fr);width:min(760px,100% - 24px);min-height:0;margin:8px auto 28px;overflow:clip}.player-panel{padding:16px 14px 12px}.result-intro .eyebrow,.lyrics-header .eyebrow,.audio-art{display:none}.result-intro h1{margin:0 0 6px;font-size:1.25rem;line-height:1.35}.result-intro p{margin:0;line-height:1.5}.media-frame{min-height:0;box-shadow:none;margin:12px 0 6px}.media-frame video{max-height:min(40dvh,260px)}.audio-player{padding:8px}.audio-player audio{height:44px}.playback-options summary{min-height:44px;color:var(--muted);cursor:pointer;align-content:center;font-size:.8125rem;font-weight:700}.playback-options[open] .playback-tools{margin:4px 0 8px}.playback-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.rate-control{grid-column:1/-1;justify-self:stretch}.rate-control button{flex:1}.lyrics-panel{height:auto;min-height:0;display:block}.lyrics-header{z-index:5;border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 14px;display:grid;position:sticky;top:0;box-shadow:0 4px 12px #0000001f}.lyrics-header h2{margin:0;font-size:1.125rem}.lyrics-header__title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.lyrics-header__actions{display:contents}.reader-play-button{background:var(--accent);width:44px;min-height:44px;color:var(--on-accent);cursor:pointer;border:0;border-radius:9px;grid-area:1/1;place-items:center;padding:0;display:grid}.reader-play-button:disabled{opacity:.5;cursor:wait}.lyrics-header .follow-button{grid-area:1/2}.lyrics-header .pdf-button{grid-area:1/3;min-width:44px}.language-view-toggle{grid-area:2/1/3/-1;width:100%}.language-view-toggle button{overflow-wrap:anywhere;min-width:0;min-height:54px;padding:6px 8px}.language-view-toggle button span{font-size:.75rem;font-weight:500;display:block}.language-view-toggle button strong{font-size:.9375rem;line-height:1.45;display:block}.language-view-toggle[data-mode=translated] .language-view-toggle__selection{transform:none}.language-view-toggle[data-mode=original] .language-view-toggle__selection{transform:translate(100%)}.lyrics-columns{display:none}.lyrics-scroll{overscroll-behavior:auto;overflow:visible}.lyric-line,.lyric-line--single{grid-template-columns:minmax(0,1fr);gap:0;min-height:72px;padding:16px 16px 16px 58px;scroll-margin-block:160px 80px}.lyric-time{font-size:.75rem;top:21px;left:12px}.lyric-source,.lyric-translation{color:var(--ink);font-size:1.125rem;line-height:1.65}.lyrics-tip{text-align:start;padding:12px 16px}.lyrics-notes{padding:0 14px 14px}.lyrics-notes .generated-warning{margin-top:12px}.pdf-error{margin:12px 14px}}@media (max-width:420px){.site-header{flex-wrap:wrap;gap:8px;height:auto;min-height:92px;padding-block:12px}.account-entry{margin-left:auto}.hero h1{font-size:clamp(2.5rem,11vw,3.65rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;min-width:0;display:flex}.language-picker{color:var(--text,#f6f5ff);align-items:center;gap:.4rem;display:flex}.language-picker svg{flex-shrink:0;width:1.1rem;height:1.1rem}.language-picker select{max-width:12rem;min-height:44px;color:inherit;font:inherit;background:#101524;border:1px solid #737a90;border-radius:.65rem;padding:.4rem}.language-picker select:focus-visible{outline-offset:3px;outline:2px solid #b5ff00}@media (max-width:640px){.site-header{flex-wrap:wrap;gap:.6rem}.site-header__controls{gap:.5rem}.language-picker select{max-width:10rem;font-size:.8rem}.site-header__controls{display:contents}.site-header .language-picker{margin-left:auto}.site-header .account-entry,.site-header .account-menu{flex-basis:100%;justify-content:flex-end}}.drop-zone:not(.drop-zone--selected) .drop-zone__copy strong{white-space:normal;text-overflow:clip;overflow:visible}