:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--surface:#fff;--surface-2:#f8fafc;--surface-sunken:#eef2f7;--border:#dfe5ee;--border-strong:#c7d1e0;--text:#101828;--text-muted:#5c6b84;--text-faint:#8695ab;--accent:#2a78d6;--accent-soft:#e8f1fc;--accent-ink:#fff;--pos:#087443;--neg:#bc2f2c;--radius-sm:8px;--radius:12px;--shadow-1:0 1px 2px #1018280f, 0 1px 3px #1018280a;--shadow-2:0 12px 32px #10182824, 0 2px 8px #10182814;--nav-w:248px;--bar-h:62px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--surface:#161b24;--surface-2:#1c222d;--surface-sunken:#11161e;--border:#262e3b;--border-strong:#38424f;--text:#e9edf3;--text-muted:#9fadc1;--text-faint:#71809a;--accent:#3987e5;--accent-soft:#16263c;--pos:#3bbd7c;--neg:#f0716e;--shadow-1:0 1px 2px #0006;--shadow-2:0 16px 40px #0000008c}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}h1{font-size:20px}h2{font-size:16px}p{margin:0}.muted{color:var(--text-muted)}.pos{color:var(--pos)}.neg{color:var(--neg)}.small{font-size:13px}.tiny{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.spacer{flex:1}.grow{flex:1;min-width:0}.shell{flex-direction:column;min-height:100%;display:flex}.sidebar{display:none}.topbar{z-index:20;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:-.02em;font-weight:700}.page{padding:16px;padding-bottom:calc(var(--bar-h) + 24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex}.tabbar{z-index:30;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{height:var(--bar-h);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:550;text-decoration:none;display:flex}.tabbar a.active{color:var(--accent)}.tabbar a svg{width:22px;height:22px}@media (width>=900px){.shell{flex-direction:row}.sidebar{width:var(--nav-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar .brand{letter-spacing:-.02em;padding:4px 10px 18px;font-size:18px;font-weight:700}.sidebar a{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:11px;padding:9px 11px;font-size:14px;font-weight:550;text-decoration:none;display:flex}.sidebar a:hover{background:var(--surface-sunken);color:var(--text)}.sidebar a.active{background:var(--accent-soft);color:var(--accent)}.sidebar a svg{flex:none;width:19px;height:19px}.sidebar .sidebar-foot{margin-top:auto;padding:10px}.sidebar a.repo-link{gap:7px;padding:0;font-size:12px;font-weight:450}.sidebar a.repo-link:hover{color:var(--accent);background:0 0}.sidebar a.repo-link svg{width:14px;height:14px}.topbar,.tabbar{display:none}.main{flex-direction:column;flex:1;min-width:0;display:flex}.page{gap:20px;width:100%;max-width:1240px;padding:26px 30px 40px}}.repo-link{color:var(--text-faint);align-items:center;gap:7px;margin-top:10px;font-size:12px;text-decoration:none;display:inline-flex}.repo-link:hover{color:var(--accent)}.repo-link svg{flex:none;width:15px;height:15px}.repo-link.icon-only{margin-top:0;padding:4px}.repo-link.icon-only svg{width:19px;height:19px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.card-head h2{flex:1}.card-body{flex-direction:column;gap:14px;padding:16px;display:flex}.card-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:2px;padding-top:6px;display:flex}.card-body.rows,.rows{gap:8px}.row{align-items:center;gap:8px;display:flex}.empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:32px 16px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar.sticky-foot{background:linear-gradient(to top, var(--bg) 70%, transparent);padding:10px 0;position:sticky;bottom:0}.selection{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.button{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:550;transition:background .12s,border-color .12s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-sunken)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled){filter:brightness(1.06)}.button.danger{color:var(--neg)}.button.small{min-height:32px;padding:5px 10px;font-size:13px}.button svg{width:17px;height:17px}.icon-button{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--surface-sunken);color:var(--text)}.icon-button.danger:hover{color:var(--neg)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:38px;padding:8px 10px;font-size:15px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=color],.color-input{cursor:pointer;flex:none;width:46px;padding:2px}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--accent)}input.short,.short{flex:none;width:120px}input.index-input{text-transform:uppercase;letter-spacing:.08em;width:90px}.field{border:0;flex-direction:column;gap:5px;min-width:0;margin:0;padding:0;display:flex}.field>span,.field>legend{color:var(--text-muted);padding:0;font-size:12px;font-weight:550}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-row .field{flex:200px}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.folder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);flex-direction:column;gap:10px;padding:12px;display:flex}.folder-card.selected{border-color:var(--accent);background:var(--accent-soft)}.folder-head{cursor:pointer;align-items:center;gap:10px;display:flex}.folder-index{border-radius:var(--radius-sm);border:1px solid #0000001f;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:700;display:inline-flex}.folder-title{flex-direction:column;min-width:0;display:flex}.folder-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-actions{align-items:center;gap:6px;display:flex}.folder-actions .button{flex:1}.modal-center{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c1480;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.welcome-card,.editor-card{width:min(680px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-2);overflow:auto}.welcome-card{width:min(460px,100%)}.welcome-options{flex-direction:column;gap:8px;margin-top:16px;display:flex}.welcome-option{text-align:left;font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.welcome-option:hover{background:var(--accent-soft);border-color:var(--accent)}.welcome-option span{color:var(--text-muted);font-size:13px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid var(--border-strong);border-radius:var(--radius-sm);width:34px;height:34px;padding:0}.swatch.selected{border-color:var(--text);transform:scale(1.08)}.chapters{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.chapter{align-items:center;gap:8px;display:flex}.chapter-number{text-align:right;width:24px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.print-view{background:var(--surface-sunken);min-height:100%;padding-bottom:24px}.print-bar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.print-bar h1{font-size:14px;font-weight:600}.sheet{color:#1a1a1a;background:#fff;width:210mm;height:297mm;margin:16px auto;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000002e}.spine-sheet{justify-content:center;align-items:center;display:flex}.spine-slot{flex-direction:column;align-items:center;gap:4mm;display:flex}.cut-mark{background:#999;height:1px}.spine{border:1px solid #bbb;flex-direction:column;display:flex}.spine-index{justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.spine-title{flex:1;justify-content:center;align-items:center;padding:4mm 0;display:flex;overflow:hidden}.spine-title span{writing-mode:vertical-rl;letter-spacing:.02em;white-space:nowrap;font-weight:700;transform:rotate(180deg)}.contents-sheet{display:flex}.contents-title{background:#f5f5f5;border-right:1px solid #ddd;flex:none;justify-content:center;align-items:center;display:flex}.contents-title span{writing-mode:vertical-rl;letter-spacing:.06em;white-space:nowrap;font-weight:700;transform:rotate(180deg)}.contents-rows{flex-direction:column;flex:1;display:flex}.contents-row{border-bottom:1px solid #ddd;flex:1;align-items:stretch;display:flex}.contents-row:last-child{border-bottom:0}.contents-number{border-right:1px solid #ddd;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.contents-text{text-align:center;overflow-wrap:anywhere;flex:1;justify-content:center;align-items:center;padding:4mm;display:flex}.contents-index{justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;top:0}@media print{@page{size:A4 portrait;margin:0}html,body,#root{background:#fff;height:auto}.no-print{display:none!important}.print-view{background:#fff;padding:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sheet{box-shadow:none;break-after:page;page-break-after:always;margin:0}.sheet:last-child{break-after:auto;page-break-after:avoid}}