:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f9f7fe;background:#0c0915;color-scheme:dark;--bg:#0c0915;--panel:#191425;--panel2:#211932;--violet:#a35aff;--pink:#e543ab;--border:#403149;--muted:#a9a4b6;--radius:17px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 76% -12%,#321648 0,transparent 38%),#0c0915}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img{max-width:100%}.hidden{display:none!important}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(12,9,21,.91);border-bottom:1px solid #3a264866}.header-inner{max-width:1440px;margin:0 auto;min-height:74px;padding:0 30px;display:flex;align-items:center;gap:45px}.brand{color:white;display:flex;gap:10px;align-items:center;white-space:nowrap;background:none;border:0;padding:0;font-size:25px;font-weight:850;letter-spacing:-1.4px}.brand span span,.footer-logo span{color:var(--violet)}.brand-symbol{font-size:17px;letter-spacing:-2px;border:2px solid #9e49ed;border-radius:11px;display:flex;align-items:center;justify-content:center;min-width:44px;height:40px;background:linear-gradient(130deg,#362051,#150c23);box-shadow:0 0 21px #9c3fff59}.brand-symbol span{color:#e69aff!important}.main-nav{display:flex;gap:32px;margin-right:auto}.nav-item{border:0;background:transparent;color:#c1b8ce;font-weight:650;font-size:14px;padding:24px 2px;border-bottom:2px solid transparent}.nav-item:hover,.nav-item.active{color:#fff;border-bottom-color:#bd75ff}.head-tools{display:flex;align-items:center;gap:12px}.icon-button{border:0;color:white;background:transparent;font-size:33px;padding:4px 9px}.install-button,.user-chip{border:1px solid #705287;background:#211632;color:#fff;padding:10px 14px;border-radius:12px;font-weight:650;font-size:13px}.install-button:hover,.user-chip:hover{border-color:#ba7dff}.user-chip{background:transparent}.user-circle{font-size:19px;vertical-align:middle;margin-left:6px;color:#ac7fe9}
.page-container{max-width:1410px;margin:0 auto;padding:34px 30px 60px}.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:750;color:#d69aff}.text-muted{color:var(--muted)}.hero{min-height:490px;display:flex;align-items:center;position:relative;overflow:hidden;border-radius:25px;border:1px solid #69408a44;background:radial-gradient(circle at 80% 45%,#56316f 0,#1a1129 45%,#0c0b17 100%);box-shadow:0 25px 80px #0007}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e0a17 0%,#0e0a17ee 31%,transparent 73%);z-index:1}.hero-blur{position:absolute;inset:-10%;filter:blur(90px);opacity:.3;background:radial-gradient(ellipse,#8e44ca 20%,transparent 70%)}.hero-copy{position:relative;z-index:3;padding:55px 70px;max-width:650px}.hero-copy h1{font-size:clamp(34px,4.4vw,63px);line-height:1.06;letter-spacing:-.05em;margin:18px 0}.hero-copy p{color:#c6bfd0;font-size:16px;line-height:1.7;max-width:540px}.hero-art{position:absolute;right:9%;top:8%;height:84%;aspect-ratio:2/3;transform:rotate(6deg);border-radius:20px;box-shadow:0 28px 80px #000b,0 0 75px #ba4cff66;overflow:hidden;z-index:2}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 70px #2f164c4f}.hero-ornament{position:absolute;right:30%;top:13%;width:280px;height:280px;border:1px solid #ac51ea40;border-radius:50%;box-shadow:0 0 0 75px #bc60fe0a;z-index:1}
.btn{background:linear-gradient(110deg,#a253fb,#dc3ca8);color:white;border:0;border-radius:11px;padding:13px 20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 30px #c53bae30}.btn:hover{filter:brightness(1.13)}.btn.secondary{background:#ffffff1b;box-shadow:none;border:1px solid #d2b5f344}.btn.outline{background:transparent;border:1px solid #765a8d;box-shadow:none}.btn.small{padding:8px 12px;font-size:13px}.btn-wide{width:100%}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.feature-note{margin-top:18px;color:#c8addf;font-weight:650;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:42px 0 19px}.section-head h2{font-size:25px;letter-spacing:-.04em;margin:0}.link-button{border:0;color:#c99df5;background:none;font-weight:650;padding:8px}.link-button:hover{text-decoration:underline}.series-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:21px}.series-card{min-width:0;cursor:pointer}.poster{aspect-ratio:2/3;width:100%;object-fit:cover;border-radius:13px;background:linear-gradient(145deg,#4d1c60,#0c0a17);display:block;transition:transform .2s,box-shadow .2s;border:1px solid #fff1}.series-card:hover .poster{transform:translateY(-4px);box-shadow:0 14px 30px #000b,0 0 0 1px #a961ff}.series-card h3{font-size:14px;line-height:1.45;margin:10px 0 6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:720;min-height:41px}.series-card p{font-size:12px;line-height:1.4;color:#aea3bb;margin:0}.strip{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 15px}.strip .series-card{flex:0 0 180px;scroll-snap-align:start}.strip::-webkit-scrollbar{height:5px}.strip::-webkit-scrollbar-thumb{background:#51356b;border-radius:10px}.genre-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 29px}.chip{border:1px solid #483956;background:#221b2c;color:#e1d7e9;padding:10px 15px;font-size:13px;border-radius:99px;font-weight:650}.chip.selected,.chip:hover{background:#d044a7;border-color:#d044a7;color:#fff}.headline{font-size:clamp(26px,3vw,37px);letter-spacing:-.05em;margin:7px 0}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid #4d395a;background:#1c1527;color:#a5a0b6;border-radius:12px;padding:0 14px;min-width:235px}.search-field input{border:0;background:none;color:white;outline:0;padding:12px 0;width:100%;font-size:14px}.empty-state{padding:50px 22px;color:#bdb6c8;text-align:center;border:1px dashed #59426d;border-radius:18px}.loading-state{height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#cbbce1;gap:12px}.spinner{border:4px solid #ffffff20;border-top-color:#bb63fa;width:38px;height:38px;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.detail-hero{display:grid;grid-template-columns:285px 1fr;gap:42px;align-items:center;margin:20px 0 34px}.detail-poster{width:100%;border-radius:16px;aspect-ratio:2/3;object-fit:cover;box-shadow:0 15px 60px #090310aa}.detail-copy h1{font-size:clamp(28px,4.5vw,52px);letter-spacing:-.05em;max-width:720px;line-height:1.13;margin:12px 0 20px}.detail-copy p{line-height:1.8;color:#bfb5cb;max-width:760px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag{padding:7px 10px;background:#32203f;color:#e5c7fa;border-radius:7px;font-size:12px}.episode-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin:14px 0 25px}.ep-button{border:1px solid #50365f;background:#24182f;color:white;padding:15px 4px;border-radius:11px;font-weight:760}.ep-button:hover{border-color:#bc6aff;background:#3b2055}.ep-button.unready{opacity:.45}.player-shell{display:grid;grid-template-columns:minmax(300px,660px) minmax(230px,1fr);gap:32px;align-items:start}.player-video-wrap{background:#030304;border-radius:17px;display:flex;align-items:center;justify-content:center;max-height:77vh;overflow:hidden;box-shadow:0 0 40px #0008;position:relative}.player-video-wrap video{width:100%;max-height:77vh;aspect-ratio:9/16;object-fit:contain}.player-side{padding-top:14px}.player-side h1{font-size:27px;line-height:1.25}.player-list{max-height:430px;overflow:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:5px}.player-list .ep-button{padding:12px 2px}.player-list .playing{background:#8137c5;border-color:#c486ff}.player-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.quota-card{background:linear-gradient(130deg,#2b1b40,#191323);border:1px solid #644080;border-radius:14px;padding:17px 19px;margin:18px 0}.quota-card strong{color:#d7a8ff}.quota-bar{height:8px;background:#ffffff24;border-radius:30px;overflow:hidden;margin-top:12px}.quota-bar>div{height:100%;background:linear-gradient(90deg,#9050fa,#e141b9)}.account-box{max-width:750px;padding:28px;border:1px solid #443351;background:#1a1325;border-radius:19px}.account-box input,.form-field input,.form-field textarea,.form-field select{width:100%;background:#130f1b;border:1px solid #594669;color:white;padding:13px 12px;border-radius:10px;outline:0}.account-box input:focus,.form-field input:focus,.form-field textarea:focus{border-color:#ab64fc}.form-field{display:flex;flex-direction:column;gap:6px;margin:13px 0}.form-field label{font-size:13px;color:#c7b9d4;font-weight:600}.form-field textarea{min-height:92px}.subtle{color:#a5a0b2;font-size:12px}.muted-banner{background:#221b2c;border-radius:13px;padding:15px 18px;color:#d6cbde;border:1px solid #3e3350;font-size:14px;line-height:1.6}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.price-card{background:#21162d;border:1px solid #5e426e;border-radius:13px;padding:18px}.price-card h3{margin:0 0 9px}.price-card strong{font-size:26px}.price-card p{font-size:12px;color:#a9a1b9}.locked{color:#f9d69d}.admin-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-columns>section{background:#191223;border:1px solid #4d355c;border-radius:16px;padding:20px}.admin-columns h3{margin-top:0}.admin-stats{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.stat{background:#26172f;padding:16px 22px;border-radius:13px;border:1px solid #563a65}.stat b{display:block;font-size:26px;margin-top:6px}.site-footer{border-top:1px solid #362740;background:#110e18;padding:55px 30px 18px}.footer-grid{max-width:1370px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-logo{font-size:22px}.footer-grid p{color:#a19cac;font-size:13px}.footer-grid b{font-size:14px}.footer-grid button{display:block;color:#bcb5c8;border:0;background:none;padding:8px 0;font-size:13px}.foot-bottom{max-width:1370px;margin:40px auto 0;padding-top:17px;border-top:1px solid #2e2239;font-size:12px;color:#777282}.bottom-nav{display:none}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#030206c9;display:flex;align-items:center;justify-content:center;padding:15px;backdrop-filter:blur(9px)}.modal{background:#191322;border:1px solid #614275;border-radius:20px;width:min(430px,100%);max-height:94vh;overflow:auto;box-shadow:0 25px 90px #000c;padding:27px;position:relative}.modal h2{margin:0 0 7px;font-size:26px}.modal p{color:#afa4bd;font-size:14px;line-height:1.65}.modal-close{position:absolute;right:14px;top:12px;background:none;border:0;color:#b5a4c5;font-size:28px}.auth-switch{display:flex;gap:8px;background:#110e19;border-radius:10px;padding:5px;margin:19px 0}.auth-switch button{flex:1;border:0;background:none;color:#a9a0bc;padding:10px;border-radius:8px}.auth-switch button.active{color:white;background:#553279}.form-error{color:#ff9eac;font-size:13px;min-height:18px}.demo-warning{background:#292016;border:1px solid #7e6339;color:#f3ddb5;padding:11px 14px;border-radius:10px;font-size:13px;margin:13px 0}.sheet-actions{display:flex;flex-wrap:wrap;gap:9px}.modal img.qr{width:170px;height:170px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:80;padding:12px 19px;background:#332143;color:white;border:1px solid #9563a8;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .18s;font-weight:600;text-align:center}#toast.visible{opacity:1}
@media(max-width:1150px){.series-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-copy{padding:40px}.hero-art{right:5%}.header-inner{gap:23px}.main-nav{gap:19px}}
@media(max-width:850px){.series-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.header-inner{padding:0 18px;min-height:66px}.brand{font-size:23px}.main-nav{display:none}.install-button span{display:none}.hero{min-height:420px}.hero-art{right:-3%;opacity:.75}.hero-copy{max-width:540px}.hero-copy:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e0a1766,transparent);z-index:-1}.detail-hero{grid-template-columns:210px 1fr;gap:20px}.episode-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.player-shell{grid-template-columns:1fr}.player-video-wrap{max-width:450px;margin:auto;width:100%}.player-side{padding:0}}
@media(max-width:600px){body{padding-bottom:64px}.site-header .header-inner{min-height:59px;padding:0 14px}.brand{font-size:22px}.brand-symbol{min-width:35px;height:34px;font-size:14px}.head-tools{margin-left:auto;gap:5px}.user-chip{padding:7px 8px;font-size:0}.user-chip .user-circle{font-size:21px}.install-button{padding:8px 9px}.icon-button{font-size:25px}.page-container{padding:18px 15px 38px}.hero{min-height:410px;border-radius:17px;align-items:end}.hero-art{height:80%;top:-18%;right:12%;opacity:.47;transform:rotate(5deg)}.hero:before{background:linear-gradient(0deg,#0b0915 0%,#0b0915f2 38%,#0b0915b0 70%,#0b091544 100%)}.hero-copy{padding:22px;max-width:100%}.hero-copy h1{font-size:33px;max-width:350px}.hero-copy p{font-size:13px;line-height:1.6}.eyebrow{font-size:10px}.hero-actions{margin-top:13px}.btn{padding:12px 15px;font-size:13px}.feature-note{font-size:11px;margin-top:11px}.section-head{margin:29px 0 13px}.section-head h2{font-size:22px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.series-card h3{font-size:13px;min-height:37px}.series-card p{font-size:11px}.strip .series-card{flex-basis:142px}.headline{font-size:28px}.catalog-toolbar{display:block}.search-field{margin-top:16px;max-width:100%}.genre-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:17px -15px 22px;padding:0 15px}.chip{white-space:nowrap;padding:9px 13px}.detail-hero{grid-template-columns:130px 1fr;gap:15px;align-items:start}.detail-copy h1{font-size:23px;margin:8px 0}.detail-copy p{font-size:12px;line-height:1.5;margin:8px 0}.detail-copy .btn{padding:10px}.detail-poster{border-radius:9px}.tags{gap:4px;margin:5px 0}.tag{font-size:10px;padding:5px}.episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ep-button{padding:12px 1px}.player-side h1{font-size:22px}.player-video-wrap{max-height:63vh}.player-video-wrap video{max-height:63vh}.player-list{grid-template-columns:repeat(6,1fr)}.price-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:span 2}.site-footer{padding:29px 18px}.bottom-nav{position:fixed;display:flex;justify-content:space-around;align-items:center;z-index:25;bottom:0;left:0;right:0;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#160e20f5;border-top:1px solid #5c3574}.bottom-nav button{flex:1;background:none;border:0;color:#dbcee6;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:3px}.bottom-nav button span{font-size:23px;line-height:1}.admin-columns{grid-template-columns:1fr}.account-box{padding:17px}#toast{bottom:78px;max-width:90vw;width:max-content}}

/* DramaVault Web — UI V2: tipografia Poppins, conta e modais.
   Mantém as cores e componentes originais para não afetar o restante do app. */
:root {
  font-family: 'Poppins', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --violet: #b475ff;
  --pink: #e34bb3;
  --border: #493552;
}
body { font-family: 'Poppins', ui-sans-serif, system-ui, sans-serif; }
button, input, textarea, select { font-family: inherit; }
h1, h2, h3, h4 { letter-spacing: -0.035em; line-height: 1.28; }
.brand { letter-spacing: -0.065em; font-weight: 800; }
.brand-symbol { letter-spacing: -2px; }
.headline { letter-spacing: -0.035em; }
.btn { font-weight: 650; letter-spacing: -0.01em; transition: transform .17s ease, filter .17s ease, border-color .17s ease; }
.btn:hover { transform: translateY(-1px); }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid #d4a1ff; outline-offset: 3px; }
.nav-item { font-weight: 600; }
.site-header { box-shadow: 0 10px 38px #08041035; }
.user-chip { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 13px; padding: 6px 9px 6px 15px; background: #251a33b0; font-size: 12px; font-weight: 600; }
.user-avatar-sm { display: inline-grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: #fff; font-weight: 750; font-size: 13px; background: linear-gradient(135deg,#ac58eb,#e34ba9); box-shadow: 0 4px 13px #b748f636; }
.user-avatar-sm.guest-avatar { font-size: 18px; }
.header-chevron { color: #b79fc8; font-size: 17px; line-height: 1; }
.modal-is-open { overflow: hidden; }

/* Novo layout da área do cliente */
.account-page { max-width: 1350px; padding-top: 32px; padding-bottom: 84px; }
.account-breadcrumb { display: flex; gap: 12px; align-items: center; font-size: 12px; color: #aa9bb7; margin-bottom: 18px; }
.account-breadcrumb .eyebrow { font-size: 11px; }
.account-breadcrumb-sep { color: #79568e; }
.account-hero-card { position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; gap: 22px; min-height: 202px; background: linear-gradient(110deg, #26163b 0%, #1b1229 48%, #241130 100%); border: 1px solid #70468d; border-radius: 23px; padding: 30px 34px; box-shadow: 0 18px 48px #0004; }
.account-hero-glow { position: absolute; pointer-events: none; right: -60px; top: -120px; width: 350px; height: 350px; background: radial-gradient(circle, #d33ca52b, transparent 65%); }
.profile-summary, .account-hero-actions { position: relative; z-index: 1; }
.profile-summary { display: flex; align-items: center; gap: 22px; min-width: 0; }
.account-avatar { display: grid; place-items: center; flex: 0 0 88px; width: 88px; height: 88px; border-radius: 24px; color: #fff; font-size: 27px; font-weight: 750; border: 1px solid #e0a4ff75; background: linear-gradient(145deg,#682bba,#c65bdd 65%,#d83aa9); box-shadow: 0 13px 34px #b741d03d; }
.account-identity { min-width: 0; }
.account-identity h1 { font-size: clamp(23px, 2.6vw, 32px); font-weight: 720; margin: 7px 0 5px; overflow-wrap: anywhere; }
.account-identity .text-muted { margin: 0 0 15px; font-size: 13px; overflow-wrap: anywhere; }
.account-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.account-pill { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 650; background: #ffffff13; border: 1px solid #ae85c24d; color: #e0cbe9; border-radius: 30px; padding: 5px 11px; }
.account-pill.premium-pill { background: #a16aff28; border-color: #c590f46f; color: #ebcfff; }
.account-hero-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.account-hero-actions .btn { white-space: nowrap; font-size: 12px; }
.account-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin: 18px 0 20px; }
.account-metric { min-width: 0; display: flex; align-items: center; gap: 16px; padding: 23px; border: 1px solid #483457; border-radius: 17px; background: #1b1427; }
.metric-symbol { flex: 0 0 47px; width: 47px; height: 47px; display: grid; place-items: center; color: #e0baff; font-size: 21px; border-radius: 14px; background: #4d286651; }
.account-metric div:last-child { min-width: 0; }
.account-metric span, .account-metric small { display: block; font-size: 11px; color: #bdb1c7; }
.account-metric strong { font-size: 28px; font-weight: 700; display: block; line-height: 1.4; color: #f9f1ff; }
.account-metric small { color: #9589a4; }
.account-page > .quota-card { margin-top: 2px; }
.account-collection { margin-top: 29px; }
.account-collection .section-head { margin: 26px 0 15px; }
.account-collection .section-head h2, .settings-section .section-head h2 { font-size: 23px; letter-spacing: -.03em; }
.account-empty { border: 1px dashed #654c75; border-radius: 17px; background: linear-gradient(120deg,#191222,#1c1324); padding: 34px 24px; min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.account-empty.compact { min-height: 155px; }
.account-empty-icon { color: #d59aff; line-height: 1; font-size: 28px; margin-bottom: 8px; }
.account-empty strong { font-size: 15px; font-weight: 650; }
.account-empty p { font-size: 12px; color: #ada0b9; margin: 6px 0 15px; }
.settings-section { margin-top: 39px; }
.settings-section .section-head { margin-bottom: 16px; }
.account-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.settings-card { max-width: none; padding: 26px; border-color: #473355; background: #191321; }
.settings-heading { display: flex; gap: 14px; align-items: center; margin-bottom: 19px; }
.settings-icon { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; font-size: 24px; color: #d5a6ff; border-radius: 13px; background: #382349; }
.settings-heading h3 { font-size: 18px; font-weight: 650; margin: 0 0 3px; }
.settings-heading p { font-size: 12px; margin: 0; }
.settings-card .form-field { margin: 16px 0; }
.settings-card .form-field input { padding: 13px 14px; }
.settings-card form .btn { margin-top: 5px; }
.account-data-row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid #ffffff12; font-size: 12px; }
.account-data-row span { color: #ab9db7; }
.account-data-row strong { max-width: 68%; font-size: 12px; text-align: right; font-weight: 550; color: #ece1f2; }
.break-email { overflow-wrap: anywhere; }
.account-settings-links { display: flex; gap: 23px; margin-top: 17px; }
.account-settings-links .link-button { font-size: 12px; }
.account-logout-area { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 22px; padding-top: 21px; border-top: 1px solid #ffffff15; }
.account-logout-button { color: #ffc8d7; border-color: #98536b!important; }
.account-logout-area small { color: #8f859c; font-size: 11px; }
.account-welcome { margin: 38px auto; padding: 52px 36px; max-width: 740px; border: 1px solid #654780; background: radial-gradient(circle at 50% -15%,#572c7d8a,transparent 50%),#1a1326; border-radius: 25px; text-align: center; }
.account-welcome h1 { font-size: clamp(25px,3vw,37px); margin: 8px 0 12px; }
.account-welcome p { color: #b9aec4; font-size: 14px; line-height: 1.75; margin: 0 auto 20px; max-width: 560px; }
.welcome-symbol { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 20px; font-size: 26px; font-weight: 800; color: #fff; border: 1px solid #bc83f7; background: linear-gradient(145deg,#612ba2,#ba4ad6); margin: 0 auto 21px; }
.account-welcome-actions { justify-content: center; }

/* Modais de entrada, perfil e confirmação de logout */
.modal-backdrop { padding: 16px; }
.modal { width: min(480px,100%); padding: 30px; background: linear-gradient(150deg,#22172e 0%, #17111f 80%); border: 1px solid #80549c; border-radius: 22px; box-shadow: 0 30px 110px #000b,0 0 90px #b84cbd15; }
.modal h2 { font-weight: 700; letter-spacing: -.04em; }
.modal-close { border-radius: 9px; width: 32px; height: 32px; display: grid; place-items: center; line-height: 1; font-size: 22px; transition:background .15s; }
.modal-close:hover { background: #ffffff16; }
.auth-heading { text-align: center; margin-top: 5px; }
.auth-brand { width: 60px; height: 60px; display: grid; place-items: center; background: linear-gradient(135deg,#6831ab,#c94fcd); border: 1px solid #ca93f4; border-radius: 17px; font-weight: 800; font-size: 23px; margin: 0 auto 16px; }
.auth-heading .eyebrow { font-size: 10px; margin-bottom: 7px; }
.auth-heading h2 { font-size: 25px; margin: 3px 0 6px; }
.auth-heading p { font-size: 12px; max-width: 340px; margin: 0 auto; }
.auth-switch { margin: 24px 0 19px; padding: 5px; background: #0e0a16; }
.auth-switch button { font-size: 13px; font-weight: 600; padding: 12px; }
.auth-switch button.active { background: linear-gradient(125deg,#61338b,#883db2); }
.auth-footnote { text-align: center; line-height: 1.6; margin-bottom: 0; }
.profile-menu-head { display: flex; gap: 15px; align-items: center; margin: 21px 0 23px; min-width: 0; }
.profile-menu-avatar { width: 65px; height: 65px; flex: 0 0 65px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(145deg,#7432b7,#d14cc8); box-shadow: 0 10px 35px #b33dd344; font-size: 20px; font-weight: 750; }
.profile-menu-head h2 { font-size: 20px; margin: 0; overflow-wrap: anywhere; }
.profile-menu-head p { margin: 2px 0 8px; overflow-wrap: anywhere; font-size: 11px; }
.profile-menu-items { border: 1px solid #4c355e; border-radius: 15px; overflow: hidden; background: #120e1b55; }
.profile-menu-items button { width: 100%; display: flex; align-items: center; gap: 13px; text-align: left; padding: 15px; border: 0; border-bottom: 1px solid #ffffff12; background: transparent; color: #f5effb; }
.profile-menu-items button:last-child { border-bottom: 0; }
.profile-menu-items button:hover { background: #783d971e; }
.menu-item-icon { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 40px; border-radius: 12px; background: #392349; color: #d9a7fa; font-size: 20px; }
.profile-menu-items button > span:nth-child(2) { flex: 1; }
.profile-menu-items b { display: block; font-size: 13px; font-weight: 650; }
.profile-menu-items small { display: block; font-size: 11px; color: #aa9bb7; margin-top: 1px; }
.menu-arrow { font-size: 23px; color: #af94bf; }
.profile-menu-logout { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: 16px; padding: 13px; border-radius: 12px; background: #4621355c; border: 1px solid #85445e; color: #ffc4d5; font-size: 12px; font-weight: 650; }
.profile-menu-logout:hover { background: #6a2d43a3; }
.confirm-symbol { width: 60px; height: 60px; border: 1px solid #87516a; border-radius: 18px; display: grid; place-items: center; background: #5b304750; color: #ffc8dc; font-size: 30px; margin-bottom: 19px; }
.confirm-title { font-size: 23px!important; padding-right: 24px; }
.confirm-description { margin: 9px 0 24px; }
.confirm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.confirm-actions .btn { font-size: 12px; padding: 12px; }
.logout-confirm { background: #7d345a; border: 1px solid #ae5478; box-shadow: none; }
.logout-confirm:hover { filter: brightness(1.12); }

@media(max-width: 1000px) {
  .account-hero-card { align-items: flex-start; flex-direction: column; }
  .account-hero-actions { justify-content: flex-start; }
  .account-overview { gap: 10px; }
  .account-metric { gap: 10px; padding: 17px; }
}
@media(max-width: 680px) {
  .account-page { padding-top: 23px; }
  .account-hero-card { border-radius: 18px; padding: 20px; gap: 17px; }
  .profile-summary { align-items: flex-start; gap: 12px; }
  .account-avatar { width: 57px; height: 57px; flex-basis: 57px; border-radius: 17px; font-size: 19px; }
  .account-identity h1 { font-size: 21px; line-height: 1.25; }
  .account-identity .text-muted { font-size: 11px; margin-bottom: 10px; }
  .account-pill { font-size: 10px; }
  .account-hero-actions { width: 100%; }
  .account-hero-actions .btn { flex: 1; font-size: 11px; padding: 12px 7px; }
  .account-overview { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .account-metric { padding: 13px; gap: 9px; border-radius: 13px; }
  .account-metric:first-child { grid-column: 1 / -1; }
  .metric-symbol { width: 36px; height: 36px; flex-basis: 36px; font-size: 16px; border-radius: 10px; }
  .account-metric span,.account-metric small { font-size: 10px; }
  .account-metric strong { font-size: 23px; }
  .account-settings-grid { grid-template-columns: 1fr; }
  .settings-card { padding: 19px; }
  .account-collection .section-head h2, .settings-section .section-head h2 { font-size: 20px; }
  .account-welcome { margin: 12px auto 30px; padding: 36px 19px; }
  .account-welcome-actions { flex-direction: column; }
  .account-welcome-actions .btn { width: 100%; }
  .user-chip { padding: 5px; }
  .user-chip .header-username, .user-chip .header-chevron { display:none; }
  .user-avatar-sm { font-size: 12px; width: 29px; height: 29px; }
  .modal { padding: 24px 20px; max-height: 88dvh; }
  .modal h2 { font-size: 22px; }
  .confirm-actions { grid-template-columns: 1fr; }
  .confirm-actions .btn { min-height: 46px; }
  .profile-menu-head { gap: 11px; }
  .profile-menu-head h2 { font-size: 18px; }
  .profile-menu-avatar { width: 53px; height: 53px; flex-basis: 53px; border-radius: 14px; }
}

/* DramaVault Web V3 - painel de importação econômico */
.dv-admin { max-width:1200px; }
.dv-admin .headline { margin-bottom:8px; }
.dv-admin-box { margin:23px 0; padding:28px; border:1px solid #513264; border-radius:18px; background:linear-gradient(145deg,rgba(37,22,51,.82),rgba(16,10,25,.95)); box-shadow:0 14px 42px #08020f33; }
.dv-admin-box h2 { font-size:22px; margin:5px 0 10px; }
.admin-step { font-size:11px; font-weight:750; color:#e6a8ff; letter-spacing:1.3px; }
.admin-form-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.admin-manifest-preview { margin-top:12px; padding:14px 16px; border:1px dashed #68457c; border-radius:12px; background:#1c1429; font-size:12px; color:#cfc1db; }
.admin-manifest-preview p { line-height:1.5; }
.admin-manifest-preview ul { margin:8px 0 0; padding-left:18px; }
.admin-manifest-preview li { margin:5px 0; }
.admin-upload-grid { display:grid; grid-template-columns:2fr 1fr; gap:16px; }
.admin-manual-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.admin-manual-grid .full { grid-column:1/-1; }
.dv-admin .form-field input[type=file] { padding:13px; max-width:100%; }
.admin-cover-details { margin-top:22px; border-top:1px solid #50365d; padding-top:20px; }
.admin-cover-details summary { cursor:pointer; font-weight:600; }
.admin-series-list { display:grid; gap:9px; }
.admin-series-row { display:flex; gap:12px; justify-content:space-between; align-items:center; padding:14px 16px; background:#130d1c; border:1px solid #453152; border-radius:12px; }
.admin-series-info { display:grid; gap:4px; min-width:0; }
.admin-series-info strong { font-size:13px; overflow-wrap:anywhere; }
.admin-series-info .subtle { font-size:11px; }
.admin-series-actions { flex:0 0 auto; }
@media(max-width:680px){ .dv-admin-box{padding:20px 16px;} .admin-upload-grid,.admin-manual-grid{grid-template-columns:1fr;} .admin-manual-grid .full{grid-column:1;} .admin-series-row{align-items:flex-start;flex-direction:column;} }

/* DramaVault V4 · editor seguro e fila econômica */
.admin-series-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.dv-optin{display:flex;align-items:flex-start;gap:12px;padding:12px 13px;margin:10px 0;border:1px solid #56366b;border-radius:12px;background:#170e23;color:#e9d8f5;font-size:12px}
.dv-optin input{flex:0 0 16px;accent-color:#b95afa;margin-top:2px;min-height:16px}
.dv-optin span{display:block;line-height:1.5}
.dv-optin small{display:block;color:#aa93ba;margin-top:3px}
.dl-small-stat{padding:14px;border-radius:9px;border:1px solid #553465;background:#1d112b;font-size:12px;color:#bc9ccc}
.dl-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.dl-counts span{background:#24172f;border:1px solid #4c305d;padding:11px 10px;border-radius:9px;font-size:12px}
.dl-counts b{font-size:15px;color:#f6e8ff}
#download-live details{margin-top:12px}
#download-live details summary{cursor:pointer;color:#e8b5ff}
#download-live li{margin:6px 0;overflow-wrap:anywhere}
#modal:has(.series-edit) .modal{width:min(990px,100%);max-height:90dvh;overflow:auto}
.series-edit h2{font-size:25px;margin:8px 0}
.series-edit .admin-manual-grid{margin:16px 0 20px}
.series-edit .admin-manual-grid label{font-size:12px;font-weight:600}
.series-edit .form-field input,.series-edit .form-field textarea{width:100%;box-sizing:border-box}
.editor-episode-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #57356d;padding-top:18px;margin:10px 0}
.editor-episode-header h3{font-size:18px;margin:0}
.editor-episode-list{display:grid;gap:10px;max-height:40dvh;overflow:auto;padding:4px 4px 10px}
.editor-episode-row{display:grid;grid-template-columns:80px minmax(110px,1.2fr) minmax(180px,1.6fr) 40px;gap:8px;align-items:center;background:#150d20;border:1px solid #4c315f;padding:10px;border-radius:12px}
.editor-episode-row label{display:block;color:#b79cc8;font-size:10px;font-weight:600;margin-bottom:6px}
.editor-episode-row input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #65407f;border-radius:9px;background:#21152e;color:#fff;font:inherit;font-size:12px}
.editor-ep-source small{display:block;margin-top:3px;font-size:10px;line-height:1.35}
.editor-remove{min-height:36px!important;padding:8px!important}
.editor-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;margin-top:10px;border-top:1px solid #4b315f}
.editor-danger{background:#833249!important;border:1px solid #af536c!important;color:#fff!important}
.editor-danger:hover{filter:brightness(1.15)}
@media(max-width:700px){
  .dl-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editor-episode-row{grid-template-columns:60px 1fr 34px}
  .editor-ep-source{grid-column:1/3}
  .editor-remove{grid-column:3;grid-row:1}
  .editor-episode-header{flex-wrap:wrap}
  .editor-actions{flex-direction:column-reverse}
  .editor-actions .btn{width:100%}
  .admin-series-actions{justify-content:flex-start}
}

/* DramaVault V5 — estado de exibição, último episódio e classificação de áudio. */
.poster-frame{position:relative;overflow:hidden;border-radius:12px}
.poster-frame .poster{display:block;width:100%}
.poster-audio{position:absolute;top:9px;left:9px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;pointer-events:none}
.audio-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:8px 0}
.audio-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:750;letter-spacing:.005em;border:1px solid;backdrop-filter:blur(8px)}
.audio-badge.dubbed{color:#c6f5ff;background:#0b465abf;border-color:#42cfe28f;box-shadow:0 3px 14px #1abddb18}
.audio-badge.subtitled{color:#ffedc8;background:#664119c9;border-color:#e4a65b8c;box-shadow:0 3px 14px #e8a43b17}
.detail-copy .tags{align-items:center}
.episode-count-badge{display:inline-flex;align-items:center;gap:7px;line-height:1.3;border-radius:9px;color:#f4dcff;background:linear-gradient(105deg,#54247f,#321445);border:1px solid #ba73fd91;padding:9px 13px;font-size:13px;font-weight:750;box-shadow:0 3px 18px #bb4aff22}
.episode-count-badge b{font-size:17px;color:#fff}
.episode-count-inline{display:inline-flex;align-items:center;gap:7px;color:#eed7ff;background:#392149;border:1px solid #8c54b5;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:650}
.resume-caption{background:#281b36;border:1px solid #71499a;color:#dfc5fc;font-size:12px;padding:10px 13px;border-radius:10px;max-width:max-content;margin:12px 0}
.episode-legend{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:#c6adcf;font-weight:550;font-size:12px;margin:8px 0 15px}
.episode-legend.compact{font-size:11px;margin-top:10px;gap:12px}
.legend-dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:baseline}
.legend-dot.done{background:#278e90}.legend-dot.latest{background:#f1c278}.legend-dot.current{background:#ba5ef2}
.episode-grid,.player-list{align-items:stretch}
.ep-button{position:relative;min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;transition:background .15s,border-color .15s,transform .15s;line-height:1.25;isolation:isolate}
.ep-button:hover{transform:translateY(-1px);border-color:#a86ce5}
.ep-number{font-size:16px;font-weight:800;line-height:1}
.ep-symbol{font-size:14px;opacity:.86;line-height:1}
.ep-state{font-size:9px;line-height:1.3;font-weight:700;letter-spacing:.015em;white-space:nowrap;color:#d5c0e5}
.ep-button.ep-watched{background:#13252b;border-color:#276f75;color:#cffaf0}
.ep-button.ep-watched .ep-state{color:#9edfd8}
.ep-button.ep-last{background:#35271b;border-color:#d7a463;box-shadow:inset 0 0 0 1px #d7a46360;color:#ffeac9}
.ep-button.ep-last .ep-state{color:#ffda9f}
.ep-button.playing,.ep-button.ep-last.playing{background:linear-gradient(125deg,#863bdd,#b74bdf);border-color:#e4a3ff;box-shadow:inset 0 0 0 1px #d89bff,0 8px 22px #ac48ff29;color:#fff}
.ep-button.playing .ep-state{color:white}
.ep-button.unready{opacity:.55}
.ep-mini-progress{position:absolute;bottom:0;left:0;height:3px;max-width:100%;border-radius:2px;background:linear-gradient(90deg,#9f69ef,#d269ed)}
.player-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:12px 0}
.player-meta .episode-count-badge{font-size:12px;padding:7px 10px}
.admin-series-info .audio-tags{margin:2px 0}
@media(max-width:600px){
  .audio-badge{font-size:9px;padding:5px 7px}
  .poster-audio{top:6px;left:6px;gap:3px}
  .episode-count-badge{padding:6px 9px;font-size:11px}
  .episode-count-badge b{font-size:13px}
  .ep-button{min-height:58px;padding:7px 1px}
  .ep-number{font-size:14px}
  .ep-symbol{font-size:12px}
  .ep-state{font-size:8px}
  .episode-legend{font-size:10px;gap:9px}
  .episode-count-inline{font-size:10px;padding:5px 7px}
}

/* V6 — Documentos legais, editor persistente e aceite de cadastro */
.footer-grid a{display:block;color:#bcb5c8;text-decoration:none;padding:8px 0;font-size:13px;transition:color .18s}
.footer-grid a:hover,.footer-grid a:focus-visible{color:#e7b4ff;text-decoration:underline}
.legal-page{max-width:1060px;margin:0 auto;padding-top:36px;padding-bottom:70px}
.legal-document{margin:17px 0 22px;padding:clamp(22px,4vw,52px);border:1px solid #59416b;border-radius:22px;background:linear-gradient(145deg,#23172f,#120d1b);box-shadow:0 20px 75px #0002;color:#e6dcea;overflow-wrap:anywhere}
.legal-document h1{font-size:clamp(25px,3.5vw,39px);letter-spacing:-.05em;line-height:1.17;color:#fff;margin:0 0 20px}
.legal-document h2{font-size:clamp(17px,2vw,22px);letter-spacing:-.025em;line-height:1.35;margin:31px 0 12px;color:#dfb4ff}
.legal-document p,.legal-document li{line-height:1.85;font-size:14px;color:#d1c4dd;margin:10px 0}
.legal-document ul{padding-left:22px;margin:10px 0 14px}
.legal-document a,.legal-doc-links a,.auth-legal-check a{color:#e2a8ff;text-decoration:underline;text-underline-offset:3px}
.legal-actions{display:flex;gap:12px;flex-wrap:wrap}
.legal-actions a{text-decoration:none}
.auth-legal-check{display:flex;align-items:flex-start;gap:11px;line-height:1.65;color:#d9cbe7;font-size:12px;margin:16px 0}
.auth-legal-check input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:#b54fff}
.legal-doc-buttons{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}
.legal-doc-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin:15px 0 19px}
#admin-legal-editor{scroll-margin-top:120px}
#admin-legal-editor:not(:empty){padding:20px;background:#140c1e;border:1px solid #684180;border-radius:14px;margin-top:20px}
.legal-edit-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.legal-edit-head h3{font-size:19px;margin:0 0 8px}
.legal-label{font-size:13px;color:#d9bbeb;display:block;font-weight:650;margin:16px 0 7px}
#legal-content{box-sizing:border-box;width:100%;min-height:350px;resize:vertical;background:#0d0915;border:1px solid #754895;border-radius:12px;color:#fff;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;padding:17px;outline:0}
#legal-content:focus{border-color:#d2a4ff;box-shadow:0 0 0 3px #984bf126}
.legal-edit-actions{justify-content:flex-start;flex-wrap:wrap}
.legal-preview{padding:20px;margin-top:20px;max-height:420px;overflow:auto;background:#1c1127;border-radius:13px;border:1px dashed #7c5591}
.legal-preview h1{font-size:22px}.legal-preview h2{font-size:17px;color:#e4b0fc;margin:17px 0 7px}.legal-preview p,.legal-preview li{font-size:12px;line-height:1.7;color:#dacfe1}
@media(max-width:600px){.legal-page{padding-top:24px}.legal-document{padding:20px 17px;border-radius:15px}.legal-document p,.legal-document li{font-size:13px;line-height:1.75}.legal-edit-actions .btn{width:100%}#admin-legal-editor:not(:empty){padding:13px}.legal-actions .btn{flex:1}}


/* V7 — organização da conta e validação de senhas */
.header-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:17px;height:24px;line-height:0;vertical-align:middle;transform:none}
.header-chevron svg{display:block;width:14px;height:14px}
.user-chip{align-items:center}
.forgot-password-link{border:0;background:transparent;color:#d7b1f7;display:block;margin:4px 0 18px;padding:6px 0;text-align:left;font-size:12px;line-height:1.5;cursor:pointer}
.forgot-password-link span{font-weight:650;text-decoration:underline;text-underline-offset:3px}
.forgot-password-link:hover{color:#fff}
.password-strength{border:1px solid #6b467c;background:#120d1baa;border-radius:13px;padding:15px 16px;margin:12px 0 15px}
.strength-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c4b8d2;font-size:12px}
.strength-top strong{color:#debdff;font-weight:650}
.strength-track{height:6px;background:#42334e;border-radius:20px;overflow:hidden;margin:11px 0 13px}
.strength-track span{display:block;height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#d66493,#ba66f4);transition:width .2s ease,background .2s ease}
.strength-track span.strong{background:linear-gradient(90deg,#40bfaa,#88e4bf)}
.password-criteria{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;padding:0;margin:0;list-style:none}
.password-criteria li{font-size:11px;line-height:1.45;color:#af9cb8;display:flex;align-items:flex-start;gap:6px}
.password-criteria li::before{content:'○';font-size:12px;line-height:1.3;color:#956aab}
.password-criteria li.met{color:#b7e9d8}
.password-criteria li.met::before{content:'✓';color:#6ddeba;font-weight:800}
.auth-footnote{margin-top:15px}
#auth-form button[type=submit]:disabled,#password-form button[type=submit]:disabled{opacity:.45;filter:grayscale(.25);cursor:not-allowed;transform:none}
#modal:has(.password-strength) .modal{max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin}
@media(max-width:440px){.password-criteria{grid-template-columns:1fr}.password-strength{padding:12px}}