:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#edf0f8;background:#10131b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;border-radius:12px;padding:13px 20px;background:#ae9bff;color:#18122d;cursor:pointer;font-weight:650;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#c4b6ff;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #d0c5ff;outline-offset:3px}input{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #373d51;border-radius:11px;background:#121722;color:#fff}input:focus{border-color:#ae9bff}label{display:block;margin-bottom:20px;font-size:14px}small{display:block;margin-top:7px;color:#9fa8bd;font-size:12px;line-height:1.5}fieldset{border:0;padding:0;margin:0;min-width:0}h1{font-size:clamp(24px,4vw,34px);letter-spacing:-.8px}h2{font-size:21px;letter-spacing:-.3px}p{line-height:1.65}.center{min-height:100dvh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(ellipse at 15% 0%,#44377455,transparent 55%),radial-gradient(ellipse at 100% 100%,#203b5055,transparent 55%)}.card{width:100%;max-width:480px;padding:36px;border:1px solid #ffffff12;border-radius:24px;background:#1a1f2bee;box-shadow:0 24px 80px #0005;animation:appear .25s ease-out}.brand{font-size:25px;font-weight:750;letter-spacing:-.8px}.brand span{color:#b7a6ff;margin-right:7px}.muted,.footnote{color:#9fa8bd;font-size:14px}.footnote{text-align:center;font-size:12px;margin:25px 0 0}.wide{width:100%;margin-top:6px}.alert,.notice{padding:13px 15px;margin:20px 0;border-radius:11px;line-height:1.5;overflow-wrap:anywhere}.alert{background:#ff6b7e18;color:#ffb4bf;border:1px solid #ff6b7e44}.notice{background:#67d9a218;color:#a0ecc6;border:1px solid #67d9a244}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #ffffff10;background:#171c27}.account{display:flex;align-items:center;gap:20px}.account small{margin-top:2px}.secondary{background:#2b3143;color:#edf0f8}.secondary:hover:not(:disabled){background:#3b4258}.content{max-width:1248px;padding:32px 24px;margin:auto}.welcome{padding:36px;border-radius:22px;background:linear-gradient(120deg,#342952,#1b3040);border:1px solid #ffffff10}.welcome h1{overflow-wrap:anywhere}.welcome p{color:#c0c7d7}.eyebrow{color:#c1b2ff;font-size:11px;letter-spacing:2px}section{margin-top:34px}.empty{padding:30px;border:1px dashed #ffffff20;border-radius:16px;color:#9fa8bd;background:#181d28}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.card{padding:25px}header{padding:18px;flex-wrap:wrap}.account{gap:12px}.welcome{padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}select{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #373d51;border-radius:11px;background:#121722;color:#fff;font:inherit}select:focus-visible{outline:3px solid #d0c5ff;outline-offset:3px}input[readonly]{color:#a7b0c5}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #ffffff14;border-radius:12px;background:#2b3143;color:#edf0f8;cursor:pointer;list-style:none}.icon-button::-webkit-details-marker{display:none}.icon-button:hover:not(:disabled){background:#3b4258}.icon-button:focus-visible{outline:3px solid #d0c5ff;outline-offset:3px}.users-menu{position:relative}.users-dropdown{position:absolute;z-index:20;top:calc(100% + 10px);right:0;width:280px;max-width:calc(100vw - 36px);padding:7px;border:1px solid #ffffff1c;border-radius:15px;background:#202636;box-shadow:0 18px 50px #0006;animation:appear .18s ease-out}.users-dropdown button{width:100%;padding:12px;background:transparent;color:#edf0f8;text-align:left;font-size:14px;font-weight:500}.users-dropdown button:hover:not(:disabled){background:#ffffff0c;transform:none}.users-dropdown button:disabled{cursor:not-allowed}.user-dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:28px;border:1px solid #ffffff20;border-radius:22px;background:#1a1f2b;color:#edf0f8;box-shadow:0 25px 100px #0008;overflow-y:auto}.user-dialog[open]{animation:appear .22s ease-out}.user-dialog::backdrop{background:#050811bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dialog-heading h2{margin:0}.dialog-heading button{flex-shrink:0;font-size:25px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:25px}.danger{background:#ff8a9d;color:#35121b}.danger:hover:not(:disabled){background:#ffafbc}.session-warning{margin:0 0 15px}@media(max-width:600px){.user-dialog{padding:22px}.account{flex-wrap:wrap}.dialog-actions button{flex:1 1 180px}}.library-dialog{width:min(760px,calc(100vw - 32px))}.library-dialog h3{margin-top:26px;font-size:16px}.path-entry{display:flex;align-items:stretch;gap:10px}.path-entry input{margin-top:0;min-width:0;flex:1}.path-entry button{flex-shrink:0}label[for=library-path-input]{margin-bottom:8px}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid #ffffff12;border-radius:12px}.media-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.media-table th{padding:13px 15px;background:#ffffff06;color:#abb5cd;font-weight:500}.media-table td{padding:14px 15px;vertical-align:top;border-top:1px solid #ffffff10}.media-table button{font-size:13px;padding:10px 13px}.media-table strong{overflow-wrap:anywhere}.media-path{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}.media-table small.media-path{max-width:320px}.media-table button:disabled{cursor:not-allowed}@media(max-width:600px){.path-entry{flex-direction:column}.media-table th,.media-table td{padding:11px}}label[for=privileges-library]{margin-bottom:8px}.path-entry select{margin-top:0;min-width:0;flex:1}.permission-dirty{color:#e5c58b;font-size:14px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.catalog-heading h2{overflow-wrap:anywhere}.catalog-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 24px}.catalog-breadcrumbs button{padding:7px 10px;background:#2b3143;color:#d8d0ff;font-size:13px}.catalog-breadcrumbs span{color:#9fa8bd;font-size:13px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.library-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:160px;padding:25px;color:#edf0f8;background:linear-gradient(130deg,#3c305b,#203747);text-align:left;border:1px solid #ffffff14}.library-tile:hover:not(:disabled){background:#40365c}.library-tile strong{overflow-wrap:anywhere}.library-symbol{font-size:32px;margin-bottom:20px;color:#c0b0ff}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 18px}.poster-card{min-width:0;padding:0;border-radius:12px;color:#edf0f8;background:transparent;text-align:left}.poster-card:hover:not(:disabled){background:transparent}.poster-card strong{display:block;margin-top:11px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.catalog-poster{aspect-ratio:2 / 3;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(145deg,#32364c,#1b2432)}.catalog-poster img{width:100%;height:100%;object-fit:cover}.poster-placeholder{font-size:38px;color:#b8a7ff;opacity:.6}.catalog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:30px;font-size:14px}.media-details{position:relative;overflow:hidden;border-radius:20px;border:1px solid #ffffff12;background:#191e29}.media-fanart{display:block;width:100%;height:clamp(180px,32vw,380px);object-fit:cover;opacity:.65}.media-detail-content{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;padding:30px}.media-description h1{margin-top:0;overflow-wrap:anywhere}.media-facts{color:#c4b5ff}.media-tagline{color:#c3cadd;font-style:italic}.media-plot{white-space:pre-wrap;overflow-wrap:anywhere}.media-fields{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:14px}.media-fields dt{color:#9fa8bd}.media-fields dd{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.media-detail-content{grid-template-columns:1fr;padding:20px}.detail-poster{width:150px}.media-fields{grid-template-columns:1fr;gap:5px}.media-fields dd{margin-bottom:10px}}.scan-status-cell{min-width:230px}.scan-button{position:relative;isolation:isolate;overflow:hidden;background:#343c51;color:#edf0f8;min-width:170px}.scan-button:hover:not(:disabled){background:#46516b}.scan-button.scanning:disabled{opacity:1;cursor:progress;color:#fff}.scan-button.scanning{background:#553540}.scan-progress{position:absolute;inset:0 auto 0 0;background:#ed9aa980;transition:width .3s ease}.scan-button-label{position:relative;z-index:1}.scan-button.scan-success{background:#83d7ac;color:#102b1e}.scan-button.scan-success:hover:not(:disabled){background:#a1e7c2}.scan-state{max-width:380px;overflow-wrap:anywhere}.scan-state progress{display:block;width:100%;height:6px;margin-top:10px;accent-color:#efa5b2}.scan-error{color:#ffb4bf;white-space:pre-wrap}.scan-close-warning{padding:18px;margin-top:22px;border:1px solid #ffab7950;border-radius:14px;background:#ffab790c}.scan-close-warning h3{margin-top:0}.scan-close-warning p{font-size:14px;color:#d2c7c1}
