/* DramaMoviehouse V10: responsive member accounts and dashboard. */
.member-auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,480px);align-items:center;gap:clamp(24px,5vw,70px);min-height:calc(100vh - 175px);padding:clamp(36px,6vw,88px) clamp(20px,7vw,110px);background:radial-gradient(ellipse at 10% 38%,#7423466e,transparent 38%),radial-gradient(ellipse at 70% 90%,#44274c3b,transparent 43%),#090a10}
.member-auth-promo{padding:25px 0;max-width:650px}.member-auth-promo h1{font-size:clamp(38px,6vw,78px);letter-spacing:-.06em;line-height:1.05;margin:18px 0 20px}.member-auth-promo p{font-size:clamp(15px,1.5vw,19px);line-height:1.8;max-width:470px;color:#c2b7c6}.member-auth-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:33px}.member-auth-chips span{display:inline-flex;border:1px solid #523749;background:#ffffff0a;border-radius:30px;padding:8px 13px;font-size:12px;color:#f6d3e7}
.member-auth-card{border:1px solid #ffffff21;border-radius:23px;background:linear-gradient(155deg,#211824,#13131b 70%);box-shadow:0 26px 85px #0007;padding:clamp(25px,3vw,42px);max-width:520px;width:100%;margin:0 auto}.member-auth-card h2{font-size:clamp(25px,3vw,36px);font-weight:850;margin:8px 0}.member-auth-card .formgrid{margin-top:26px;display:grid;gap:16px}.member-auth-card label{display:block;margin:0;font-size:13px}.member-auth-card label input{background:#0d0d14;border-color:#3c3241;margin-top:7px;min-height:48px}.member-auth-card label input:focus{border-color:#f36c9d;box-shadow:0 0 0 3px #fa6f9d29}.member-auth-card .btn{width:100%;min-height:48px}.member-auth-card .alert{margin:14px 0}.member-auth-card .muted{font-size:13px;line-height:1.7}.member-auth-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0 0;font-size:13px;color:#cbbcc7}.member-auth-links a{color:#ff8bae;font-weight:700}.member-google{min-height:47px;border:1px solid #6a5e70;background:#ffffff09;border-radius:11px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:13px;font-weight:700;color:#fff}.member-google:hover{background:#ffffff16}.google-mark{background:#fafafa;color:#4285f4;border-radius:50%;width:26px;height:26px;font-weight:900;display:grid;place-items:center}.member-auth-card.auth-simple{margin:clamp(50px,9vw,100px) auto;width:calc(100% - 30px)}
.member-dashboard{max-width:1420px;margin:0 auto;padding:clamp(28px,5vw,60px) clamp(16px,5vw,70px) 90px}.member-welcome{display:flex;align-items:center;gap:23px;padding:25px 0 32px}.member-avatar{flex-shrink:0;display:grid;place-items:center;width:76px;height:76px;border-radius:21px;background:linear-gradient(135deg,#ff3470,#9857bf);font-size:36px;font-weight:800;box-shadow:0 10px 45px #e9236070}.member-welcome h1{font-size:clamp(29px,4.3vw,50px);margin:6px 0;line-height:1.12}.member-welcome p{margin:3px 0;color:#c5b4c2}.member-glow{color:#ff6b9c}.member-welcome>.btn{margin-left:auto;white-space:nowrap}.member-inline-notice{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#342331;border:1px solid #714b6b;border-radius:14px;padding:15px;margin:10px 0 18px}.member-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 26px}.member-stats>div{background:#191922;border:1px solid #ffffff17;border-radius:16px;padding:18px 21px}.member-stats strong{font-size:29px;display:block;line-height:1.15}.member-stats span{display:block;color:#ae9fae;font-size:12px;margin-top:9px}.member-block{padding:25px 0}.member-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.member-section-heading h2{font-size:clamp(22px,3vw,28px);margin:5px 0 0}.member-section-heading>a{color:#ffa6c2;font-size:13px;font-weight:700}.member-card-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.member-cover-card{min-width:0;display:block}.member-cover-image{aspect-ratio:2/3;position:relative;border-radius:12px;overflow:hidden;background:#271f2a;border:1px solid #ffffff1e}.member-cover-image img{width:100%;height:100%;object-fit:cover;display:block}.member-image-pill{position:absolute;bottom:10px;left:10px;border-radius:6px;background:#110c14e8;border:1px solid #fff4;padding:4px 8px;font-size:10px;font-weight:800}.member-cover-card>strong{display:block;font-size:14px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-cover-card>small{display:block;color:#aaa0ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-progress-track{height:4px;border-radius:5px;background:#48404b;margin-top:9px;overflow:hidden}.member-progress-track>span{display:block;height:100%;background:#ff3a78}.member-empty{padding:28px;background:#17151d;border:1px dashed #4f4150;border-radius:15px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.member-empty p{margin:0;color:#c8bac7}.member-dashboard-footer{display:flex;gap:25px;padding:30px 0;margin-top:20px;border-top:1px solid #ffffff1b;color:#f4b7d0}.member-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.member-settings-grid>.admin-panel{min-width:0;padding:24px}.member-settings-grid label{display:block;margin:15px 0}.member-settings-grid .check{display:flex;align-items:center;gap:9px;font-size:13px}.member-settings-grid .check input{width:auto;margin:0}.member-settings-grid .formgrid{display:grid;gap:16px}.member-settings-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.member-code-url{padding:13px;background:#0e0e18;border-radius:9px;font-size:12px;overflow-wrap:anywhere;margin:12px 0 15px;border:1px solid #4b3e50;color:#f3bfce}.member-table-wrap{overflow-x:auto}.member-table{width:100%;border-collapse:collapse;min-width:590px}.member-table th,.member-table td{border-bottom:1px solid #ffffff19;text-align:left;padding:12px 9px}.member-table th{color:#b8a8b8;font-size:12px}.member-table td strong,.member-table td small{display:block}.member-table td small{color:#a7a0ae}.member-table td form button{white-space:nowrap}
@media(max-width:970px){.member-card-row{grid-template-columns:repeat(4,minmax(0,1fr))}.member-auth-layout{grid-template-columns:1fr 1fr;padding:45px 25px}.member-auth-promo h1{font-size:42px}.member-auth-card{padding:26px}}
@media(max-width:670px){.member-auth-layout{grid-template-columns:1fr;gap:12px;padding:27px 16px 100px}.member-auth-promo{padding:10px 8px 0}.member-auth-promo h1{font-size:33px;margin:9px 0}.member-auth-promo p{font-size:13px;margin-bottom:0}.member-auth-chips{margin-top:11px;gap:5px}.member-auth-chips span{font-size:10px;padding:5px 8px}.member-auth-card{border-radius:17px;padding:23px 20px}.member-auth-card h2{font-size:26px}.member-dashboard{padding:25px 15px 95px}.member-welcome{align-items:flex-start;gap:11px;flex-wrap:wrap}.member-avatar{width:48px;height:48px;border-radius:12px;font-size:25px}.member-welcome h1{font-size:27px}.member-welcome p{font-size:12px}.member-welcome>.btn{width:100%;margin-left:0}.member-stats{gap:7px}.member-stats>div{padding:11px 9px;border-radius:10px}.member-stats strong{font-size:24px}.member-stats span{font-size:10px}.member-card-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 14px;scrollbar-width:none}.member-cover-card{flex:0 0 42%;scroll-snap-align:start}.member-cover-card>strong{font-size:12px}.member-section-heading h2{font-size:20px}.member-block{padding:16px 0}.member-settings-grid{grid-template-columns:1fr}.member-settings-grid>.admin-panel{padding:18px}.member-settings-actions{grid-column:1}.member-inline-notice{flex-wrap:wrap}.member-inline-notice .btn{width:100%}}
