:root{--bg: #ffffff;--sidebar: #f4f4f6;--surface: #ffffff;--text: #1d1d1f;--muted: #6e6e73;--line: #e3e3e8;--accent: #2f6fe4;--selected: rgba(47, 111, 228, .12);--paper: #ffffff;--ink: #141414;--ink-secondary: #737373;--rule: #e0e0e0;--radius-card: 4px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--bg: #1c1c1e;--sidebar: #232325;--surface: #2a2a2d;--text: #f2f2f4;--muted: #9a9aa0;--line: #3a3a3e;--accent: #5b8ff0;--selected: rgba(91, 143, 240, .2);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:var(--accent)}.muted{color:var(--muted)}.pad{padding:24px}.pre{white-space:pre-wrap}.error{color:#d70015;padding:0 24px}.link{background:none;border:none;color:var(--accent);padding:0}.primary{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.center-screen{display:grid;place-items:center;height:100%;padding:16px}.signin-card{text-align:center}.signin-card h1{font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:30px}.stage-badge{display:inline-block;background:#fbe3c4;color:#9a5a00;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.stage-badge.inline{margin-left:8px}.library{display:grid;grid-template-columns:260px minmax(0,1fr);height:100%}.library.with-details{grid-template-columns:260px minmax(0,1fr) 380px}.library.no-sidebar{grid-template-columns:minmax(0,1fr)}.library.no-sidebar.with-details{grid-template-columns:minmax(0,1fr) 380px}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);overflow-y:auto;padding:16px 8px}.sidebar-heading{color:var(--muted);font-weight:600;padding:4px 8px 8px}.tree{list-style:none;margin:0;padding:0}.tree.nested{padding-left:12px}.tree-row{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-radius:8px;padding:6px 8px;text-align:left}.tree-row:hover{background:var(--selected)}.tree-row.collection{font-weight:600;font-size:15px}.tree-row.selected{background:var(--selected)}.tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{width:12px;color:var(--muted)}.seq-dot{width:9px;height:9px;border-radius:50%;flex:none;border:1px solid var(--line)}.count{color:var(--muted);font-size:12px}.main{display:flex;flex-direction:column;min-width:0;height:100%}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 24px 8px}.header-title{margin-right:auto;min-width:0}.sidebar-toggle{margin-left:-8px}.collection-title{margin:0;font-size:18px}.subtitle{color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 24px 12px;border-bottom:1px solid var(--line)}.search{flex:0 1 280px;min-width:160px;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit}.chip-group{display:flex;gap:6px}.inclusion-chip{width:26px;height:26px;border-radius:50%;border:2px solid var(--inc);background:none;color:var(--inc);font-weight:700;line-height:1}.inclusion-chip.on{background:var(--inc);color:#fff}.status-chip{border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:none}.status-chip.on{background:var(--chip-bg);color:var(--chip-fg);border-color:var(--chip-bg)}.toolbar-end{margin-left:auto;display:flex;align-items:center;gap:12px}.content{flex:1;overflow-y:auto}.grid{display:grid;gap:20px;padding:20px 24px 40px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.tile{position:relative;aspect-ratio:8.5 / 11;border-radius:var(--radius-card);background:var(--paper);cursor:pointer;box-shadow:0 0 0 1px #00000014,0 1px 3px #00000014;transition:opacity .15s,box-shadow .15s}.tile:focus-visible,.tile.selected{box-shadow:0 0 0 3px var(--accent);outline:none}.tile.dimmed,.row.dimmed{opacity:.3}.tile-page,.tile-page img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tile-page{overflow:hidden;border-radius:inherit}.tile-page img{object-fit:cover;object-position:top}.tile-placeholder{padding:18px 14px;color:var(--ink-secondary);font-size:11px;line-height:1.4;font-style:italic}.tile-top{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;gap:6px;padding:10px;background:linear-gradient(rgba(0,0,0,.45),transparent);border-radius:var(--radius-card) var(--radius-card) 0 0}.tile-read,.row-read{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#fff}.tile-read:hover{background:#fff3}.tile-bottom{position:absolute;inset:auto 0 0 0;padding:40px 12px 10px;color:#fff;background:linear-gradient(transparent,#00000038,#00000080);border-radius:0 0 var(--radius-card) var(--radius-card)}.tile-title{font-size:15px;font-weight:700;line-height:18px;text-shadow:0 0 3px rgba(0,0,0,.95);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-seq{font-size:12px;margin-top:4px;text-shadow:0 0 3px rgba(0,0,0,.95)}.status-pill{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.inclusion-dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 1.5px #ffffffe6}.list{list-style:none;margin:0;padding:8px 16px 40px}.row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer}.row:hover{background:var(--selected)}.row.selected{background:var(--selected);box-shadow:inset 3px 0 0 var(--accent)}.row-seq{width:28px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.row-text{flex:1;min-width:0;display:flex;flex-direction:column}.row-title{font-weight:600}.row-first{color:var(--muted);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-read{color:var(--muted)}.row-read:hover{background:var(--selected);color:var(--accent)}.row .inclusion-dot{box-shadow:none}.details{border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-width:0;height:100%}.details-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);font-weight:600;font-size:16px}.icon-button{background:none;border:none;color:var(--muted);padding:4px;border-radius:6px;display:grid}.icon-button:hover{background:var(--selected)}.details-body{overflow-y:auto;padding:20px}.details-title{margin:0 0 4px;font-size:20px}.details-first{margin:0 0 16px;color:var(--muted);font-style:italic}.details-meta{display:flex;align-items:center;gap:8px;margin-bottom:16px}.details-meta .inclusion-dot{box-shadow:none}.details-actions{display:flex;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.details-actions button,.details-actions a{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent);padding:0;text-decoration:none}.details section{padding-top:16px}.details h3{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.details p{margin:0;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--sidebar);border-radius:999px;padding:4px 12px}.reader-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#00000073;padding:4vh 16px}.reader-card{width:min(860px,86vw);height:92vh;min-width:360px;min-height:320px;max-width:96vw;max-height:96vh;resize:both;overflow:hidden;background:var(--paper);color:var(--ink);color-scheme:light;border-radius:10px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--rule);color:var(--ink-secondary)}.reader-controls button,.reader-controls a{background:none;border:none;color:var(--ink-secondary);padding:4px 8px;border-radius:6px;display:inline-grid;place-items:center;min-width:28px}.reader-controls button:hover:not(:disabled),.reader-controls a:hover{background:#f0f0f0;color:var(--ink)}.reader-nav,.reader-tools{display:flex;align-items:center;gap:2px}.reader-nav button{font-size:20px;line-height:1}.reader-count{font-variant-numeric:tabular-nums;padding:0 6px}.reader-title{margin:0;padding:28px 40px 4px;font-family:New York,Georgia,Times New Roman,serif;font-size:30px;font-weight:600;color:var(--ink);line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reader-scroll{flex:1;overflow-y:auto;padding:16px 40px 48px}.reader-poem{line-height:1.15;color:var(--ink)}.reader-para{margin:0;white-space:pre-wrap;overflow-wrap:break-word}.reader-muted{color:var(--ink-secondary)}.reader-end{text-align:center;color:var(--ink-secondary);font-size:.8em;margin-top:2em}.small{font-size:12px}.menu{position:relative;display:inline-flex}.menu-trigger{background:none;border:none;padding:2px;border-radius:999px;display:inline-flex;align-items:center}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{box-shadow:0 0 0 2px #ffffffb3}.row .menu-trigger:hover,.row .menu-trigger[aria-expanded=true]{box-shadow:0 0 0 2px var(--line)}.floating{position:fixed;z-index:50;overflow-y:auto}.menu-list{min-width:150px;margin:0;padding:4px;border-radius:8px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 24px #0000002e}.menu-list button{display:flex;align-items:center;gap:8px;width:100%;white-space:nowrap;background:none;border:none;border-radius:6px;padding:6px 8px;text-align:left}.menu-list button:hover{background:var(--selected)}.menu-check{width:12px;color:var(--accent)}.menu-list .inclusion-dot{box-shadow:none}.status-pill.empty{background:#ffffffd9;color:#55555c;font-weight:500}.row .status-pill.empty{background:none;border:1px dashed var(--line);color:var(--muted)}.tile.dragging{box-shadow:0 12px 30px #0000004d;cursor:grabbing}.row.dragging{background:var(--surface);box-shadow:0 6px 18px #0000002e;position:relative}.actions{display:flex;align-items:center;gap:2px;margin-left:auto}.actions .progress{margin-right:8px}.action{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 12px}.action:hover:not(:disabled){background:var(--selected)}.progress{font-variant-numeric:tabular-nums}.details-edit{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.picker{display:flex;flex-wrap:wrap;gap:6px}.picker button{border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:none;display:inline-flex;align-items:center;gap:6px}.picker .inclusion-dot{box-shadow:none}.picker-inclusion[aria-checked=true]{border-color:var(--inc);box-shadow:inset 0 0 0 1px var(--inc);font-weight:600}.picker-status[aria-checked=true]{background:var(--chip-bg);color:var(--chip-fg);border-color:var(--chip-bg);font-weight:600}.move{display:flex;align-items:center;gap:8px}.move input{width:64px;padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit}.move button{border:1px solid var(--line);background:none;border-radius:6px;padding:4px 10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0006;padding:16px}.modal{width:min(480px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--surface);color:var(--text);border-radius:12px;box-shadow:0 20px 60px #00000059}.modal.wide{width:min(720px,100%)}.modal-title{margin:0;padding:18px 20px 6px;font-size:17px}.modal-body{padding:8px 20px;overflow-y:auto}.modal-body p{line-height:1.5}.modal-body fieldset{border:none;margin:0;padding:0}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}.modal-footer button:not(.primary){border:1px solid var(--line);background:none;border-radius:8px;padding:9px 16px}.modal-footer a.primary{text-decoration:none}.primary:disabled{opacity:.5}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field-label{font-weight:600}.checks{display:flex;flex-wrap:wrap;gap:14px}.checks label{display:inline-flex;align-items:center;gap:6px}.checks .inclusion-dot{box-shadow:none}.text-input{width:100%;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;resize:vertical}.custom-field{display:grid;grid-template-columns:160px 1fr auto;gap:8px;align-items:start}.error-text{color:#d70015}.export{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.export-options{min-width:0}.export-preview{display:flex;flex-direction:column;min-height:0;max-height:60vh;margin:12px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.export-count{padding:10px 12px;font-weight:600;color:var(--accent);background:var(--selected);border-bottom:1px solid var(--line)}.export-empty{padding:8px 12px;margin:0}.export-list{margin:0;padding:8px 12px 8px 40px;overflow-y:auto;font-size:13px}.export-list li{padding:2px 0}.export-list li::marker{color:var(--muted);font-variant-numeric:tabular-nums}.export-list .inclusion-dot{box-shadow:none;display:inline-block;vertical-align:middle;margin-right:6px}.export-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-state{margin:4px 0 8px}@media (max-width: 640px){.export{grid-template-columns:minmax(0,1fr)}}.drive{display:flex;flex-direction:column;gap:10px}.drive-crumbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px;padding-top:4px}.drive-list{height:min(50vh,420px);overflow-y:auto;border:1px solid var(--line);border-radius:8px}.drive-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);color:var(--text);font:inherit}.drive-row:hover:not(:disabled){background:var(--selected)}.drive-row:disabled{color:var(--muted)}.drive-row svg{flex:none;color:var(--muted)}.drive-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-note{padding:8px 12px;margin:0}.pick-card{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--sidebar);color:var(--text);font:inherit}button.pick-card{color:var(--accent);font-weight:600}.pick-card svg{flex:none;color:var(--accent)}.radio-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.radio-card input{margin-top:3px}.done-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 8px}.done-state>svg{width:40px;height:40px;color:var(--accent)}.done-state .primary{margin-top:8px}.import-preview{max-height:55vh}.import-count{display:flex;justify-content:space-between;align-items:center}.import-list{margin:0;padding:4px 0;list-style:none;overflow-y:auto}.import-list label{display:flex;align-items:flex-start;gap:10px;padding:6px 12px}.import-list label>input{margin-top:3px}.import-list label>span{display:flex;flex-direction:column;min-width:0}.import-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-box{background:var(--sidebar);border-radius:8px;padding:4px 12px;margin:8px 0}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40;max-width:min(560px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;background:#1d1d1f;color:#fff;box-shadow:0 8px 24px #0000004d;cursor:pointer}.pick-check{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.95);background:#00000040}.pick-check.on{background:var(--accent);border-color:var(--accent)}.row .pick-check{border-color:var(--line);background:none}.row .pick-check.on{background:var(--accent);border-color:var(--accent)}.bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 24px;border-bottom:1px solid var(--line);background:var(--selected)}.bulk-count{font-weight:600;font-variant-numeric:tabular-nums;min-width:88px}.bulk-bar .picker button:disabled{opacity:.4}.bulk-done{margin-left:auto}.action[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.tile-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px;min-height:20px}.tile-meta .tile-seq{margin-top:0}.sub-badge{border:none;color:#fff;font-size:11px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:3px}.sub-badge.accepted{width:20px;height:20px;border-radius:50%;background:#34c759e6}.sub-badge.active{height:20px;padding:0 7px;border-radius:999px;background:#007affe0}.popover{padding:10px 12px;min-width:240px;max-width:min(320px,calc(100vw - 16px));white-space:normal}.subs{display:flex;flex-direction:column;gap:12px}.subs-group{display:flex;flex-direction:column;gap:6px}.subs-heading{font-weight:700}.subs-item+.subs-item{border-top:1px solid var(--line);padding-top:6px}.subs-line{display:flex;justify-content:space-between;gap:12px}.subs-venue{font-weight:600}@media (max-width: 900px){.library,.library.with-details{grid-template-columns:220px minmax(0,1fr)}.library.no-sidebar,.library.no-sidebar.with-details{grid-template-columns:minmax(0,1fr)}.details{position:fixed;inset:0 0 0 auto;width:min(380px,100vw);z-index:5;box-shadow:-8px 0 24px #0003}}.tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:30px;height:28px;padding:0 7px;border:none;border-radius:6px;background:none;color:var(--ink-secondary)}.tool:hover:not(:disabled),.tool[aria-expanded=true]{background:var(--selected);color:var(--ink)}.tool[aria-pressed=true]{color:var(--accent)}.tool:disabled{opacity:1}.tool-progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.tool-done{color:#28a745}.tool-failed{color:#d70015}.tool svg,.with-icon svg,.menu-list svg{flex:none;display:block}.link.with-icon{display:inline-flex;align-items:center;gap:6px}.menu-list button:has(svg){display:flex;align-items:center;gap:8px}.menu-heading{padding:6px 12px 8px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);margin-bottom:4px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.import-progress{width:min(320px,100%);height:8px;accent-color:var(--accent)}