@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#183238;font-synthesis:none;text-rendering:optimizelegibility;--ink:#183238;--muted:#697a7c;--petrol:#0b4b57;--petrol-dark:#073942;--coral:#e66a54;--paper:#f7f3e8;--line:#18323824;background:#f4f1e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin-top:0}h1,h2,.brand{font-family:Manrope,sans-serif}.brand{color:var(--ink);letter-spacing:-.8px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.brand strong{color:var(--coral)}.brand-mark{background:var(--petrol);color:#fff;border-radius:12px 12px 12px 4px;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.eyebrow{color:var(--coral);letter-spacing:1.8px;margin-bottom:12px;font-size:11px;font-weight:700}.auth-page{grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr);min-height:100vh;display:grid}.auth-story{background:var(--paper);background-image:radial-gradient(circle at 12% 75%,#e66a541f,#0000 26%),linear-gradient(#0b4b5709 1px,#0000 1px),linear-gradient(90deg,#0b4b5709 1px,#0000 1px);background-size:auto,28px 28px,28px 28px;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(32px,5vw,72px);display:flex}.auth-copy{max-width:720px}.auth-copy h1{max-width:680px;color:var(--ink);letter-spacing:-4px;margin-bottom:24px;font-size:clamp(42px,5vw,74px);line-height:.98}.auth-copy>p:last-child{color:#52696d;max-width:590px;font-size:18px;line-height:1.65}.auth-quote{border-top:1px solid var(--line);align-items:center;gap:16px;max-width:520px;padding-top:24px;display:flex}.auth-quote span{color:var(--coral);font-size:28px}.auth-quote p{color:#52696d;margin:0;line-height:1.5}.auth-panel{background:var(--petrol);place-items:center;padding:32px;display:grid}.auth-card{background:#fffdf8;border:1px solid #ffffff61;border-radius:28px;width:min(100%,470px);padding:clamp(28px,5vw,48px);box-shadow:0 26px 80px #03232947}.auth-tabs{background:#eceae2;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:42px;padding:4px;display:grid}.auth-tabs button{color:#637275;background:0 0;border:0;border-radius:9px;padding:11px;font-weight:600}.auth-tabs button.active{color:var(--petrol);background:#fff;box-shadow:0 2px 8px #1832381a}.auth-heading h2{letter-spacing:-1.1px;margin-bottom:32px;font-size:28px}.auth-card form{gap:20px;display:grid}.auth-card label,.account-form label,.editor-form label{color:#40575b;letter-spacing:.6px;gap:8px;font-size:12px;font-weight:700;display:grid}.auth-card input,.account-form input,.editor-form input,.editor-form textarea,.search-field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none}.auth-card input,.account-form input{height:50px;padding:0 15px}.auth-card input:focus,.account-form input:focus,.editor-form input:focus,.editor-form textarea:focus,.search-field:focus-within{border-color:var(--petrol);box-shadow:0 0 0 3px #0b4b571a}.field-hint{color:#738386;letter-spacing:0;font-size:11px;font-weight:500;line-height:1.4}.form-error{color:#a33d2c;background:#fff0ec;border-radius:10px;margin:-5px 0 0;padding:11px 13px;font-size:13px;line-height:1.4}.form-success{color:#176052;background:#e7f2ef;border-radius:10px;margin:-5px 0 0;padding:11px 13px;font-size:13px;line-height:1.4}.forgot-link{color:var(--petrol);justify-self:end;margin-top:-10px;font-size:12px;font-weight:700;text-decoration:none}.forgot-link:hover{text-decoration:underline}.forgot-link.centered{justify-self:center;margin-top:0}.resend-button{width:100%}.auth-submit{width:100%;margin-top:4px}.environment-note{color:#899698;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:24px 0 0;font-size:11px;overflow:hidden}.account-page{background:var(--paper);background-image:radial-gradient(circle at 12% 75%,#e66a541f,#0000 26%),linear-gradient(#0b4b5709 1px,#0000 1px),linear-gradient(90deg,#0b4b5709 1px,#0000 1px);background-size:auto,28px 28px,28px 28px;place-items:center;min-height:100vh;padding:90px 20px 40px;display:grid}.account-brand{text-decoration:none;position:absolute;top:32px;left:34px}.account-card{border:1px solid var(--line);background:#fffdf8;border-radius:26px;width:min(100%,500px);padding:clamp(28px,5vw,48px);box-shadow:0 24px 70px #18323821}.account-card h1{letter-spacing:-2px;margin-bottom:14px;font-size:clamp(32px,5vw,44px);line-height:1.05}.account-description{color:var(--muted);margin-bottom:26px;line-height:1.6}.account-form{gap:20px;display:grid}.account-action{text-align:center;width:100%;margin-top:18px;text-decoration:none;display:block}.account-form .account-action{margin-top:2px}.primary-button,.secondary-button,.text-button{border-radius:12px;padding:13px 18px;font-weight:700;transition:transform .14s,background .14s}.primary-button{border:1px solid var(--petrol);background:var(--petrol);color:#fff;box-shadow:0 8px 22px #0b4b5729}.primary-button:not(:disabled):hover{background:var(--petrol-dark);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);color:var(--petrol);background:#ffffffa8}.secondary-button:hover{background:#fff}.text-button{color:var(--petrol);background:0 0;border:0;padding-inline:0}.workspace{background:#f4f1e8;min-height:100vh}.sidebar{z-index:3;border-right:1px solid var(--line);background:#faf7ef;flex-direction:column;width:252px;padding:30px 22px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar nav{gap:8px;margin-top:52px;display:grid}.sidebar nav button{color:#5e7073;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;display:flex}.sidebar nav button span{color:#829093;place-items:center;width:25px;font-size:19px;display:grid}.sidebar nav button.active{color:var(--petrol);background:#dce9e7;font-weight:700}.sidebar-account{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:grid}.avatar{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.sidebar-account strong,.sidebar-account span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-account strong{font-size:13px}.sidebar-account span{color:var(--muted);font-size:10px}.sidebar-account button{color:var(--muted);background:0 0;border:0;font-size:18px}.workspace-main{min-height:100vh;margin-left:252px}.page-shell{width:min(100%,1240px);margin:0 auto;padding:42px clamp(24px,4vw,64px) 64px}.mobile-header,.mobile-nav{display:none}.hero-panel{border:1px solid var(--line);background:var(--paper);border-radius:28px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:48px;min-height:365px;padding:clamp(34px,5vw,66px);display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";border:70px solid #e66a5417;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-150px;right:-110px}.hero-panel>*{z-index:1;position:relative}.hero-panel h1,.page-heading h1{color:var(--ink);letter-spacing:-3.5px;margin-bottom:18px;font-size:clamp(42px,5vw,66px);line-height:1}.hero-panel>div>p:not(.eyebrow){color:#587073;max-width:590px;font-size:17px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.song-card{background:#fffdf8;border:1px solid #18323829;border-radius:20px;padding:28px;transform:rotate(2deg);box-shadow:0 24px 50px #1832381f}.song-card-top{color:var(--coral);letter-spacing:1.4px;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.song-card-top span:last-child{background:var(--petrol);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.song-card h2{margin:23px 0 3px;font-size:23px}.song-card>p{color:var(--muted)}.chord-line{color:var(--coral);justify-content:space-between;margin:28px 0 10px;display:flex}.lyric-lines{gap:11px;display:grid}.lyric-lines span{background:#dbe0dc;border-radius:10px;height:7px}.lyric-lines span:nth-child(2){width:84%}.lyric-lines span:nth-child(3){width:67%}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.stat-card{border:1px solid var(--line);background:#ffffff94;border-radius:20px;padding:25px;position:relative;overflow:hidden}.stat-card strong{margin-top:22px;font-family:Manrope,sans-serif;font-size:38px;display:block}.stat-card h2{margin:0 0 5px;font-size:18px}.stat-card p{color:var(--muted);margin:0;font-size:13px}.stat-symbol{width:37px;height:37px;color:var(--petrol);background:#dce9e7;border-radius:10px;place-items:center;font-size:20px;display:grid}.next-step{background:var(--petrol);color:#fff;border:1px solid #ffffff29;border-radius:20px;grid-template-columns:190px 1fr auto;align-items:center;gap:24px;margin-top:20px;padding:28px;display:grid}.next-step>div:first-child{align-items:center;gap:15px;display:flex}.next-step .eyebrow{color:#f1a597;margin:0}.step-number{color:#ffffff42;font-family:Manrope,sans-serif;font-size:35px;font-weight:800}.next-step h2{margin-bottom:4px;font-size:20px}.next-step p{color:#bdd0d2;margin:0;font-size:13px}.next-step .text-button{color:#fff}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.page-heading h1{margin-bottom:10px}.page-heading>div>p:last-child{color:var(--muted);margin-bottom:0}.search-field{border:1px solid var(--line);background:#ffffffad;border-radius:14px;align-items:center;gap:10px;max-width:620px;padding:0 15px;display:flex}.search-field input{background:0 0;border:0;height:50px;padding:0;box-shadow:none!important}.empty-state{text-align:center;background:#ffffff6b;border:1px dashed #18323847;border-radius:24px;align-content:center;place-items:center;min-height:360px;margin-top:24px;padding:40px;display:grid}.empty-state>span{width:60px;height:60px;color:var(--petrol);background:#dce9e7;border-radius:18px;place-items:center;margin-bottom:20px;font-size:27px;display:grid}.empty-state h2{margin-bottom:8px}.empty-state p{max-width:460px;color:var(--muted);margin-bottom:14px}.empty-state.accent{background:var(--petrol);color:#fff}.empty-state.accent p{color:#c7d7d9}.editor-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:20px;display:grid}.editor-form,.preview-card{border:1px solid var(--line);background:#ffffffad;border-radius:22px;padding:26px}.editor-form{gap:20px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.editor-form input{height:46px;padding:0 13px}.editor-form textarea{resize:vertical;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.7}.editor-note{color:#496367;background:#eaf2f1;border-radius:12px;gap:12px;padding:13px;display:flex}.editor-note span{background:var(--petrol);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.editor-note p{margin:0;font-size:12px;line-height:1.5}.preview-card{position:sticky;top:28px}.preview-card h2{margin-bottom:5px}.preview-card>p:not(.eyebrow){color:var(--muted)}.cifra-preview{border-top:1px solid var(--line);gap:9px;margin-top:28px;padding-top:22px;display:grid}.cifra-preview code{overflow-wrap:anywhere;color:#26484e;white-space:pre-wrap;font-size:13px;line-height:1.6}@media (width<=980px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:460px}.auth-quote{display:none}.auth-panel{min-height:650px}.hero-panel{grid-template-columns:1fr}.song-card{display:none}.editor-grid{grid-template-columns:1fr}.preview-card{position:static}}@media (width<=760px){.sidebar{display:none}.workspace-main{margin-left:0;padding-bottom:78px}.mobile-header{border-bottom:1px solid var(--line);background:#faf7ef;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex}.mobile-header .brand{font-size:17px}.mobile-header .brand-mark{width:34px;height:34px}.mobile-header>span{color:var(--muted);font-size:12px;font-weight:700}.mobile-nav{z-index:4;border-top:1px solid var(--line);padding:8px 8px max(8px, env(safe-area-inset-bottom));background:#faf7ef;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:var(--muted);background:0 0;border:0;place-items:center;gap:3px;font-size:10px;display:grid}.mobile-nav button span{font-size:19px}.mobile-nav button.active{color:var(--petrol);font-weight:700}.page-shell{padding:26px 18px 42px}.hero-panel{min-height:0;padding:34px 25px}.hero-panel h1,.page-heading h1{letter-spacing:-2.4px;font-size:40px}.stats-grid,.next-step{grid-template-columns:1fr}.next-step>div:first-child{display:none}.page-heading{flex-direction:column;align-items:flex-start}.field-row{grid-template-columns:1fr}}@media (width<=520px){.auth-story{min-height:390px;padding:28px 22px}.auth-copy h1{letter-spacing:-2.8px;font-size:42px}.auth-copy>p:last-child{font-size:15px}.auth-panel{min-height:590px;padding:16px}.auth-card{border-radius:22px;padding:24px 20px}.auth-tabs{margin-bottom:30px}.hero-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}