/* Afterwatch Studio — a light, editorial collection. */
:root{color-scheme:light;--bg:#f4f3ee;--panel:#fff;--line:#dcdedb;--text:#18272c;--muted:#67767b;--accent:#2459e0;background:var(--bg);color:var(--text)}
body{background:var(--bg)}main{max-width:1440px;padding:0 56px 70px}.topbar{height:90px;margin-bottom:0;border-bottom:1px solid #cdd3d3}.brand{gap:12px}.brand-mark{background:#18272c;border-radius:50%;height:36px;width:36px;transform:none}.brand-mark i{border-left-color:#fff}.brand-name{font-size:24px;letter-spacing:-1.2px}.brand-name span{color:var(--text)}.add-button,.button-primary{background:var(--accent);color:white;border-radius:0;padding:13px 21px;box-shadow:none;font-size:13px}.add-button:hover,.button-primary:hover{background:#1644b9}
.studio-intro{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:54px 0 40px}.studio-kicker{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:700;margin:0 0 20px}.studio-kicker:before{content:"";height:7px;width:7px;background:var(--accent);border-radius:50%}.studio-intro h1{font-size:clamp(42px,5vw,72px);line-height:1.04;font-weight:500;letter-spacing:-3px;margin:0}.studio-intro h1 span{color:var(--accent)}.studio-description{font-size:14px;line-height:1.7;color:var(--muted);margin:18px 0 0}.studio-total{text-align:right;border-left:1px solid var(--line);padding-left:42px;padding-bottom:3px}.studio-total strong{display:block;font-size:58px;font-weight:400;line-height:1;letter-spacing:-3px}.studio-total span{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}
.section{margin-bottom:36px}.section-header{border-top:1px solid var(--line);padding-top:23px}.section-title{text-transform:uppercase;letter-spacing:1.7px;font-size:11px}.continue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resume-row{border:0;border-radius:0;background:#e6ebf5;padding:16px;gap:12px}.resume-cover{border-radius:0;background:#d3ddf4;color:var(--accent)}.resume-info h3{font-size:14px}.resume-info p{font-size:11px}.resume-button{background:#fff;border:0;color:var(--accent);border-radius:0}.resume-button:hover{background:#d2ddfb}.progress{background:#cdd6e6;border-radius:0;height:3px}
.filter-bar{padding:0;gap:26px;border-bottom:1px solid #cdd3d3;margin-bottom:28px}.filter{border:0;border-bottom:3px solid transparent;border-radius:0;padding:15px 0;font-size:13px;background:none}.filter.active{border-color:var(--accent);color:var(--accent);background:none;font-weight:700}.filter:hover{background:none;color:var(--accent)}
.small-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.media-card{display:grid;grid-template-columns:95px 1fr;grid-template-rows:auto 1fr;column-gap:17px;background:#fff;border:1px solid #e1e4e2;padding:13px;min-height:169px;transition:box-shadow .2s,border-color .2s}.media-card:hover{border-color:#98ade3;box-shadow:0 8px 24px #1e38620b}.poster{grid-row:1/3;border:0;border-radius:0;aspect-ratio:2/3;padding:9px;min-height:140px}.media-card:hover .poster{transform:none;border:0}.poster-title{font-size:16px;letter-spacing:-.3px;color:white}.media-card h3{margin:33px 26px 6px 0;font-size:16px;line-height:1.35;font-weight:600}.media-card p{font-size:11px;line-height:1.8;margin-right:16px}.status-pill{position:fixed;display:none}.media-card:has(.status-pill) h3{margin-top:33px}.favorite{right:12px;top:12px;border:0;border-radius:0;background:transparent;color:#8a989e;font-size:21px}.favorite.on{color:var(--accent)}.media-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);position:absolute;top:17px;left:125px;right:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.empty-state{border:1px solid #dce1df;border-radius:0;background:white;padding:58px 20px}.empty-symbol{border-radius:50%;height:68px;width:68px;background:#eef2ff;color:var(--accent);font-size:32px}.empty-state h2{font-size:27px;letter-spacing:-.8px}.empty-state p{line-height:1.7}.empty-state .button-primary{margin-top:5px}.studio-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:46px;color:#7e8a8d;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.dialog{border:0;border-radius:0;background:white;box-shadow:0 30px 100px #172c3940}.dialog::backdrop{background:#172c3970;backdrop-filter:blur(4px)}.dialog form,.detail-inner{padding:34px}.dialog-heading{padding-bottom:22px;border-bottom:1px solid var(--line)}.dialog h2{font-size:27px;font-weight:500;letter-spacing:-1px}.eyebrow{color:var(--accent)}.close,.close-detail{background:#eef1f3;color:var(--text);border-radius:0}.dialog label{color:#43565e}.dialog input,.dialog select{background:#f7f8f8;color:var(--text);border:1px solid #d5dddf;border-radius:0}.dialog input::file-selector-button{background:#e5ebf9;color:#2451bc;border-radius:0}.button-secondary,.detail-action{border:1px solid #ccd5d9;border-radius:0;color:var(--text);background:#fff}.button-secondary:hover,.detail-action:hover{background:#edf2ff}.detail-action.primary{color:white;background:var(--accent)}.season-line small{color:var(--muted)}
.login-gate{background:#e9edf3}.login-card{border:0;border-radius:0;background:#fff;padding:40px;box-shadow:0 24px 90px #253d5b15}.login-card h1{font-weight:500}.login-card input{background:#f7f8fa;border-color:#d5dddf;border-radius:0}.login-card .login-error{color:#b52b32}
@media(max-width:1050px){main{padding-inline:30px}.small-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){main{padding:0 20px 36px}.topbar{height:76px}.brand-name{font-size:20px}.brand-mark{width:30px;height:30px}.add-button{padding:10px 12px;font-size:12px}.studio-intro{padding:34px 0 30px;gap:10px}.studio-intro h1{font-size:43px;letter-spacing:-2px}.studio-total{padding-left:14px}.studio-total strong{font-size:38px}.studio-total span{font-size:8px;letter-spacing:1px}.studio-description{font-size:12px}.studio-kicker{font-size:9px;letter-spacing:1.4px}.continue-grid,.small-cards{grid-template-columns:1fr}.filter-bar{gap:22px}.filter{font-size:12px}.dialog form,.detail-inner{padding:23px}.empty-state{padding:38px 16px}.empty-state h2{font-size:23px}.studio-footer{font-size:8px}.season-line{flex-direction:row;align-items:center}}