:root{--c-bg:#1b1612;--c-bg-deep:#120e0b;--c-panel:#241d18;--c-panel-2:#2f2620;--c-line:#3a2f27;--c-line-strong:#4a3b30;--c-text:#f2e8d8;--c-muted:#a79a86;--c-accent:#e0563a;--c-accent-hover:#ec6a4e;--c-teal:#3fa7a0;--c-danger:#c94d33;--c-glow:#ffd9a024;--c-paper:#efe4c8;--c-paper-2:#e2d3b0;--c-paper-edge:#c9b88f;--c-ink:#2c2419;--c-wood-1:#6b4529;--c-wood-2:#3e2715;--radius-s:6px;--radius-m:10px;--shadow-pop:0 16px 40px #0009;--font-ui:"Pretendard", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans CJK KR", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-mono:Consolas, "D2Coding", monospace;--font-type:"Courier New", "Nanum Gothic Coding", "D2Coding", var(--font-ui), monospace;--font-hand:"Ink Free", "Segoe Print", "Nanum Pen Script", "Bradley Hand", var(--font-ui), cursive;--toolbar-h:56px;--sidebar-w:240px;--spine-h:200px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:14px}button,input,select,textarea{font:inherit}.app{flex-direction:column;min-width:1024px;height:100%;display:flex}.toolbar{z-index:60;height:var(--toolbar-h);background:var(--c-panel);border-bottom:1px solid var(--c-line);flex:none;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.brand{letter-spacing:.5px;color:var(--c-paper);white-space:nowrap;margin:0 8px 0 0;font-size:15px;font-weight:800}.brand small{color:var(--c-muted);letter-spacing:2px;font-size:10px;font-weight:400;display:block}.view-name{white-space:nowrap;font-weight:700}.count{color:var(--c-muted);white-space:nowrap}.toolbar .grow{flex:1}.scan-status{white-space:nowrap;font-size:12px}.body{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);background:var(--c-panel);border-right:1px solid var(--c-line);flex-direction:column;flex:none;display:flex}.side-scroll{flex:1;min-height:0;padding:12px 10px 8px;overflow-y:auto}.side-folders{border-top:1px solid var(--c-line);flex:none;max-height:168px;padding:4px 10px 10px;overflow-y:auto}.stage{flex:1;min-width:0;position:relative;overflow-y:auto}.side-wrap{display:contents}.side-veil,.menu-btn{display:none}.login{background:var(--c-bg);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{background:var(--c-panel);border:1px solid var(--c-line-strong);border-radius:12px;gap:16px;width:min(360px,100%);padding:28px 24px;display:grid}.login-card .brand{margin:0 0 4px;font-size:20px}.login-card .btn{justify-self:stretch;padding:10px}.app.web{min-width:0}@media (width<=760px){.app{min-width:0}.toolbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 10px}.toolbar .brand small,.toolbar .count{display:none}.toolbar .brand{margin:0;font-size:13px}.toolbar .view-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.toolbar .search{flex:100%;order:10}.toolbar select.field{flex:1 1 0;order:11;min-width:0;padding-left:6px;padding-right:2px;font-size:12px}.menu-btn{padding:4px 10px;font-size:18px;display:inline-flex}.side-wrap{z-index:90;width:min(280px,84vw);transition:transform .16s ease-out;display:block;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.side-wrap .sidebar{width:100%;height:100%}.app.side-open .side-wrap{transform:none;box-shadow:0 0 40px #0009}.app.side-open .side-veil{z-index:89;background:#00000080;display:block;position:fixed;inset:0}.app .selection-bar{flex-wrap:wrap;max-width:calc(100vw - 16px);left:50%}.app .veil{place-items:stretch stretch}.app .detail{border:0;border-radius:0;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:16px;width:100vw;height:100dvh;padding:44px 14px 20px;overflow-y:auto}.app .detail-left{min-height:auto}.app .detail-left .side-actions{grid-template-columns:1fr 1fr;display:grid}.app .detail-left .side-actions .side-sep,.detail-left .side-actions .drop-note{grid-column:1/-1}.app .detail-right{min-height:auto}.app .editor{height:auto;overflow:visible}.app .editor-actions{z-index:2;background:var(--c-panel);border-top:1px solid var(--c-line);width:auto;margin:12px -14px -20px;padding:10px 14px;position:sticky;bottom:0;left:auto}.app .editor-grid{grid-template-columns:minmax(0,1fr)}.app .fld.span2{grid-column:auto}.app .dialog{width:calc(100vw - 16px);max-width:none}.app .settings{grid-template-columns:minmax(0,1fr)}}.muted{color:var(--c-muted)}.small{font-size:12px}.empty{color:var(--c-muted);text-align:center;padding:48px 24px}.btn{font:inherit;color:var(--c-text);background:var(--c-panel-2);border:1px solid var(--c-line);border-radius:var(--radius-s);cursor:pointer;padding:6px 14px}.btn:hover:not(:disabled){border-color:var(--c-muted)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn.small{padding:2px 10px;font-size:12px}.chip{background:var(--c-panel-2);border:1px solid var(--c-line);color:var(--c-muted);border-radius:4px;margin-left:6px;padding:0 6px;font-size:11px;display:inline-block}.chip.tag{color:var(--c-teal);border-color:var(--c-teal)}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.btn:focus-visible,.field:focus-visible,.nav-item:focus-visible,.nav-group-head:focus-visible{outline:2px solid var(--c-teal);outline-offset:1px}.field{background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);padding:6px 10px}.field:hover{border-color:var(--c-muted)}.field.search{width:240px}.field::placeholder{color:var(--c-muted)}.side-title{letter-spacing:2px;color:var(--c-muted);margin:16px 8px 6px;font-size:11px;font-weight:600}.side-folders .side-title{margin-top:10px}.side-note{margin:0;padding:4px 10px;list-style:none}.nav{margin:0;padding:0;list-style:none}.nav-item{border-radius:var(--radius-s);width:100%;color:var(--c-text);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.nav-item:hover{background:var(--c-panel-2)}.nav-item.sub{color:#d8cdb9;padding-left:24px}.nav-item.is-zero{color:var(--c-muted)}.nav-item.active{background:var(--c-accent);color:#fff}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-count{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:12px}.nav-item.active .nav-count{color:#fff}.nav-group-head{border-radius:var(--radius-s);width:100%;color:var(--c-muted);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.nav-group-head:hover{color:var(--c-text)}.caret{border:4px solid #0000;border-left-color:currentColor;border-right-width:0;width:0;height:0;margin:0 4px 0 2px;transition:transform .12s}.nav-group-head[aria-expanded=true] .caret{transform:rotate(90deg)}.nav-group{list-style:none}.folder-list{margin:0;padding:0;list-style:none}.folder-list li{align-items:center;gap:8px;padding:4px 6px;display:flex}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.dot{background:var(--c-danger);border-radius:50%;flex:none;width:7px;height:7px}.dot.ok{background:var(--c-teal)}.setting-group{border:0;margin:0 0 12px;padding:0}.setting-group legend{color:var(--c-muted);margin-bottom:8px;padding:0;font-size:12px}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.seg{color:var(--c-text);cursor:pointer;background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);justify-items:center;gap:2px;padding:10px 6px;display:grid}.seg small{color:var(--c-muted);font-size:11px}.seg:hover{border-color:var(--c-muted)}.seg.on{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.scan-review{padding:20px 24px 40px}.scan-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.scan-head h2{margin:0 0 4px;font-size:18px}.scan-head p{margin:0}.scan-actions{flex:none;gap:8px;display:flex}.notice-line{border-left:3px solid var(--c-accent);background:var(--c-panel);margin:0 0 12px;padding:8px 12px}.scan-table{border-collapse:collapse;width:100%}.scan-table th,.scan-table td{text-align:left;border-bottom:1px solid var(--c-line);vertical-align:middle;padding:8px 10px}.scan-table th{color:var(--c-muted);font-size:12px;font-weight:600}.scan-table .num{text-align:right}.scan-table .name{word-break:break-all;max-width:280px}.scan-table tr.is-excluded td{opacity:.45}.skipped{margin-top:20px}.skipped summary{cursor:pointer;color:var(--c-muted)}.skipped ul{max-height:240px;margin:8px 0 0;padding-left:20px;overflow-y:auto}code{font-family:var(--font-mono);font-size:12px}.dialog-backdrop{z-index:100;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--c-panel);border:1px solid var(--c-line-strong);border-radius:var(--radius-m);width:min(440px,100vw - 32px);box-shadow:var(--shadow-pop);padding:20px}.dialog-title{margin:0 0 10px;font-size:16px}.dialog-body{word-break:break-word;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.btn.on{background:var(--c-teal);border-color:var(--c-teal);color:#0f1a19;font-weight:700}.btn.danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff;font-weight:600}.btn.danger:hover:not(:disabled){background:#d85d41;border-color:#d85d41}.btn.ghost{color:var(--c-muted);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--c-text);border-color:var(--c-line-strong)}.dialog-p{color:#d8cdb9;margin:0 0 10px}.dialog-actions .grow{flex:1}.dialog-actions .small-left{margin-right:auto}.side-head{justify-content:space-between;align-items:center;gap:8px;margin:16px 0 6px;padding-right:2px;display:flex}.side-head .side-title{margin:0 8px}.cat-li{list-style:none;position:relative}.cat-toggle{z-index:1;width:20px;height:24px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:50%;translate:0 -50%}.cat-toggle:hover{color:var(--c-text);background:var(--c-panel-2)}.cat-toggle .caret{margin:0}.cat-toggle[aria-expanded=true] .caret{transform:rotate(90deg)}.nav-item.cat{border:1px solid #0000;padding-top:6px;padding-bottom:6px}.nav-item.cat.menu-open{background:var(--c-panel-2);border-color:var(--c-line-strong)}.nav-item.cat.active.menu-open{background:var(--c-accent)}.nav-item.drop-target{border:1px dashed var(--c-teal);color:#fff;background:#3fa7a038;box-shadow:0 0 0 2px #3fa7a040}.drop-hint{background:var(--c-teal);color:#0f1a19;border-radius:999px;flex:none;padding:0 7px;font-size:11px;font-weight:800;line-height:18px}.nav-item.cat *{pointer-events:none}.ctx-menu{z-index:120;background:var(--c-panel-2);border:1px solid var(--c-line-strong);border-radius:var(--radius-m);min-width:168px;box-shadow:var(--shadow-pop);margin:0;padding:4px;list-style:none;position:fixed}.ctx-menu li.sep{border-top:1px solid var(--c-line);margin-top:4px;padding-top:4px}.ctx-menu button{width:100%;color:var(--c-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 12px}.ctx-menu button:hover:not(:disabled),.ctx-menu button:focus-visible{background:var(--c-accent);color:#fff;outline:none}.ctx-menu button:disabled{color:var(--c-muted);opacity:.5;cursor:default}.ctx-menu button.danger:not(:disabled){color:#f08a74}.ctx-menu button.danger:hover:not(:disabled),.ctx-menu button.danger:focus-visible{background:var(--c-danger);color:#fff}.prompt .fld{color:var(--c-muted)}.prompt .form-error{margin:8px 0 0}.choices{gap:8px;margin-top:4px;display:grid}.choice{cursor:pointer;background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.choice:hover{border-color:var(--c-muted)}.choice.on{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.choice input{accent-color:var(--c-accent);margin-top:3px}.choice b{font-weight:600;display:block}.choice small{color:var(--c-muted);margin-top:2px;font-size:12px;display:block}.pick-list{background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);max-height:300px;margin:0;padding:4px;list-style:none;overflow-y:auto}.pick-row{width:100%;color:var(--c-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.pick-row:hover{background:var(--c-panel-2)}.pick-row.on{background:var(--c-accent);color:#fff}.pick-row.on .muted{color:#fff}.pick-row:focus-visible{outline:2px solid var(--c-teal);outline-offset:-2px}.pick-path{margin:8px 0 0}.selection-bar{z-index:55;bottom:18px;left:calc(var(--sidebar-w) + (100vw - var(--sidebar-w)) / 2);max-width:calc(100vw - var(--sidebar-w) - 32px);background:var(--c-panel);border:1px solid var(--c-teal);border-radius:var(--radius-m);box-shadow:var(--shadow-pop), 0 0 0 4px #3fa7a024;align-items:center;gap:8px;padding:10px 14px;animation:.14s ease-out bar-in;display:flex;position:fixed;translate:-50%}@keyframes bar-in{0%{opacity:0;translate:-50% 10px}to{opacity:1;translate:-50%}}.sel-count{white-space:nowrap;min-width:128px;color:var(--c-muted)}.sel-count b{color:var(--c-teal);margin-right:2px;font-size:16px}.sel-sep{background:var(--c-line-strong);align-self:stretch;width:1px;margin:0 4px}.selection-bar .btn{white-space:nowrap}.toast-slot{z-index:90;left:calc(var(--sidebar-w) + (100vw - var(--sidebar-w)) / 2);pointer-events:none;position:fixed;bottom:88px;translate:-50%}.toast{background:var(--c-paper);color:var(--c-ink);white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;animation:.16s ease-out toast-in;box-shadow:0 10px 24px #0000008c}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.drag-chip{background:var(--c-teal);color:#0f1a19;font:700 13px var(--font-ui);border-radius:999px;padding:6px 12px;position:fixed;top:-100px;left:-100px}.cat-check{background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);margin:0;padding:6px 10px;list-style:none}.cat-check li{padding-top:3px;padding-bottom:3px}.cat-check .check{color:var(--c-text);font-size:13px}.cat-check input{accent-color:var(--c-accent)}.cat-check li{align-items:center;gap:8px;display:flex}.cat-check .cat-sub{color:var(--c-muted);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:999px;margin-left:auto;padding:0 8px;font-size:11px;line-height:18px}.cat-check li:hover .cat-sub,.cat-check .cat-sub:focus-visible{opacity:1}.cat-check .cat-sub:hover{color:var(--c-text);border-color:var(--c-line-strong)}.cat-check-empty{margin:0}.genre-list{flex-wrap:wrap;gap:6px;display:flex}.genre-opt{border:1px solid var(--c-line-strong);color:var(--c-muted);cursor:pointer;background:0 0;border-radius:999px;padding:2px 10px;font-size:12px;line-height:18px}.genre-opt:hover{color:var(--c-text);border-color:var(--c-muted)}.genre-opt.on{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.state-pill{border:1px solid;border-radius:999px;flex:none;padding:0 7px;font-size:11px;font-weight:700;line-height:17px}.state-pill.ok{color:var(--c-teal);border-color:var(--c-teal)}.state-pill.bad{color:#f08a74;border-color:var(--c-danger);background:#c94d331f}.folder-list .state-pill{padding:0 5px;font-size:10px;line-height:15px}.btn.danger-text{color:#f08a74}.btn.danger-text:hover:not(:disabled){color:#fff;border-color:var(--c-danger);background:#c94d332e}.side-sep{background:var(--c-line);height:1px;margin:4px 0}.dialog.wide{width:min(780px,100vw - 32px)}.settings{grid-template-columns:148px minmax(0,1fr);gap:20px;height:min(540px,100vh - 200px);display:grid}.set-tabs{border-right:1px solid var(--c-line);flex-direction:column;gap:2px;padding-right:14px;display:flex}.set-tab{border-radius:var(--radius-s);color:var(--c-muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 12px}.set-tab:hover{background:var(--c-panel-2);color:var(--c-text)}.set-tab.on{background:var(--c-panel-2);color:var(--c-text);box-shadow:inset 3px 0 0 var(--c-accent);font-weight:700}.set-tab:focus-visible{outline:2px solid var(--c-teal);outline-offset:-2px}.set-panel{min-width:0;padding-right:6px;overflow-y:auto}.set-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.set-head p{margin:4px 0 0}.set-empty{text-align:center;padding:28px 0}.set-folders{gap:8px;margin:0;padding:0;list-style:none;display:grid}.set-folders li{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius-s);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.set-folders li.bad{border-color:#c94d3399}.set-folders .dot{margin-top:6px}.set-folder-main{flex:1;gap:3px;min-width:0;display:grid}.set-folder-name{align-items:center;gap:8px;display:flex}.set-folder-path{text-overflow:ellipsis;white-space:nowrap;color:#cfc3ae;overflow:hidden}.set-folder-actions{flex:none;gap:6px;display:flex}.set-row{border-bottom:1px solid var(--c-line);grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.set-row:last-of-type{border-bottom:0}.set-label{color:var(--c-muted);padding-top:7px;font-size:13px}.set-value{align-content:start;gap:8px;min-width:0;display:grid}.set-value p{margin:0}.set-path{text-overflow:ellipsis;white-space:nowrap;background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);color:#e3d7c2;padding:7px 10px;display:block;overflow:hidden}.set-buttons{flex-wrap:wrap;gap:8px;display:flex}.set-note{border-left:3px solid var(--c-line-strong);background:var(--c-panel-2);color:#cfc3ae;margin:6px 0 0;padding:10px 12px;font-size:12px;line-height:1.7}.set-msg{border-radius:var(--radius-s);word-break:break-all;padding:8px 12px;font-size:13px}.set-msg.ok{color:#9fe0da;border:1px solid var(--c-teal);background:#3fa7a024}.set-msg.error{color:#f08a74;border:1px solid var(--c-danger);background:#c94d331f}.wide-field{width:100%}.set-block{margin-bottom:22px}.set-block h4{margin:0 0 8px;font-size:13px}.chip-list{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.rule-chip{color:#d8cdb9;font:12px var(--font-mono);background:#3a2f27;border-radius:4px;padding:2px 9px}.rule-chip.file{background:#2b3140}.rule-notes{color:var(--c-muted);margin:4px 0 0;padding-left:18px;font-size:12px;line-height:1.8}.excl-list{gap:6px;margin:0 0 6px;padding:0;list-style:none;display:grid}.excl-list li{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius-s);justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.excl-list code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.set-inline{align-items:center;gap:8px;margin-bottom:6px;display:flex}.set-inline .field{width:200px}.set-h{margin:0 0 4px;font-size:14px}.device-list{gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.device-list li{background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.device-logout{margin-top:18px}.sync-badge{border:1px solid var(--c-line-strong);color:var(--c-muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.sync-badge:hover{color:var(--c-text)}.sync-dot{background:var(--c-teal);border-radius:50%;width:7px;height:7px}.sync-badge.syncing .sync-dot{background:#e0b04a;animation:1s ease-in-out infinite sync-pulse}.sync-badge.offline .sync-dot{background:var(--c-muted)}.sync-badge.error{color:#f08a74;border-color:var(--c-danger)}.sync-badge.error .sync-dot{background:var(--c-danger)}@keyframes sync-pulse{50%{opacity:.3}}.btn.update-btn{border-color:var(--c-teal);color:var(--c-teal);white-space:nowrap}.btn.update-btn:hover{background:var(--c-teal);color:#0f1a19}.guest-badge{border:1px solid var(--c-teal);color:var(--c-teal);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.app.guest .vrow{cursor:default}.shelf{--s:1;--h:calc(var(--spine-h) * var(--s));background:radial-gradient(1200px 320px at 50% -40px, var(--c-glow), transparent 70%), var(--c-bg);min-height:100%;padding:118px 0 72px;position:relative}.shelf-row{min-height:calc(var(--h) + 54px);background:linear-gradient(#0000,#00000038);align-items:flex-end;gap:2px;padding:30px 28px 24px;display:flex;position:relative}.shelf-row:before{content:"";pointer-events:none;background:linear-gradient(#0000,#00000061);height:36px;position:absolute;bottom:24px;left:0;right:0}.shelf-row:after{content:"";background:repeating-linear-gradient(90deg, #0000000d 0 3px, #ffffff05 3px 7px), linear-gradient(var(--c-wood-1), var(--c-wood-2));height:24px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 8px 14px #0000008c,inset 0 2px #ffffff1a,inset 0 -2px #00000040}.shelf-row.is-empty{min-height:calc(var(--h) + 54px)}.shelf-empty{text-align:center;z-index:2;justify-items:center;gap:6px;padding:0 24px;display:grid;position:absolute;top:190px;left:0;right:0}.shelf-empty p{margin:0}.shelf-empty .btn{margin-top:10px}.shelf-empty-title{color:var(--c-paper);font-size:18px;font-weight:700}.divider{height:calc(var(--h) + 6px);color:#3e2715;font-weight:800;font-size:calc(15px * var(--s));writing-mode:vertical-rl;background:linear-gradient(90deg,#e9dbb7,#c9b88f);border-radius:3px 3px 0 0;flex:0 0 26px;place-items:center;margin:0 6px 0 4px;display:grid;box-shadow:inset -2px 0 #00000026,0 2px 4px #00000073}.divider span{letter-spacing:1px}.spine{--bw:30;width:calc(var(--bw) * var(--s) * 1px);height:var(--h);cursor:pointer;transform-origin:bottom;outline:none;flex:none;transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s;position:relative}.spine.vhs{--bw:36}.spine.dvd{--bw:18}.spine.neutral{--bw:30}.spine .body{background-repeat:no-repeat;background-size:100% 100%;border-radius:2px 2px 0 0;position:absolute;inset:0;box-shadow:0 2px 4px #00000080}.spine.vhs .body{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAyMDAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIyMDAiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJjYXNlIiB4MT0iMCIgeDI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzJhMjYyMiIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiMxNTEyMGYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyYTI2MjIiLz48L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsYWJlbCIgeDE9IjAiIHgyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmM2U4Y2YiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlMmQzYjAiLz48L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cmVjdCB3aWR0aD0iMzYiIGhlaWdodD0iMjAwIiByeD0iMiIgZmlsbD0idXJsKCNjYXNlKSIvPgogIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIzNCIgaGVpZ2h0PSIxOTgiIHJ4PSIyIiBmaWxsPSJub25lIiBzdHJva2U9IiMzYTM1MzEiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwhLS0g7IOB64uoOiDthYzsnbTtlIQg66a0IOyVhOydtOy9mCAo66ek7LK0IO2RnOyLnCkgLS0+CiAgPHJlY3QgeD0iNSIgeT0iNSIgd2lkdGg9IjI2IiBoZWlnaHQ9IjMwIiByeD0iMiIgZmlsbD0iIzBhMDkwOCIvPgogIDxjaXJjbGUgY3g9IjEyLjUiIGN5PSIxNyIgcj0iNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzljMmI2IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxjaXJjbGUgY3g9IjEyLjUiIGN5PSIxNyIgcj0iMS42IiBmaWxsPSIjYzljMmI2Ii8+CiAgPGNpcmNsZSBjeD0iMjMuNSIgY3k9IjE3IiByPSI1IiBmaWxsPSJub25lIiBzdHJva2U9IiNjOWMyYjYiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGNpcmNsZSBjeD0iMjMuNSIgY3k9IjE3IiByPSIxLjYiIGZpbGw9IiNjOWMyYjYiLz4KICA8cmVjdCB4PSI5IiB5PSIyNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjIiIGZpbGw9IiNjOWMyYjYiLz4KICA8dGV4dCB4PSIxOCIgeT0iMzMuNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IkFyaWFsIE5hcnJvdywgQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iNiIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iIzhkODU3YSIgbGV0dGVyLXNwYWNpbmc9Ii44Ij5WSFM8L3RleHQ+CiAgPCEtLSDsooXsnbQg652867KoICjsoJzrqqkpIC0tPgogIDxyZWN0IHg9IjQiIHk9IjQyIiB3aWR0aD0iMjgiIGhlaWdodD0iMTI2IiBmaWxsPSJ1cmwoI2xhYmVsKSIvPgogIDxyZWN0IHg9IjQiIHk9IjQyIiB3aWR0aD0iMjgiIGhlaWdodD0iNCIgZmlsbD0iI2M5NGQzMyIvPgogIDxyZWN0IHg9IjQiIHk9IjE2NCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjQiIGZpbGw9IiNjOTRkMzMiLz4KICA8IS0tIO2VmOuLqDog7KKF66WYIOuwsOyngCDsnpDrpqwgKFRWQS9PVkEvRmlsbSDquIDsnpDripQg7JWx7J20IOyYrOumsOuLpCkgLS0+CiAgPHJlY3QgeD0iNSIgeT0iMTc0IiB3aWR0aD0iMjYiIGhlaWdodD0iMjAiIHJ4PSIyIiBmaWxsPSIjZWZlNGM4Ii8+CiAgPHJlY3QgeD0iNSIgeT0iMTc0IiB3aWR0aD0iMjYiIGhlaWdodD0iMjAiIHJ4PSIyIiBmaWxsPSJub25lIiBzdHJva2U9IiMzYTM1MzEiLz4KPC9zdmc+Cg==)}.spine.dvd .body{--a:#3a4256;--b:#262c3b;--c:#1b2030;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAyMDAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMDAiPgogIDwhLS0g67CU7YOVIOq3uOudvOuNsOydtOyFmOydgCBDU1MoLnNwaW5lLmR2ZCAuYm9keSnqsIAg6rmQ64ukOiDsu6TrsoQg7Y+J6reg7IOJKHRpbnQg67OA7IiYKeycvOuhnCDrsJTqv4Ag7IiYIOyeiOqyjCDsnbQgU1ZH7JeQ64qUIOuEo+yngCDslYrripTri6QgLS0+CiAgPHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxOTciIHJ4PSIxIiBmaWxsPSJub25lIiBzdHJva2U9InJnYmEoMjU1LDI1NSwyNTUsLjEyKSIvPgogIDwhLS0g7IOB64uoOiBEVkQg66Gc6rOgICjrp6TssrQg7ZGc7IucKSAtLT4KICA8cmVjdCB4PSIyLjUiIHk9IjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIyNCIgcng9IjEuNSIgZmlsbD0iI2Q5ZGRlNiIvPgogIDx0ZXh0IHg9IjkiIHk9IjE1LjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSI2LjUiIGZvbnQtd2VpZ2h0PSI4MDAiIGZpbGw9IiMyNjJjM2IiPkRWRDwvdGV4dD4KICA8ZWxsaXBzZSBjeD0iOSIgY3k9IjIyIiByeD0iNC41IiByeT0iMS44IiBmaWxsPSJub25lIiBzdHJva2U9IiMyNjJjM2IiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgPHJlY3QgeD0iMyIgeT0iMzEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LC4yNSkiLz4KICA8IS0tIO2VmOuLqDog7KKF66WYIOuwsOyngCDsnpDrpqwgKFRWQS9PVkEvRmlsbSDquIDsnpDripQg7JWx7J20IOyYrOumsOuLpCkgLS0+CiAgPHJlY3QgeD0iMi41IiB5PSIxNzQiIHdpZHRoPSIxMyIgaGVpZ2h0PSIyMCIgcng9IjEuNSIgZmlsbD0iI2Q5ZGRlNiIvPgo8L3N2Zz4K), linear-gradient(90deg, var(--a), var(--b) 35%, var(--c))}.spine.dvd.tinted .body{--a:color-mix(in srgb, var(--tint) 78%, #fff);--b:var(--tint);--c:color-mix(in srgb, var(--tint) 68%, #000)}.spine.neutral .body{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAyMDAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMDAiPgogIDxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iY2FzZSIgeDE9IjAiIHgyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2YTY3NjEiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNGU0YjQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNmE2NzYxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+CiAgPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwMCIgcng9IjIiIGZpbGw9InVybCgjY2FzZSkiLz4KICA8IS0tIOyDgeuLqDog66y87J2M7ZGcICjtmZTsp4gg66+467aE66WYKSAtLT4KICA8cmVjdCB4PSI0IiB5PSI1IiB3aWR0aD0iMjIiIGhlaWdodD0iMjYiIHJ4PSIyIiBmaWxsPSIjM2EzNzMzIi8+CiAgPHRleHQgeD0iMTUiIHk9IjIzIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSI4MDAiIGZpbGw9IiNiOGIyYTYiPj88L3RleHQ+CiAgPHJlY3QgeD0iNCIgeT0iMzgiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxMzAiIGZpbGw9IiNkOGQyYzQiLz4KICA8IS0tIO2VmOuLqDog7KKF66WYIOuwsOyngCDsnpDrpqwgLS0+CiAgPHJlY3QgeD0iNCIgeT0iMTc0IiB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHJ4PSIyIiBmaWxsPSIjZDhkMmM0Ii8+Cjwvc3ZnPgo=)}.spine.watching .body{transform:rotate(180deg)}.spine .t{writing-mode:vertical-rl;justify-content:flex-start;align-items:center;font-weight:700;display:flex;position:absolute;inset:0;overflow:hidden}.spine .t>span{white-space:nowrap;text-overflow:ellipsis;min-height:0;max-height:100%;display:block;overflow:hidden}.spine.vhs .t{padding:calc(46px * var(--s)) 0 calc(36px * var(--s));color:var(--c-ink);font-size:calc(12px * var(--s));letter-spacing:.5px}.spine.dvd .t{padding:calc(36px * var(--s)) 0 calc(32px * var(--s));color:#e6e9f0;font-size:calc(11px * var(--s))}.spine.neutral .t{padding:calc(42px * var(--s)) 0 calc(36px * var(--s));color:#3a3733;font-size:calc(12px * var(--s))}.spine .art{inset:calc(42px * var(--s)) calc(4px * var(--s)) calc(32px * var(--s));position:absolute;overflow:hidden;box-shadow:0 0 0 1px #00000073}.spine.dvd .art{inset:calc(34px * var(--s)) calc(2.5px * var(--s)) calc(30px * var(--s))}.spine.neutral .art{inset:calc(38px * var(--s)) calc(4px * var(--s)) calc(32px * var(--s))}.spine .art img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.spine .art:after{content:"";background:linear-gradient(90deg,#00000026,#00000080 50%,#00000026);position:absolute;inset:0}.spine.has-cover .t{color:#fff;text-shadow:0 0 2px #000000f2,0 0 4px #000000b3}.spine .k{left:0;right:0;bottom:calc(6px * var(--s));height:calc(20px * var(--s));writing-mode:horizontal-tb;font-size:calc(7px * var(--s));letter-spacing:.3px;color:var(--c-ink);place-items:center;font-weight:800;display:grid;position:absolute}.spine.dvd .k{font-size:calc(6px * var(--s));color:#262c3b;letter-spacing:0}.spine .k.film{font-size:calc(6.5px * var(--s))}.spine.dvd .k.film{font-size:calc(5px * var(--s))}.spine.watched:before{content:"";top:calc(3px * var(--s));z-index:1;width:72%;height:calc(5px * var(--s));background:var(--c-teal);border-radius:1px;position:absolute;left:50%;translate:-50%}.spine.missing{opacity:.4;filter:grayscale()}.shelf-row>.divider{transition:transform .2s cubic-bezier(.2,.7,.3,1)}.shelf-row:has(>.spine.hot){--push:calc(var(--hbw) * var(--s) * .3px)}.shelf-row:has(>.spine.vhs:hover){--hbw:36}.shelf-row:has(>.spine.dvd:hover){--hbw:18}.shelf-row:has(>.spine.neutral:hover){--hbw:30}.shelf-row:has(>.spine.hot)>*{transform:translateX(calc(var(--push) * -1))}.shelf-row:has(>.spine.hot)>.spine.hot~*{transform:translateX(var(--push))}.spine:focus-visible{z-index:3;will-change:transform;transform:scale(1.6)translateY(-8px);box-shadow:0 14px 24px #000000a6}.shelf-row:has(>.spine.hot)>.spine.hot{z-index:3;will-change:transform;transform:scale(1.6)translateY(-8px);box-shadow:0 14px 24px #000000a6}.spine:focus-visible .body{outline:2px solid var(--c-teal);outline-offset:1px}.tag-tip{z-index:50;pointer-events:none;--tag-x:calc(var(--sidebar-w) + (100vw - var(--sidebar-w)) / 2);top:var(--toolbar-h);left:var(--tag-x);transform-origin:50% 0;filter:drop-shadow(0 10px 14px #0009);animation:.22s ease-out swing;position:fixed;transform:rotate(-3deg)}.tag-tip.at-left{left:calc(var(--tag-x) - 250px)}.tag-tip.at-right{left:calc(var(--tag-x) + 250px)}@keyframes swing{0%{opacity:0;transform:rotate(-7deg)}to{opacity:1;transform:rotate(-3deg)}}.tag-tip .string{background:#b9a67c;width:1.5px;height:26px;position:absolute;top:0;left:50%;translate:-50%}.tag-tip .card{width:210px;color:var(--c-ink);border:1px solid var(--c-paper-edge);background:linear-gradient(#f6ecd4,#e8dab8);border-radius:4px;margin-top:26px;padding:12px 14px 11px;font-size:12px;position:relative}.tag-tip .card:before{content:"";background:var(--c-bg);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:50%;translate:-50%;box-shadow:inset 0 0 0 2px #b9a67c}.tag-tip .card b{overflow-wrap:anywhere;margin:12px 0 4px;font-size:13px;line-height:1.35;display:block}.tag-tip .m{color:#6b5f4d;letter-spacing:.3px;font-size:11px;display:block}.tag-tip .s{border:1.5px solid var(--c-danger);color:var(--c-danger);letter-spacing:1px;border-radius:3px;margin-top:7px;padding:1px 7px;font-size:10px;font-weight:800;display:inline-block;transform:rotate(-2deg)}@media (prefers-reduced-motion:reduce){.spine,.shelf-row>.divider{transition:none}.tag-tip{animation:none}}.spine.selected .body{outline:2px solid var(--c-teal);outline-offset:2px}.spine.selected:after{content:"✓";z-index:2;background:var(--c-teal);color:#0f1a19;width:18px;height:18px;font:800 12px/1 var(--font-ui);border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;left:50%;translate:-50%;box-shadow:0 2px 4px #00000080}.spine[draggable=true]{-webkit-user-drag:element}.veil{z-index:70;background:#0000009e;place-items:center;animation:.12s ease-out fade-in;display:grid;position:fixed;inset:0}.veil.closing{animation:.12s ease-in forwards fade-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.detail{background:var(--c-panel);border:1px solid var(--c-line-strong);border-radius:12px;outline:none;grid-template-columns:260px minmax(0,1fr);gap:28px;width:min(960px,94vw);height:min(640px,92vh);padding:28px 28px 24px 24px;display:grid;position:relative;box-shadow:0 30px 60px #000000b3}.detail .close{border-radius:var(--radius-s);width:32px;height:32px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.detail .close:hover{color:var(--c-text);background:var(--c-panel-2)}.detail.dropping{border-color:var(--c-teal)}.drop-hint{z-index:6;pointer-events:none;border:2px dashed var(--c-teal);background:#141e1dc7;border-radius:10px;place-items:center;display:grid;position:absolute;inset:8px}.drop-hint span{background:var(--c-teal);color:#0f1a19;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700}.detail-state{grid-column:1/-1;place-content:center;justify-items:center;gap:12px;display:grid}.detail-left{flex-direction:column;align-items:center;min-height:0;display:flex}.detail-right{flex-direction:column;min-width:0;min-height:0;display:flex}.front{place-items:center;width:260px;height:260px;display:grid;position:relative}.front.missing{filter:grayscale();opacity:.5}.front .media{position:relative}.front .media-title{overflow-wrap:anywhere;word-break:keep-all}.front .cover-art{background:#201c19;position:relative;overflow:hidden}.front .cover-art img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cassette{aspect-ratio:187/103;filter:drop-shadow(0 10px 12px #0009);width:256px}.cassette-shell{width:100%;height:100%;position:absolute;inset:0}.vlabel{color:#26283a;background:linear-gradient(#fbfaf6,#efede6);border-radius:1px;flex-direction:column;width:40.107%;height:49.515%;display:flex;position:absolute;top:25.243%;left:29.947%;overflow:hidden;box-shadow:0 0 0 .5px #0009,inset 0 0 6px #0000001a}.vtext{z-index:2;min-height:0;font-family:var(--font-type);background:repeating-linear-gradient(#0000 0 10px,#5a78aa33 10px 11px);flex-direction:column;flex:1;padding:4px 5px 2px;display:flex;position:relative}.vlabel .media-title{text-align:center;color:#1d2142;flex:1;justify-content:center;align-items:center;min-height:0;font-size:11px;font-weight:700;line-height:1.15;display:flex;overflow:hidden}.vyear{text-align:center;letter-spacing:1px;color:#5d6070;font-size:7px;line-height:9px}.vband{background:linear-gradient(#a9cbe6,#8fb8db);border-top:1px solid #3c649659;flex:none;height:24%}.vlabel .cover-art{position:absolute;inset:0}.vlabel.has-cover:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#0003 60%,#000000c7);position:absolute;inset:0;box-shadow:inset 0 0 6px #0000004d}.vlabel.has-cover .vtext{background:0 0;padding:3px 5px}.vlabel.has-cover .media-title{text-align:left;color:#fff;text-shadow:0 1px 3px #000000e6;justify-content:flex-start;align-items:flex-end;font-size:10px}.vlabel.has-cover .vyear{text-align:left;color:#ffffffd9;text-shadow:0 1px 2px #000000e6}.vlabel.blank .media-title{font-family:var(--font-hand);color:#3f4152;font-size:13px;font-weight:400;transform:rotate(-2deg)}.vlabel.blank .vyear{font-family:var(--font-hand);letter-spacing:0;font-size:9px}.vlabel.blank .vband{background:linear-gradient(#d5d8de,#c3c7cf);border-top-color:#00000026}.reel{transform-box:view-box}.disc{filter:drop-shadow(0 10px 12px #0000008c);border-radius:50%;width:236px;height:236px}.disc-spin,.disc-spin>div,.disc-gloss{border-radius:50%;position:absolute;inset:0}.disc-base{background:repeating-radial-gradient(circle closest-side,#00000009 0 1px,#0000 1px 3px),conic-gradient(from 30deg,#eef0f5,#b7c3d8,#f1e4f4,#b9e0e6,#efecd2,#d9b8d4,#bccbe6,#f3f4f8,#b8c2d4,#e7dff0,#eef0f5);-webkit-mask:radial-gradient(closest-side,#0000 0 29%,#000 29.3%);mask:radial-gradient(closest-side,#0000 0 29%,#000 29.3%)}.disc-hub{background:conic-gradient(#ffffff57,#aac3e11a,#ffffff4d,#c8b4e11f,#ffffff57);-webkit-mask:radial-gradient(closest-side,#0000 0 12.5%,#000 12.8% 29.5%,#0000 29.8%);mask:radial-gradient(closest-side,#0000 0 12.5%,#000 12.8% 29.5%,#0000 29.8%)}.disc-print{color:#f6ecd4;text-shadow:0 1px 3px #000000b3;background:radial-gradient(closest-side, color-mix(in srgb, var(--tint) 55%, #fff) 30%, var(--tint) 85%, color-mix(in srgb, var(--tint) 70%, #000));overflow:hidden;-webkit-mask:radial-gradient(closest-side,#0000 0 32%,#000 32.3% 96.2%,#0000 96.5%);mask:radial-gradient(closest-side,#0000 0 32%,#000 32.3% 96.2%,#0000 96.5%)}.disc-print .cover-art{position:absolute;inset:0}.disc-print.has-cover{-webkit-mask:radial-gradient(closest-side,#0000 0 12.8%,#000 13.1% 98.6%,#0000 98.9%);mask:radial-gradient(closest-side,#0000 0 12.8%,#000 13.1% 98.6%,#0000 98.9%)}.disc-print.has-cover:before{content:"";z-index:1;background:linear-gradient(#0000 60%,#0000004d 74%,#000000c7 90%);position:absolute;inset:0}.disc-print.has-cover .print-band{padding-bottom:30px}.disc.has-cover .disc-ring{background:radial-gradient(closest-side,#0000 0 12%,#ffffffd9 12.2% 13%,#00000059 13.2% 14%,#0000 14.3% 29.4%,#ffffff29 29.6% 30.4%,#0000 30.7% 96.8%,#ffffff8c 97.4% 98.4%,#0000004d 99.2% 100%)}.print-rays{background:repeating-conic-gradient(from 8deg, #ffffff21 0 7deg, transparent 7deg 14deg);position:absolute;inset:0}.print-swoosh{opacity:.9;background:linear-gradient(118deg,#0000 33%,#f1b52f 33% 37%,#e8742a 37% 41%,#c8302b 41% 45%,#0000 45%);position:absolute;inset:0}.print-band{z-index:2;text-align:center;font-family:var(--font-type);flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:42px;display:flex;position:absolute;inset:0}.print-logo{letter-spacing:3px;color:#f6ecd4;opacity:.9;font-size:9px;font-weight:700;position:absolute;top:20px;left:0;right:0}.disc-print .media-title{max-width:150px;max-height:2.5em;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.disc-print .vyear{color:#f6ecd4;opacity:.85;margin-top:2px}.disc-ring{pointer-events:none;background:radial-gradient(closest-side,#0000 0 12%,#fffc 12.2% 13%,#0000 13.3% 29%,#0000004d 29.2% 29.8%,#ffffffd9 30% 31.2%,#00000040 31.6% 32.3%,#0000 32.6% 96%,#0000004d 96.3% 96.8%,#ffffffe6 97.5% 98.5%,#00000040 99.4% 100%)}.disc-gloss{pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 0deg, transparent 0 8%, #ffffff4d 14%, transparent 21% 52%, #ffffff3d 62%, transparent 70%);-webkit-mask:radial-gradient(closest-side,#0000 0 13%,#000 13.5%);mask:radial-gradient(closest-side,#0000 0 13%,#000 13.5%)}@media (prefers-reduced-motion:no-preference){.front:hover .reel{animation:2.2s linear infinite reverse media-spin}.disc-spin{animation:9s linear infinite paused media-spin}.front:hover .disc-spin{animation-play-state:running}@keyframes media-spin{to{transform:rotate(360deg)}}}.side-actions{flex-direction:column;gap:8px;width:100%;margin-top:18px;display:flex}.side-actions .drop-note{text-align:center;margin:-2px 0 0}.info h2{overflow-wrap:anywhere;margin:0 28px 6px 0;font-size:22px;line-height:1.25}.info .year{color:var(--c-muted);font-weight:400}.info .meta{color:var(--c-muted);font-size:13px;line-height:1.7}.info .meta b{color:var(--c-text);font-weight:600}.info .meta.path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.info .meta.path code{color:#cfc3ae;font-size:12px}.info .chips-row{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.info .desc{color:#d8cdb9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.pill{color:var(--c-text);background:#3a2f27;border-radius:999px;padding:2px 9px;font-size:12px;display:inline-block}.pill.tag{background:#2b3140}.chip.manual{color:var(--c-teal);border-color:var(--c-teal);margin-left:8px}.chip.warn{color:var(--c-danger);border-color:var(--c-danger);margin-left:0}.missing-banner{border:1px solid var(--c-danger);border-radius:var(--radius-s);background:#c94d331f;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 14px;display:flex}.missing-banner strong{color:#f08a74;display:block}.missing-banner .muted{font-size:12px}.progress{margin:14px 0 12px}.progress .bar{background:#3a2f27;border-radius:999px;height:10px;overflow:hidden}.progress .bar i{background:linear-gradient(90deg, var(--c-accent), #f08a5d);height:100%;transition:width .2s;display:block}.progress .txt{color:var(--c-muted);justify-content:space-between;margin-top:5px;font-size:12px;display:flex}.count-text{font-variant-numeric:tabular-nums}.actions{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.form-error{color:#f08a74;margin:0 0 8px;font-size:13px}.videos{border-top:1px solid var(--c-line);flex:1;min-height:0;margin-right:-8px;padding-right:8px;overflow-y:auto}.videos-empty{padding:16px 4px}.group-head{letter-spacing:.5px;color:var(--c-muted);justify-content:space-between;gap:12px;margin:12px 0 4px;font-size:12px;font-weight:600;display:flex}.group-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-count{font-variant-numeric:tabular-nums;flex:none}.vlist{margin:0;padding:0;list-style:none}.vrow{border-radius:var(--radius-s);cursor:pointer;grid-template-columns:22px minmax(0,1fr) auto auto auto 18px;align-items:center;gap:10px;padding:6px;display:grid}.vrow:hover{background:var(--c-panel-2)}.vrow input[type=checkbox]{width:16px;height:16px;accent-color:var(--c-accent);cursor:pointer;margin:0}.fname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vrow.watched .fname{color:var(--c-muted);text-decoration:line-through}.vrow.gone .fname{color:var(--c-muted);font-style:italic}.vdate{color:var(--c-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.vrow .mark{border-color:var(--c-teal);color:var(--c-teal);white-space:nowrap;animation:.16s ease-out fade-in}.count-toggle{border:1px solid var(--c-line-strong);color:var(--c-muted);cursor:pointer;opacity:.3;white-space:nowrap;background:0 0;border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.vrow:hover .count-toggle,.count-toggle:focus-visible,.vrow.uncounted .count-toggle{opacity:1}.count-toggle:hover{border-color:var(--c-muted);color:var(--c-text)}.vrow.uncounted .count-toggle{color:var(--c-danger);border-color:var(--c-danger)}.vrow.uncounted .fname{opacity:.7}.vrow .play{color:var(--c-accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:800}.editor{flex-direction:column;height:100%;min-height:0;margin-right:-8px;padding-right:8px;display:flex;overflow-y:auto}.editor-title{margin:0 28px 14px 0;font-size:18px}.editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.fld{color:var(--c-muted);align-content:start;gap:6px;font-size:12px;display:grid}.fld.wide{grid-column:1/-1}.fld.span2{grid-column:span 2}.radio-fld{border:0;min-width:0;margin:0;padding:0}.radio-fld legend{margin-bottom:6px;padding:0}.radio-row{flex-wrap:wrap;align-items:center;gap:6px 18px;min-height:36px;display:flex}.radio-row .check{color:var(--c-text);font-size:14px}.radio-row input[type=radio]{width:16px;height:16px;accent-color:var(--c-accent);cursor:pointer;margin:0}.fld .field{width:100%;color:var(--c-text);font-size:14px}textarea.field{resize:vertical;min-height:64px;line-height:1.5}.editor-note{margin:12px 0 0}.editor-actions{grid-template-columns:1fr 1fr;gap:8px;width:260px;display:grid;position:absolute;bottom:24px;left:24px}.editor-actions .btn{padding-top:9px;padding-bottom:9px}.tag-input{position:relative}.tag-input .chips{cursor:text;background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:5px 8px;display:flex}.tag-input .chips:focus-within{border-color:var(--c-teal)}.tag-input input{min-width:120px;color:var(--c-text);background:0 0;border:0;outline:0;flex:1;padding:2px 0;font-size:14px}.chip-edit{color:var(--c-text);background:#3a2f27;border-radius:999px;align-items:center;gap:4px;padding:1px 4px 1px 10px;font-size:13px;display:inline-flex}.chip-edit button{color:var(--c-muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:15px;line-height:1}.chip-edit button:hover{color:var(--c-text)}.suggest{z-index:5;background:var(--c-panel-2);border:1px solid var(--c-line-strong);border-radius:var(--radius-s);box-shadow:var(--shadow-pop);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.suggest li{color:var(--c-text);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:13px}.suggest li:hover,.suggest li.on{background:var(--c-accent);color:#fff}