:root{font-family:Inter,system-ui,Arial,sans-serif;background:#101724;color:#f2f3fa;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:#bcaaff;text-decoration:none}p,small{color:#aab5c8}h1{font-size:clamp(1.8rem,3.5vw,2.3rem);margin:0 0 12px}h2{font-size:1.45rem;margin:34px 0 20px}button,.button{background:#7845ea;color:white;border:0;border-radius:8px;font-weight:700;padding:11px 15px;cursor:pointer;display:inline-block;text-align:center}.button{margin-top:12px}button.muted{background:#303b51;color:white}input{padding:13px 14px;background:#151e30;border:1px solid #3e4b64;border-radius:9px;color:white;min-width:0}label{display:block}.shell{min-height:100vh;display:flex}.sidebar{width:270px;height:100vh;position:sticky;top:0;flex-shrink:0;background:#1b2535;border-right:1px solid #394258;padding:24px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:1.05rem;font-weight:800;letter-spacing:.035em;margin:4px 0 44px}.brand b{color:#aa8cff}.logo{background:linear-gradient(135deg,#ae79fa,#6840df);border-radius:15px;display:grid;place-items:center;width:49px;height:49px;font-size:29px;color:white}.side-links{display:flex;flex-direction:column;gap:8px}.side-links a{display:flex;align-items:center;gap:16px;font-weight:650;color:#edf0f9;font-size:1.05rem;padding:15px 16px;border-radius:9px}.side-links a>span{font-size:1.35rem;width:24px;text-align:center}.side-links a:hover{background:#2c3850}.side-links a.active{background:linear-gradient(100deg,#5d50ec,#8837ee);color:white}.nav-heading{margin:30px 16px 10px;font-size:.7rem;letter-spacing:.12em;color:#8595ae}.side-footer{margin-top:auto;border-top:1px solid #3b465c;padding:20px 8px 0}.side-footer form{margin:14px 0}.side-footer button{width:100%;text-align:left}.member{display:flex;align-items:center;gap:11px;font-weight:750}.member small{display:block;font-size:.75rem;font-weight:400;margin-top:3px}.avatar{background:#7551d5;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.workspace{flex:1;min-width:0}.topbar{height:88px;border-bottom:1px solid #303b50;display:flex;align-items:center;gap:18px;padding:15px 32px;background:#131c2c}.global-search{width:min(650px,100%);display:flex;align-items:center;background:#192235;border:1px solid #46516b;border-radius:30px;padding:0 17px}.global-search span{font-size:28px;color:#e2e7f4}.global-search input{width:100%;flex:1;background:transparent;border:0;outline:0}.top-username{margin-left:auto;color:#adb7c9;font-size:.9rem}main{max-width:1450px;margin:0 auto;padding:35px 32px;min-height:calc(100vh - 88px)}.hero{padding:36px;border:1px solid #36475f;border-radius:15px;background:linear-gradient(115deg,#262749,#1a2b3e)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:18px}.album{background:#202b3e;border:1px solid #344158;border-radius:13px;padding:0 0 15px;overflow:hidden}.album img,.placeholder{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#303c51}.placeholder{display:grid;place-items:center;font-size:3rem}.album h3{font-size:1rem;line-height:1.35;margin:13px 13px 5px}.album p{font-size:.86rem;margin:0 13px 14px}.album form{margin:12px 13px 0}.album button{width:100%}.album .button{display:block;margin:12px 13px 0}.album .availability{margin:4px 13px}.search{display:flex;gap:10px;margin:25px 0 32px}.search input{flex:1}.stack{display:grid;gap:12px}.record,.panel{background:#202b3e;border:1px solid #36445a;border-radius:12px;padding:18px}.record{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.record small{display:block;margin-top:5px}.record form{display:flex;gap:8px}.panel{margin:28px 0}.panel form{max-width:450px}.panel input{display:block;width:100%;margin:7px 0 15px}.notice{background:#27364d;border:1px solid #435570;border-radius:9px;padding:13px 17px;margin-bottom:18px}.availability,.status{display:inline-block;padding:7px 11px;border-radius:99px;font-weight:750;font-size:.8rem}.availability.requested{background:#513610;color:#ffca72;border:1px solid #aa7930}.availability.downloaded{background:#12402c;color:#70edab;border:1px solid #37855f}.status{border:1px solid #4e5970}.narrow{max-width:450px;margin:9vh auto}.link{background:transparent;color:#c4aaff;padding:0}.nav-toggle,.mobile-nav{display:none}.login-layout header{padding:25px}.login-layout main{max-width:520px}@media(max-width:850px){.sidebar{width:215px}.brand{font-size:.85rem}.logo{width:40px;height:40px}.topbar,main{padding-left:20px;padding-right:20px}}@media(max-width:650px){.mobile-nav{display:block;position:sticky;top:0;z-index:20;background:#1b2535;padding:15px 19px;font-weight:800}.sidebar{display:none;position:fixed;top:50px;left:0;height:calc(100vh - 50px);width:min(285px,90vw);z-index:21;box-shadow:15px 0 40px #0008}.nav-toggle:checked~.shell .sidebar{display:flex}.topbar{height:72px;padding:12px 15px}.top-username{display:none}main{padding:23px 16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search{flex-direction:column}.album h3{font-size:.9rem}}
/* Seerr-inspired horizontally arranged request cards */
.request-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.request-heading p{margin:0}.request-heading .button{margin:0}.request-list{display:grid;gap:14px}.request-card{position:relative;display:grid;grid-template-columns:minmax(250px,1.6fr) minmax(220px,1fr) minmax(150px,.6fr);align-items:stretch;min-height:132px;overflow:hidden;border:1px solid #39445b;border-radius:13px;background:#1d2738}.request-art-section{position:relative;isolation:isolate;min-width:0;display:flex;align-items:center;overflow:hidden}.request-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24;filter:blur(3px);z-index:-2}.request-art-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,31,47,.72),rgba(24,32,49,.62));z-index:-1}.request-album-info{display:flex;align-items:center;gap:17px;padding:17px;min-width:0}.request-cover{width:66px;height:95px;flex:0 0 66px;object-fit:cover;border-radius:6px;background:#303c52;box-shadow:0 4px 16px #0007}.request-cover-empty{display:grid;place-items:center;font-size:28px}.request-title{min-width:0}.request-title small{color:#d5d9e7;font-size:.77rem;font-weight:600}.request-title h3{margin:5px 0;font-size:1.2rem;line-height:1.2;overflow-wrap:anywhere;color:white}.request-title p{margin:0;color:#c0cbda}.request-details{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:15px 13px;font-size:.87rem;min-width:0}.request-details>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.detail-label{color:#9eafc8;font-weight:750;min-width:78px}.detail-note{color:#aebbd0;font-size:.8rem;line-height:1.4}.request-pill{padding:4px 10px;border-radius:99px;color:white;font-size:.76rem;font-weight:750}.is-downloaded{background:#239b57}.is-pending{background:#aa701c}.is-approved{background:#6952d7}.is-attention{background:#ba6a1f}.is-rejected{background:#943c44}.request-card-actions{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:16px}.request-view-link,.request-manage-link{display:block;text-align:center;padding:11px 12px;border-radius:7px;background:#343d55;color:#f0eaff;font-weight:700;font-size:.84rem}.request-manage-link{background:#6b43bf}.empty-requests{padding:35px;background:#202b3e;border-radius:13px}
@media(max-width:1100px){.request-card{grid-template-columns:minmax(220px,1.3fr) minmax(200px,1fr)}.request-card-actions{grid-column:1/-1;display:flex;flex-direction:row;border-top:1px solid #344158}.request-card-actions a{flex:1}}@media(max-width:680px){.request-card{grid-template-columns:1fr}.request-art-section{min-height:120px}.request-details{padding:15px 18px}.request-card-actions{grid-column:1;flex-wrap:wrap}.request-cover{width:58px;height:82px;flex-basis:58px}.request-title h3{font-size:1.12rem}}

.cards>.album{display:flex;flex-direction:column;min-width:0}.cards>.album h3{min-height:2.7em}.cards>.album form,.cards>.album>a.button{margin-top:auto}.cards>.album form button{min-height:44px}.panel input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}