:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Charter", serif;--font-sans: var(--font-ui);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--sidebar-width: 240px;--reader-max: 38rem;--tap-target: 44px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--fs-12: .75rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-32: 2rem;color-scheme:light dark}:root,:root[data-theme=light]{--bg: #faf9f5;--bg-elev: #ffffff;--bg-sunken: #f2f0e8;--fg: #1a1a1a;--fg-muted: #5a5a55;--fg-subtle: #8a8a82;--border: #e4e1d6;--border-strong: #c9c5b6;--accent: #1a1a1a;--accent-fg: #faf9f5;--danger: #9b2222;--highlight-yellow: #fff3a3;--highlight-green: #cfe8b0;--highlight-blue: #b8d4f0;--highlight-pink: #f0c8d4}:root[data-theme=dark]{--bg: #1a1a1a;--bg-elev: #232323;--bg-sunken: #161616;--fg: #e8e4d8;--fg-muted: #a8a497;--fg-subtle: #767468;--border: #2e2e2e;--border-strong: #3e3e3e;--accent: #e8e4d8;--accent-fg: #1a1a1a;--danger: #e88a8a;--highlight-yellow: #6a5e1f;--highlight-green: #4a5e2a;--highlight-blue: #2a4a6a;--highlight-pink: #6a3a4a}:root[data-theme=sepia]{--bg: #f5edd6;--bg-elev: #fbf5e2;--bg-sunken: #ede3c4;--fg: #3a2e1a;--fg-muted: #6a5a3e;--fg-subtle: #8c7a58;--border: #ddcf9f;--border-strong: #c4b27e;--accent: #3a2e1a;--accent-fg: #f5edd6;--danger: #8a3a1a;--highlight-yellow: #e8cf6a;--highlight-green: #b8c878;--highlight-blue: #8aa8c4;--highlight-pink: #d4a0a0}:root{--reader-font: var(--font-serif);--reader-font-size: 18px;--reader-line-height: 1.6;--reader-column: 38rem}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--fs-16);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overscroll-behavior-y:none}a{color:inherit;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px}a:hover{text-decoration-color:var(--fg)}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;min-height:var(--tap-target);min-width:var(--tap-target);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.ghost{border-color:transparent}button.icon{padding:var(--space-2)}input,textarea,select{font:inherit;color:inherit;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:var(--tap-target);width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.row{display:flex;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-3)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grow{flex:1 1 auto;min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.app-main{min-width:0;padding:var(--space-6) var(--space-7);max-width:100%}.app-main.narrow{max-width:48rem;margin:0 auto}@media (max-width: 760px){.app-shell{grid-template-columns:1fr}.app-main{padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom))}.sidebar{display:none}.bottom-nav{display:flex}}.sidebar,.bottom-nav{display:flex}.bottom-nav{display:none}.sidebar{flex-direction:column;padding:var(--space-5) var(--space-3);border-right:1px solid var(--border);background:var(--bg-sunken);position:sticky;top:0;height:100vh;gap:var(--space-1)}.sidebar .brand{font-weight:600;font-size:var(--fs-18);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.sidebar a{text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--fg-muted);min-height:var(--tap-target);display:flex;align-items:center;gap:var(--space-3)}.sidebar a:hover{background:var(--bg-elev);color:var(--fg)}.sidebar a.active{background:var(--bg-elev);color:var(--fg);font-weight:500}.sidebar .spacer{flex:1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-elev);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:20}.bottom-nav a{flex:1;text-decoration:none;color:var(--fg-muted);text-align:center;padding:var(--space-3) var(--space-1);font-size:var(--fs-12);min-height:var(--tap-target);display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav a.active{color:var(--fg)}.topbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.topbar h1{margin:0;font-size:var(--fs-24);font-weight:600}.topbar .grow{flex:1}.list{display:flex;flex-direction:column}.list-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:start;padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.list-item:hover{background:var(--bg-sunken)}.list-item .title{font-size:var(--fs-16);font-weight:500;line-height:1.4;color:var(--fg)}.list-item .meta{font-size:var(--fs-12);color:var(--fg-subtle);margin-top:var(--space-1);display:flex;flex-wrap:wrap;gap:var(--space-2)}.list-item .progress{height:2px;background:var(--border);border-radius:1px;margin-top:var(--space-2);overflow:hidden}.list-item .progress>span{display:block;height:100%;background:var(--fg-muted)}.chip{font-size:var(--fs-12);color:var(--fg-muted);background:var(--bg-sunken);border:1px solid var(--border);border-radius:999px;padding:1px var(--space-2)}.list-actions{display:flex;gap:var(--space-1);align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);margin-top:var(--space-2)}.status-dot.extracting{background:#d4a015}.status-dot.failed{background:var(--danger)}.reader{font-family:var(--reader-font);font-size:var(--reader-font-size);line-height:var(--reader-line-height);max-width:var(--reader-column);margin:0 auto;color:var(--fg)}.reader h1,.reader h2,.reader h3{line-height:1.25}.reader h1{font-size:1.6em;margin:0 0 var(--space-3)}.reader h2{font-size:1.3em;margin:var(--space-6) 0 var(--space-3)}.reader h3{font-size:1.15em;margin:var(--space-5) 0 var(--space-2)}.reader p{margin:0 0 var(--space-4)}.reader ul,.reader ol{margin:0 0 var(--space-4);padding-left:1.5em}.reader li{margin-bottom:var(--space-2)}.reader blockquote{margin:var(--space-4) 0;padding:var(--space-2) var(--space-4);border-left:3px solid var(--border-strong);color:var(--fg-muted)}.reader code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg-sunken);padding:1px var(--space-1);border-radius:var(--radius-sm)}.reader pre{background:var(--bg-sunken);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;font-size:.9em}.reader pre code{background:transparent;padding:0}.reader table{width:100%;border-collapse:collapse;margin:var(--space-4) 0}.reader th,.reader td{border:1px solid var(--border);padding:var(--space-2) var(--space-3);text-align:left}.reader img{display:none}.reader a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--border-strong)}.reader-header{max-width:var(--reader-column);margin:0 auto var(--space-6)}.reader-header .pub{font-size:var(--fs-12);color:var(--fg-subtle)}.reader-header h1{font-family:var(--reader-font);font-size:var(--fs-32);margin:var(--space-2) 0}mark.hl{border-radius:2px;padding:0 1px;cursor:text}mark.hl[data-color=yellow]{background:var(--highlight-yellow)}mark.hl[data-color=green]{background:var(--highlight-green)}mark.hl[data-color=blue]{background:var(--highlight-blue)}mark.hl[data-color=pink]{background:var(--highlight-pink)}mark.hl.active{outline:2px solid var(--fg)}.hl-toolbar{position:fixed;display:none;gap:var(--space-1);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:0 4px 16px #0000002e;z-index:50}.hl-toolbar.visible{display:flex}.hl-toolbar .swatch{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);cursor:pointer}.hl-toolbar .swatch[data-color=yellow]{background:var(--highlight-yellow)}.hl-toolbar .swatch[data-color=green]{background:var(--highlight-green)}.hl-toolbar .swatch[data-color=blue]{background:var(--highlight-blue)}.hl-toolbar .swatch[data-color=pink]{background:var(--highlight-pink)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-14);color:var(--fg-muted)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-sunken);border:1px solid var(--border);margin-bottom:var(--space-4);font-size:var(--fs-14)}.banner.error{border-color:var(--danger);color:var(--danger)}.banner.ok{border-color:var(--highlight-green)}.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--fg-subtle)}.empty h2{font-weight:500;margin:0 0 var(--space-2);color:var(--fg-muted)}.skeleton{background:linear-gradient(90deg,var(--bg-sunken),var(--bg-elev),var(--bg-sunken));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--fg);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}