:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-subtle:#f6f6f4;--border:#e3e2de;--text:#1f1e1c;--text-muted:#6b6963;--accent:#b4521e;--accent-text:#fff;--danger:#b3261e;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#171614;--bg-subtle:#1f1e1b;--border:#33312d;--text:#ebe9e4;--text-muted:#a09d95;--accent:#f0a070;--accent-text:#171614;--danger:#f2b8b5}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent)}h1{margin:0 0 1rem;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.05rem}label{color:var(--text-muted);gap:.25rem;font-size:.875rem;display:grid}label.check{color:var(--text);align-items:center;gap:.5rem;display:flex}input:not([type=checkbox]){border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:.5rem .625rem}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border-radius:6px;padding:.5rem .875rem;font-weight:600}a.button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:6px;padding:.5rem .875rem;font-weight:600;text-decoration:none;display:inline-block}a.button.quiet,button.quiet{border-color:var(--border);color:var(--text);background:0 0;font-weight:400}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.stack{gap:.875rem;max-width:24rem;display:grid}.error{color:var(--danger);margin:0}.hint,.empty,small{color:var(--text-muted)}.hint{margin:.5rem 0 0;font-size:.875rem}.card-page{background:var(--bg-subtle);place-items:center;min-height:100vh;padding:1rem;display:grid}.card{border:1px solid var(--border);background:var(--bg);border-radius:12px;gap:.875rem;width:100%;max-width:22rem;padding:1.75rem;display:grid}.card h1,.card p{margin:0}.client-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding:.875rem 1.5rem;display:flex}.brand{color:var(--text);font-size:1.125rem;font-weight:700;text-decoration:none}.client-header nav{gap:1.25rem;display:flex}.client-header nav a{color:var(--text-muted);text-decoration:none}.client-header nav a:hover,.client-header nav a.active{color:var(--text)}.client main{max-width:72rem;margin:0 auto;padding:2rem 1.5rem}.account section{border-top:1px solid var(--border);padding:1.25rem 0}.admin{grid-template-columns:12rem minmax(0,1fr);min-height:100vh;font-size:.875rem;display:grid}.admin-nav{border-right:1px solid var(--border);background:var(--bg-subtle);flex-direction:column;gap:1rem;padding:1rem .75rem;display:flex}.admin-nav ul{flex:1;margin:0;padding:0;list-style:none}.admin-nav a{color:var(--text);border-radius:4px;padding:.25rem .5rem;text-decoration:none;display:block}.admin-nav a.active{background:var(--border);font-weight:600}.admin-nav .brand{padding:0 .5rem;font-size:1rem}.admin-nav .back{color:var(--text-muted)}.admin main{padding:1rem 1.25rem}.admin h1{margin:0;font-size:1.125rem}.admin button{padding:.25rem .625rem}.admin input:not([type=checkbox]){padding:.25rem .5rem}.tool-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.panel{border:1px solid var(--border);background:var(--bg-subtle);border-radius:6px;gap:.625rem;max-width:28rem;margin-bottom:1rem;padding:.75rem;display:grid}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.3rem .5rem}th{color:var(--text-muted);font-weight:600}.row-actions{justify-content:flex-end;gap:.375rem;display:flex}.tag{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;margin-left:.5rem;padding:0 .375rem;font-size:.75rem}@media (width<=40rem){.admin{grid-template-columns:minmax(0,1fr)}.admin-nav{border-right:none;border-bottom:1px solid var(--border)}}.tabs{flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;display:flex}.tabs a{color:var(--text-muted);border-radius:999px;padding:.375rem .875rem;text-decoration:none}.tabs a:hover{color:var(--text)}.tabs a.active{background:var(--text);color:var(--bg)}.tabs.sub{margin-top:-.75rem;font-size:.875rem}.tabs.sub a.active{background:var(--bg-subtle);color:var(--text)}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.toolbar input{flex:14rem;max-width:24rem}.toolbar select{width:auto}.toolbar label{color:var(--text-muted);align-items:center;gap:.5rem;margin-left:auto;display:flex}.pager{color:var(--text-muted);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:2rem;display:grid}.pager a:last-child{justify-self:end}.grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1.5rem 1.25rem;display:grid}.card-link{min-width:0;color:var(--text);align-content:start;gap:.125rem;text-decoration:none;display:grid}.card-link strong,.card-link small{overflow-wrap:anywhere}.card-link strong{margin-top:.5rem;font-weight:600;line-height:1.3}.card-link small{color:var(--text-muted)}.cover{aspect-ratio:2/3;position:relative}.cover.square{aspect-ratio:1}.cover img{border-radius:8px;max-width:100%;max-height:100%;margin:auto auto 0;position:absolute;inset:0;box-shadow:0 1px 3px #0003}.cover span{background:var(--bg-subtle);color:var(--text-muted);border-radius:8px;place-items:center;font-size:2.5rem;font-weight:700;display:grid;position:absolute;inset:0;box-shadow:0 1px 3px #0003}.card-link:hover .cover img,.card-link:hover .cover span{box-shadow:0 4px 14px #0000004d}.item>.cover img{margin:0 auto auto}.library section{margin-top:2rem}.heading{align-items:end;gap:1.25rem;margin-bottom:1.5rem;display:flex}.heading .cover{flex:none;width:10rem}.heading h1,.heading p{margin:0}.rows{margin:0;padding:0;list-style:none}.rows a{border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:2rem minmax(0,1fr) auto;gap:.75rem;padding:.625rem .5rem;text-decoration:none;display:grid}.rows a:hover{background:var(--bg-subtle)}.rows .number,.rows small{color:var(--text-muted);font-variant-numeric:tabular-nums}.item{grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.item .description{white-space:pre-line;max-width:44rem}.item dl{gap:.375rem;margin:1.25rem 0;display:grid}.item dl div{grid-template-columns:8rem minmax(0,1fr);gap:1rem;display:grid}.item dt{color:var(--text-muted)}.item dd{overflow-wrap:anywhere;margin:0}.lyrics{font:inherit;white-space:pre-wrap;margin:0}@media (width<=40rem){.item{grid-template-columns:minmax(0,1fr)}.item>.cover{max-width:12rem}}.admin h2{margin:1.25rem 0 .375rem;font-size:.9375rem}.panel.wide{max-width:40rem}.panel h3{margin:0}.facts{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.facts dt{color:var(--text-muted)}.facts dd{overflow-wrap:anywhere;margin:0}.binding-key{align-items:flex-start;gap:.5rem;display:flex}.binding-key textarea,.panel textarea{overflow-wrap:anywhere;width:100%;font-family:ui-monospace,monospace}table.narrow{width:auto;min-width:14rem}.numeric{text-align:right;font-variant-numeric:tabular-nums}.wrap{white-space:normal;max-width:32rem}.status-failed{color:var(--danger)}progress{vertical-align:middle;width:6rem;margin-left:.5rem}.segments{flex-wrap:wrap;gap:.25rem;display:flex}.filters{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 .75rem;padding:.5rem .75rem;display:flex}.filters legend{color:var(--text-muted);padding:0 .25rem}label.inline{color:var(--text);align-items:center;gap:.375rem;display:flex}label.inline input{width:auto}.slideout{z-index:10;border-left:1px solid var(--border);background:var(--bg-subtle);width:min(34rem,100vw);padding:1rem;animation:.15s ease-out slide-out;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px #00000040}.slideout.wide{width:min(60rem,100vw)}.slideout h2{overflow-wrap:anywhere;margin:0}.slideout h3{margin:0;font-size:.875rem}.slideout .panel{background:0 0;border:0;max-width:none;padding:0}.in-file{gap:.375rem;margin-top:1.5rem;display:grid}.in-file h3{margin-top:.75rem}.in-file ol,.in-file ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.in-file li{align-items:baseline;gap:.625rem;display:flex}.in-file .tracks li{grid-template-columns:minmax(0,1fr) 5rem auto auto auto;align-items:center;gap:.5rem;display:grid}.in-file .tracks li small{grid-column:1/-1;margin:.25rem 0 -.25rem}.in-file li small{color:var(--text-muted);margin-left:.5rem}.in-file .numeric{min-width:1.5rem;color:var(--text-muted)}.slideout .editor-body{grid-template-columns:minmax(0,1fr)}@keyframes slide-out{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.slideout{animation:none}}.table-bar{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.row-actions.start{justify-content:flex-start}.table-bar .row-actions{align-items:center}.table-bar select{width:auto}th button.sort{color:inherit;font-weight:inherit;background:0 0;border:0;gap:.25rem;padding:0;display:inline-flex}th button.sort span{min-width:.75em;font-size:.625rem}th[aria-sort]{color:var(--text)}.scroll{overflow-x:auto}table.audit td{text-overflow:ellipsis;max-width:16rem;overflow:hidden}.column-filters th{padding-top:0;font-weight:400}.column-filters input,.column-filters select{width:100%;min-width:4.5rem;padding:.2rem .375rem}td.lacking{color:var(--danger)}tr.current{background:var(--bg-subtle)}.editor{border:1px solid var(--border);background:var(--bg-subtle);border-radius:6px;margin-bottom:1rem;padding:.75rem}.editor h2{margin:0}.editor h3{margin:0;font-size:.875rem}.editor-body{grid-template-columns:minmax(0,1fr) 16rem;gap:1.5rem;display:grid}.fields{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));align-content:start;gap:.625rem .75rem;display:grid}.field{align-content:start;gap:.25rem;display:grid}.fields .span{grid-column:1/-1}.side{align-content:start;gap:.625rem;display:grid}.side img{border-radius:4px;max-width:100%;max-height:14rem}textarea,select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:.25rem .5rem}input[type=file]{background:0 0;border:none;padding:.25rem 0}@media (width<=56rem){.editor-body{grid-template-columns:minmax(0,1fr)}}.page-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-header h1{margin:0}.devices>.hint{max-width:44rem;margin-bottom:1.5rem}.setup{border:1px solid var(--border);border-radius:12px;gap:1rem;max-width:36rem;margin-bottom:2rem;padding:1.5rem;display:grid}.setup h2,.setup h3,.setup p{margin:0}.setup h3{color:var(--text-muted);font-size:.875rem;font-weight:600}.choices{gap:.5rem;display:grid}.choice{text-align:left;gap:.125rem;padding:.75rem 1rem;display:grid}.choice small{color:var(--text-muted)}.qr svg{border-radius:.5rem;width:min(16rem,100%);height:auto;display:block}.credentials{gap:.75rem;margin:0;display:grid}.credentials dt{color:var(--text-muted);font-size:.875rem}.credentials dd{justify-content:space-between;align-items:center;gap:.75rem;margin:0;display:flex}.credentials code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:1rem}.device-list{margin:0;padding:0;list-style:none}.device-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 0;display:flex}.device-list div{display:grid}.device-list .row-actions{gap:.5rem;display:flex}.device-list .rename{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.device-list .rename input{flex:1;min-width:12rem}.device-list .rename .error{flex-basis:100%;margin:0}.device-list small{color:var(--text-muted)}.device-list time{text-underline-offset:.2em;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wizard{gap:.625rem;display:grid}.wizard h3{margin-top:.5rem}.wizard .tracks{white-space:normal}.wizard .tracks label{margin-right:.75rem;display:inline-flex}.wizard .fields{grid-template-columns:minmax(0,28rem)}.fields.each{border-top:1px solid var(--border);padding-top:.5rem}.quality{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));align-items:start;gap:.625rem .75rem;width:100%;display:grid}.disks meter{vertical-align:middle;width:6rem;margin-left:.5rem}.disk-chart{--segment-movie:#2a78d6;--segment-episode:#eb6834;--segment-track:#1baf7a;--segment-audiobook:#eda100;--segment-book:#e87ba4;--segment-game:#008300;--segment-other:#8f8d87;--segment-free:var(--border);max-width:48rem;margin:1rem 0 1.5rem}@media (prefers-color-scheme:dark){.disk-chart{--segment-movie:#3987e5;--segment-episode:#d95926;--segment-track:#199e70;--segment-audiobook:#c98500;--segment-book:#d55181;--segment-game:#008300;--segment-other:#77746d}}.disk-chart figcaption{color:var(--text-muted);margin-bottom:.5rem}.disk-bar{gap:2px;height:1.5rem;display:flex}.disk-segment{flex-basis:0;min-width:3px}.disk-segment:first-child{border-radius:4px 0 0 4px}.disk-segment:last-child{border-radius:0 4px 4px 0}.disk-legend{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.disk-legend .swatch{vertical-align:-.05rem;border-radius:2px;width:.75rem;height:.75rem;margin-right:.4rem;display:inline-block}.segment-movie{background:var(--segment-movie)}.segment-episode{background:var(--segment-episode)}.segment-track{background:var(--segment-track)}.segment-audiobook{background:var(--segment-audiobook)}.segment-book{background:var(--segment-book)}.segment-game{background:var(--segment-game)}.segment-other{background:var(--segment-other)}.segment-free{background:var(--segment-free)}.rows li.playable{border-bottom:1px solid var(--border);align-items:center;display:flex}.rows li.playable>a:not(.play){border-bottom:none;flex:1}.rows .play,.rows a.play{width:2.25rem;height:2.25rem;color:var(--accent);border:none;flex:none;justify-content:center;align-items:center;padding:0;font-size:.8rem;display:inline-flex}.watch{color:#fff;background:#000;position:fixed;inset:0;overflow:hidden}.watch.idle{cursor:none}.watch video{object-fit:contain;width:100%;height:100%}.watch-subtitles{pointer-events:none;position:absolute}.watch-subtitles img{image-rendering:auto;position:absolute}.watch-subtitles p{color:#fff;text-align:center;text-shadow:0 0 4px #000,0 0 2px #000,0 2px 3px #000;white-space:pre-line;margin:0;font-weight:600;line-height:1.25;position:absolute;bottom:6%;left:5%;right:5%}.watch-status{pointer-events:none;background:#0009;border-radius:6px;padding:.5rem 1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watch-top,.watch-controls{padding:1rem 1.5rem;transition:opacity .3s;position:absolute;left:0;right:0}.watch.idle .watch-top,.watch.idle .watch-controls{opacity:0;pointer-events:none}.watch-top{background:linear-gradient(#000000b3,#0000);align-items:center;gap:1rem;display:flex;top:0}.watch-top h1{margin:0;font-size:1.1rem;display:grid}.watch-top h1 small{color:#ffffffb3;font-size:.85rem;font-weight:400}.watch-controls{background:linear-gradient(#0000,#000c);bottom:0}.watch-controls input[type=range],.listen-controls input[type=range]{width:100%;accent-color:var(--accent)}.watch-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.watch button.quiet{color:#fff;border-color:#ffffff4d}.watch-time,.listen-time{font-variant-numeric:tabular-nums}.watch-bar .spacer{flex:1}.watch-menu,.listen-chapters{border-radius:6px;max-height:50vh;margin:.5rem 0 0 auto;padding:.25rem;list-style:none;overflow-y:auto}.watch-menu{background:#141414f2;width:min(22rem,100%)}.watch-menu button,.listen-chapters button{width:100%;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;gap:1rem;font-weight:400;display:flex}.watch-menu button.chosen,.listen-chapters button.chosen{color:var(--accent);font-weight:600}.watch-menu small,.listen-chapters small{opacity:.7;font-variant-numeric:tabular-nums}.watch-error{padding:2rem}.client:has(.listen) main{padding-bottom:7rem}.listen{border-top:1px solid var(--border);background:var(--bg-subtle);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.75rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.listen-item{flex:14rem;align-items:center;gap:.75rem;min-width:0;display:flex}.listen-item img{object-fit:contain;border-radius:4px;width:3rem;height:3rem}.listen-item div{min-width:0;display:grid}.listen-item a,.listen-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listen-item a{color:var(--text);font-weight:600;text-decoration:none}.listen-item small{color:var(--text-muted)}.listen-controls{flex:3 24rem;align-items:center;gap:.5rem;display:flex}.listen-chapters{border:1px solid var(--border);background:var(--bg);width:min(22rem,100% - 3rem);position:absolute;bottom:100%;right:1.5rem}.read{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.read-top{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.read-top span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.read-top small{color:var(--text-muted)}.read-top .read-fraction{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.read-page{flex:1;min-height:0;display:flex;position:relative}.read-area{flex:1;min-width:0;padding:1rem 0}.read-turn{background:0 0;border:none;border-radius:0;flex:none;width:3rem}.read-turn:hover{background:var(--bg-subtle)}.read-status{background:var(--bg);color:var(--text-muted);place-items:center;display:grid;position:absolute;inset:0}@media (width<=40rem){.read-turn{width:1.5rem}.watch-top,.watch-controls{padding:.75rem}}
