:root{
  --bg:#0b0c0e;
  --panel:#101216;
  --panel2:#171a20;
  --panel3:#1d2128;
  --line:#292e37;
  --text:#f5f6f7;
  --muted:#969da8;
  --accent:#e5b34d;
  --accent-soft:#2a2317;
  --danger:#ef6f67;
  --sidebar:390px;
  --content-font:17px;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI Variable","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input{font:inherit}
button{touch-action:manipulation}
.hidden{display:none!important}.mobile-only{display:none}
.app-shell{min-height:100vh}
.topbar{height:70px;position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(11,12,14,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 20px;justify-content:space-between}
.brand{border:0;background:transparent;color:var(--text);display:flex;gap:11px;align-items:center;cursor:pointer;padding:0}
.brand-mark{width:38px;height:38px;border-radius:11px;display:block;object-fit:cover;box-shadow:0 0 0 1px rgba(229,179,77,.22);flex:0 0 auto}
.brand-copy{display:flex;flex-direction:column;text-align:left;line-height:1}.brand-copy strong{font-size:14px;font-weight:800}.brand-copy small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.top-actions{display:flex;gap:8px}.pill-btn,.square-btn,.round-btn,.icon-btn,.filter,.favorite-btn,.nav-song-btn,.quick-card{border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.pill-btn{border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.pill-btn:hover,.square-btn:hover,.round-btn:hover,.filter:hover,.nav-song-btn:hover{border-color:#49515d;background:var(--panel3)}
.sidebar{position:fixed;left:0;top:70px;bottom:0;width:var(--sidebar);background:var(--panel);border-right:1px solid var(--line);padding:22px 18px 0;overflow:hidden;display:flex;flex-direction:column;z-index:20}
.sidebar-head{display:flex;justify-content:space-between;align-items:flex-start;flex:0 0 auto}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800}.sidebar h1{font-size:25px;letter-spacing:-.04em;margin:5px 0 2px}.sidebar-sub{color:var(--muted);font-size:12px;margin:0 0 17px}
.search-box{height:45px;min-height:45px;flex:0 0 45px;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:12px}.search-box:focus-within{border-color:#666f7c}.search-icon{font-size:20px;color:#777f8c}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.search-box input::placeholder{color:#727985}
.filters{display:flex;gap:7px;padding:12px 0 10px;overflow-x:auto;overflow-y:hidden;flex:0 0 auto;min-height:52px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{border-radius:999px;padding:7px 11px;font-size:12px;white-space:nowrap}.filter.active{background:var(--accent);color:#17130c;border-color:var(--accent);font-weight:800}
.song-list{overflow:auto;padding:2px 3px 32px 0;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:#3d424b transparent}.song-item{display:grid;grid-template-columns:31px 1fr 28px;align-items:center;gap:9px;padding:11px 9px;border-radius:11px;border:1px solid transparent;cursor:pointer}.song-item:hover{background:#15181d}.song-item.active{background:var(--accent-soft);border-color:#5a4725}.song-item.pending{opacity:.52}.song-index{font-size:11px;color:#6d7480;text-align:center;font-variant-numeric:tabular-nums}.song-meta{min-width:0}.song-name{display:block;font-size:13.5px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.song-fav{color:var(--accent);font-size:15px;text-align:center}.ready-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:2px}
.no-results{padding:28px 12px;text-align:center;color:var(--muted);font-size:13px}
.main-content{margin-left:var(--sidebar);padding:105px clamp(22px,5vw,68px) 70px;max-width:1380px}.welcome-view{max-width:940px;margin:0 auto}.hero-card{padding:clamp(30px,5vw,56px);border:1px solid var(--line);background:radial-gradient(circle at 92% 8%,rgba(229,179,77,.13),transparent 34%),linear-gradient(145deg,#15171b,#0f1114);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.18)}.hero-badge{display:inline-flex;border:1px solid #463a24;background:#1f1a12;color:#e9c16f;border-radius:999px;padding:7px 10px;font-size:10px;letter-spacing:.12em;font-weight:800}.hero-card h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.055em;line-height:1.02;margin:18px 0 14px;max-width:760px}.hero-card>p{font-size:17px;line-height:1.65;color:#b5bbc4;max-width:690px;margin:0}.hero-stats{display:flex;gap:42px;margin-top:34px;flex-wrap:wrap}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:18px;font-weight:850}.hero-stats span{color:var(--muted);font-size:12px;margin-top:4px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.quick-card{border-radius:15px;padding:18px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:3px}.quick-card:hover{border-color:#444b55;transform:translateY(-1px)}.quick-icon{grid-row:1/3;width:31px;height:31px;border-radius:9px;background:#20242a;display:grid;place-items:center;color:var(--accent);font-size:13px}.quick-card strong{font-size:13px}.quick-card>span:last-child{color:var(--muted);font-size:11.5px}
.song-view{max-width:920px;margin:0 auto}.song-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.song-heading-copy{min-width:0}.song-header h2{font-size:clamp(32px,4.8vw,53px);letter-spacing:-.052em;line-height:1.04;margin:8px 0 7px;overflow-wrap:anywhere}.artist{font-size:16px;color:#aab0b9;margin:0}.favorite-btn{width:46px;height:46px;border-radius:13px;font-size:25px;background:transparent;flex:0 0 auto}.favorite-btn.active{color:var(--accent);border-color:#6d572c;background:var(--accent-soft)}
.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.meta-chip{display:flex;align-items:baseline;gap:7px;background:#111419;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.meta-chip small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.meta-chip strong{font-size:12px;font-weight:750}
.song-toolbar{margin-top:25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.tabs{display:flex;flex:0 0 auto}.tab{border:0;background:transparent;color:#7f8792;padding:13px 17px;cursor:pointer;border-bottom:2px solid transparent;font-weight:750;font-size:13px}.tab.active{color:var(--text);border-color:var(--accent)}.toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-bottom:7px;min-width:0}.tool-actions{display:flex;gap:6px}.square-btn{min-width:40px;height:35px;border-radius:9px;font-size:12px;font-weight:750}.speed-control{height:35px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);background:#111419;border-radius:9px;min-width:150px}.speed-label{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.03em}.speed-value{width:31px;color:var(--accent);font-size:10px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.speed-range{width:78px;min-width:0;accent-color:var(--accent);cursor:pointer;margin:0;padding:0}.transpose-bar{display:flex;align-items:center;gap:9px;padding:13px 1px;color:var(--muted);font-size:12px}.transpose-bar strong{color:var(--text);font-size:14px;min-width:42px;text-align:center}.round-btn{width:29px;height:29px;border-radius:9px}.text-btn{border:0;background:transparent;color:var(--accent);padding:6px;cursor:pointer;font-size:12px;font-weight:750}
.content-card{background:#0e1013;border:1px solid var(--line);border-radius:16px;min-height:430px;padding:clamp(18px,4vw,32px);overflow-x:auto}.sheet-content{font-family:"Cascadia Code","SFMono-Regular","Roboto Mono",Consolas,"Liberation Mono",monospace;font-size:var(--content-font);line-height:1.58;min-width:min-content}.sheet-line{position:relative;height:1.58em;min-width:46ch;white-space:pre}.sheet-line.blank{height:.88em}.sheet-segment{position:absolute;top:0;white-space:pre;color:#eef0f2}.sheet-segment.chord{color:var(--accent);font-weight:800}.lyrics-content{white-space:pre-wrap;font-family:"Segoe UI Variable","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--content-font);line-height:1.82;color:#eef0f2;max-width:720px;letter-spacing:-.005em}
.empty-content{min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.empty-icon{font-size:42px;color:var(--accent);opacity:.85}.empty-content h3{font-size:20px;letter-spacing:-.02em;margin:10px 0 6px}.empty-content p{color:var(--muted);max-width:500px;line-height:1.6;font-size:13px}.warning-card{border:1px solid #5e4722;background:#211a10;color:#e3c789;border-radius:11px;padding:12px 14px;margin-top:12px;font-size:12px;line-height:1.5}.song-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.nav-song-btn{padding:13px;border-radius:11px;font-size:12px;font-weight:700}.stage-mode .song-nav{display:grid;margin-top:20px;padding:8px 0 max(38px,env(safe-area-inset-bottom));gap:10px}.stage-mode .nav-song-btn{min-height:54px;font-size:14px;background:#14171c;border-color:#303641}.scrim{display:none}
.stage-mode .sidebar{display:none}.stage-mode .main-content{margin-left:0;max-width:none;padding-left:7vw;padding-right:7vw}.stage-mode .topbar .brand-copy,.stage-mode .topbar .mobile-only{display:none}.stage-mode .song-header h2{font-size:clamp(38px,5.5vw,64px)}.stage-mode .content-card{border-color:#1b1f25;background:#090a0c}.stage-mode .meta-row{opacity:.7}.stage-mode .speed-control{background:#0d0f12;border-color:#242a32}
@media(max-width:850px){
  .mobile-only{display:inline-flex}.topbar{height:62px;padding:0 11px}.topbar .brand-copy{display:none}.pill-btn{padding:8px 10px;font-size:12px}.sidebar{top:62px;width:min(91vw,390px);transform:translateX(-105%);transition:transform .23s ease;box-shadow:24px 0 70px rgba(0,0,0,.5)}.sidebar.open{transform:translateX(0)}.scrim{position:fixed;inset:62px 0 0;background:rgba(0,0,0,.6);z-index:15}.scrim.open{display:block}.icon-btn{width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;font-size:18px}.main-content{margin-left:0;padding:86px 12px 58px}.quick-grid{grid-template-columns:1fr}.hero-card{border-radius:18px;padding:26px 22px}.hero-card>p{font-size:15px}.hero-stats{gap:21px;margin-top:27px}.hero-stats span{max-width:120px}.song-header{padding:0 3px}.song-header h2{font-size:clamp(31px,9vw,44px)}.artist{font-size:14px}.favorite-btn{width:42px;height:42px}.meta-row{margin-top:16px}.song-toolbar{position:sticky;top:62px;background:rgba(11,12,14,.95);backdrop-filter:blur(14px);z-index:10;align-items:flex-start}.toolbar-right{flex:1 1 175px;flex-wrap:wrap;gap:5px 7px;padding:5px 0 5px;justify-content:flex-end}.tool-actions{gap:4px;order:1}.speed-control{order:2;height:28px;min-width:0;width:132px;padding:0 7px;gap:5px}.speed-label{font-size:9px}.speed-range{width:67px}.speed-value{width:28px;font-size:9px}.tab{padding:12px 11px}.content-card{border-radius:13px;padding:17px 13px}.sheet-content{font-size:var(--content-font)}.sheet-line{min-width:42ch}.song-nav{padding-bottom:34px}.stage-mode .main-content{padding-left:8px;padding-right:8px}.stage-mode .song-header .artist,.stage-mode #songNumber,.stage-mode .meta-row{display:none}.stage-mode .song-header h2{font-size:34px}.stage-mode .content-card{padding:16px 9px}
}

/* PWA / instalação */
.install-modal{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}
.install-modal-card{position:relative;width:min(430px,100%);background:linear-gradient(155deg,#181b20,#0f1114);border:1px solid #303640;border-radius:24px;padding:29px 24px 22px;box-shadow:0 30px 100px rgba(0,0,0,.55);text-align:center}
.install-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:11px;background:#22262d;color:#c9ced5;font-size:24px;line-height:1;cursor:pointer}
.install-app-icon{width:76px;height:76px;border-radius:22px;margin:0 auto 17px;display:block;object-fit:cover;box-shadow:0 12px 34px rgba(229,179,77,.16),0 0 0 1px rgba(229,179,77,.22)}
.install-modal-card h2{font-size:27px;letter-spacing:-.04em;margin:8px 0 9px}
.install-modal-card>p{color:#aeb4bd;font-size:14px;line-height:1.55;margin:0 auto 17px;max-width:340px}
.install-help{background:#111419;border:1px solid var(--line);border-radius:13px;padding:12px 14px;margin:0 0 14px;color:#c7ccd3;font-size:12.5px;line-height:1.55;text-align:left}
.install-primary,.install-secondary{width:100%;min-height:48px;border-radius:12px;font-weight:800;cursor:pointer}
.install-primary{border:1px solid var(--accent);background:var(--accent);color:#17130c}
.install-secondary{border:0;background:transparent;color:#8f97a2;margin-top:5px}
html.auto-scrolling{scroll-behavior:auto!important}

@media(max-width:850px){
  body{-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom)}
  .topbar{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(11px,env(safe-area-inset-right)) 0 max(11px,env(safe-area-inset-left))}
  .sidebar{top:calc(62px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left))}
  .scrim{inset:calc(62px + env(safe-area-inset-top)) 0 0}
  .main-content{padding-top:calc(86px + env(safe-area-inset-top));padding-bottom:max(58px,calc(38px + env(safe-area-inset-bottom)))}
  .song-toolbar{top:calc(62px + env(safe-area-inset-top))}
  .square-btn{min-width:42px;height:42px}
  .pill-btn{min-height:40px}
  .nav-song-btn{min-height:50px}
  .install-modal{padding:14px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
  .install-modal-card{border-radius:21px;padding:28px 18px 18px}
}


/* Conta, plano grátis e Premium */
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:clamp(18px,4vw,48px);background:radial-gradient(circle at 18% 18%,rgba(229,179,77,.12),transparent 32%),#090a0c}
.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);border:1px solid #292e37;border-radius:28px;overflow:hidden;background:#0f1114;box-shadow:0 35px 100px rgba(0,0,0,.45)}
.auth-brand-panel{padding:clamp(30px,6vw,66px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#15171b,#0b0c0e);min-width:0}
.auth-logo{width:78px;height:78px;border-radius:22px;object-fit:cover;margin-bottom:25px;box-shadow:0 0 0 1px rgba(229,179,77,.24),0 18px 50px rgba(0,0,0,.35)}
.auth-brand-panel h1{font-size:clamp(36px,5vw,62px);line-height:1.02;letter-spacing:-.055em;margin:13px 0 16px;max-width:600px}
.auth-brand-panel>p{color:#aeb4bd;font-size:15px;line-height:1.65;margin:0;max-width:560px}
.auth-plan-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px;max-width:520px}.auth-plan-card{border:1px solid #2b3038;background:#111419;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}.auth-plan-card strong{font-size:13px}.auth-plan-card span{font-size:11.5px;color:#9199a4}.auth-plan-card.premium{border-color:#614d28;background:#1c1710}.auth-plan-card.premium strong{color:var(--accent)}
.auth-form-card{padding:clamp(26px,5vw,52px);display:flex;flex-direction:column;justify-content:center;background:#101216;min-width:0}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#0c0e11;padding:4px;border-radius:12px;gap:4px}.auth-switch-btn{border:0;background:transparent;color:#858d98;border-radius:9px;min-height:40px;cursor:pointer;font-weight:750;font-size:12px}.auth-switch-btn.active{background:#20242a;color:#fff}
.auth-heading h2{font-size:27px;letter-spacing:-.04em;margin:25px 0 6px}.auth-heading p{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.5}
.auth-field{display:block;margin-bottom:14px}.auth-field>span{display:block;color:#bfc4cb;font-size:11px;font-weight:750;margin:0 0 7px}.auth-field input{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:#0b0d10;color:#fff;outline:none;padding:0 13px;font-size:16px}.auth-field input:focus{border-color:#6b5a35;box-shadow:0 0 0 3px rgba(229,179,77,.08)}.password-wrap{position:relative}.password-wrap input{padding-right:76px}.password-toggle{position:absolute;right:7px;top:7px;height:34px;border:0;background:#1b1f25;color:#b8bec7;border-radius:8px;padding:0 10px;cursor:pointer;font-size:10px;font-weight:750}
.auth-submit{width:100%;height:49px;border:1px solid var(--accent);background:var(--accent);color:#17130c;border-radius:11px;font-weight:850;cursor:pointer;margin-top:2px}.auth-message{border-radius:10px;padding:10px 12px;margin:-2px 0 12px;font-size:12px;line-height:1.45}.auth-message.error{background:#271516;border:1px solid #5d2a2d;color:#efb0aa}.auth-message.success{background:#122117;border:1px solid #28553a;color:#aee6bf}.auth-note{color:#6f7782;font-size:10.5px;line-height:1.5;margin:17px 0 0;text-align:center}
.plan-badge,.mini-plan-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid #514327;background:#1d1810;color:#e8bf6d;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.plan-badge{height:34px;padding:0 11px}.plan-badge.premium,.mini-plan-badge.premium{background:var(--accent);border-color:var(--accent);color:#17130c}.mini-plan-badge{padding:6px 8px;align-self:center}
.sidebar-account{flex:0 0 auto;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:12px 2px max(14px,env(safe-area-inset-bottom)) 0}.account-copy{min-width:0}.account-copy span,.account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy span{font-size:11.5px;font-weight:750}.account-copy small{font-size:9.5px;color:var(--muted);margin-top:3px}.logout-btn{height:31px;border:1px solid var(--line);background:#171a20;color:#aeb4bd;border-radius:9px;padding:0 9px;cursor:pointer;font-size:10px;font-weight:750}
.song-item.locked{opacity:.78}.song-item.locked:hover{background:#171512;border-color:#40351f}.song-item.locked .song-name{color:#d6d8dc}.song-item.locked .song-artist{color:#777f89}.lock-slot{font-size:13px}.song-item.locked .song-index{color:#8a7549}
.plan-banner{margin-top:13px;border:1px solid #5a4725;background:linear-gradient(135deg,#1d1810,#121316);border-radius:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.plan-banner strong{display:block;font-size:14px;margin-top:4px}.plan-banner p{font-size:11.5px;color:#a4aab3;margin:4px 0 0}.upgrade-btn{flex:0 0 auto;min-height:42px;border:1px solid var(--accent);background:var(--accent);color:#17130c;border-radius:11px;padding:0 14px;font-weight:850;cursor:pointer;font-size:11.5px}
.premium-modal{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.premium-modal-card{position:relative;width:min(440px,100%);background:radial-gradient(circle at 50% 0,rgba(229,179,77,.14),transparent 37%),linear-gradient(155deg,#181a1f,#0e1013);border:1px solid #5c4826;border-radius:25px;padding:30px 24px 21px;text-align:center;box-shadow:0 34px 110px rgba(0,0,0,.58)}.premium-logo{width:64px;height:64px;border-radius:18px;object-fit:cover;display:block;margin:0 auto 15px}.premium-kicker{font-size:9px;letter-spacing:.16em;color:var(--accent);font-weight:900}.premium-modal-card h2{font-size:27px;letter-spacing:-.045em;line-height:1.08;margin:9px auto 8px;max-width:350px}.premium-modal-card>p{color:#aab0b9;font-size:12.5px;line-height:1.5}.premium-price{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:18px 0}.premium-price strong{font-size:36px;letter-spacing:-.05em}.premium-price span{color:#8f97a2;font-size:12px}.premium-benefits{display:grid;gap:8px;text-align:left;background:#0c0e11;border:1px solid #292e37;border-radius:13px;padding:13px 15px;margin:0 0 15px}.premium-benefits span{font-size:11.5px;color:#c9ced5}.premium-subscribe{width:100%;min-height:50px;border:1px solid var(--accent);background:var(--accent);color:#17130c;border-radius:12px;font-weight:900;cursor:pointer}.premium-integration-note{background:#211a10;border:1px solid #5c4826;color:#d9bd83!important;border-radius:10px;padding:10px 11px;margin:10px 0 0!important;font-size:10.5px!important}

@media(max-width:850px){
  .auth-gate{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:block}
  .auth-shell{grid-template-columns:1fr;border-radius:20px;max-width:520px;margin:0 auto}.auth-brand-panel{padding:24px 20px 20px}.auth-logo{width:58px;height:58px;border-radius:17px;margin-bottom:15px}.auth-brand-panel h1{font-size:34px;margin:10px 0 12px}.auth-brand-panel>p{font-size:13px}.auth-plan-row{margin-top:19px}.auth-form-card{padding:22px 18px 24px}.auth-heading h2{margin-top:20px}.auth-note{font-size:9.5px}
  .top-actions{gap:5px}.plan-badge{height:32px;padding:0 8px;font-size:9px}.top-actions .pill-btn{padding:7px 9px}.sidebar-account{grid-template-columns:minmax(0,1fr) auto auto}.plan-banner{align-items:flex-start;flex-direction:column;padding:14px}.upgrade-btn{width:100%}.premium-modal{padding:13px}.premium-modal-card{padding:27px 17px 18px;border-radius:21px}.premium-modal-card h2{font-size:24px}.premium-price strong{font-size:32px}
}
@media(max-width:390px){.top-actions #installBtn{display:none!important}.top-actions{gap:4px}.plan-badge{padding:0 7px}.sidebar-account{grid-template-columns:minmax(0,1fr) auto}.sidebar-account .mini-plan-badge{display:none}}
.premium-email-box{margin:0 0 13px;padding:10px 12px;border:1px solid #303640;background:#0b0d10;border-radius:11px;text-align:left}.premium-email-box small{display:block;color:#8f97a2;font-size:10px;line-height:1.45;margin-bottom:4px}.premium-email-box strong{display:block;color:#e9edf2;font-size:12px;overflow-wrap:anywhere}.premium-verify{width:100%;min-height:43px;border:1px solid #343a44;background:#171a20;color:#d4d8de;border-radius:11px;font-weight:800;cursor:pointer;margin-top:8px;font-size:11px}.premium-verify:disabled,.premium-subscribe:disabled{opacity:.55;cursor:wait}


/* Experiência de entrada: foco em uso antes da oferta */
.welcome-hero{position:relative;overflow:hidden}
.welcome-actions{margin-top:14px}
.quick-card.quick-primary{border-color:#5c4826;background:linear-gradient(145deg,#211b11,#17191d)}
.quick-card.quick-primary .quick-icon{background:var(--accent);color:#17130c}
.starter-section{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}
.starter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}
.starter-head h3{font-size:22px;letter-spacing:-.035em;margin:5px 0 5px}
.starter-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}
.starter-more{flex:0 0 auto;white-space:nowrap}
.starter-songs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.starter-song{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:#111419;color:var(--text);border-radius:13px;padding:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.starter-song:hover{border-color:#49412f;background:#161719;transform:translateY(-1px)}
.starter-number{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#1e2025;color:var(--accent);font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}
.starter-copy{min-width:0}.starter-copy strong,.starter-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.starter-copy strong{font-size:12.5px}.starter-copy small{font-size:10.5px;color:var(--muted);margin-top:4px}.starter-arrow{color:#7f8792;text-align:center}

@media(max-width:850px){
  .welcome-view{max-width:620px}
  .hero-card{padding:26px 20px;border-radius:20px}.hero-card h2{font-size:36px}.hero-card>p{font-size:14px;line-height:1.6}
  .hero-stats{gap:18px;margin-top:25px}.hero-stats strong{font-size:14px}.hero-stats span{font-size:10.5px;max-width:130px}
  .quick-grid{grid-template-columns:1fr;gap:8px}.quick-card{padding:14px;min-height:64px}
  .starter-section{margin-top:23px;padding-top:20px}.starter-head{align-items:flex-start}.starter-head h3{font-size:19px}.starter-head p{font-size:11.5px}.starter-more{font-size:11px}
  .starter-songs{grid-template-columns:1fr}.starter-song{min-height:58px}
  .top-actions .plan-badge.hidden{display:none!important}
}
@media(max-width:430px){
  .starter-head{display:block}.starter-more{margin-top:10px;padding-left:0}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-stats div:last-child{grid-column:1/-1}
}