:root{--bg:#fff;--text:#1a1a1a;--text-secondary:#666;--text-muted:#999;--accent:#4a90d9;--accent-hover:#3a7bc8;--card-bg:#f5f5f5;--border:#e0e0e0}[data-theme=dark]{--bg:#1a1a1a;--text:#f0f0f0;--text-secondary:#999;--text-muted:#777;--accent:#5a9ee6;--accent-hover:#6aade8;--card-bg:#2a2a2a;--border:#333}*,*:before,*:after{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body:has(dialog[open]){overflow:hidden}.home-header{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;padding:0 32px}.home-logo{display:flex;text-decoration:none;align-items: center;gap:2px}#logo-mark{width:90px;height:90px}#logo-wordmark{height:40px}.home-continue-btn[hidden]{display:none}.home-continue-btn{display:inline-flex;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;align-items: center;padding:8px 20px;transition:background .15s;font-size:14px;font-weight:600}.home-continue-btn:hover{background:var(--accent-hover)}.home-hero{text-align:center;padding:48px 32px 32px}.home-hero h1{margin-bottom:8px;font-size:32px;font-weight:700}.home-hero p{color:var(--text-secondary);font-size:16px}.home-hero__spec{color:var(--text-muted,var(--text-secondary));opacity:.85;margin-top:12px;font-size:13px}.home-books{border-bottom:1px solid var(--border);margin-bottom:24px;padding:16px 32px 32px}.home-books__header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.home-books__heading{font-size:18px;font-weight:600}.home-books__stats{opacity:.7;font-size:13px}.book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.book-card{display:flex;border:1px solid var(--border);background:var(--card-bg);text-decoration:none;color:inherit;position:relative;border-radius:8px;align-items: center;gap:12px;padding:10px 12px;transition:border-color .15s}.book-card:hover{border-color:var(--text-secondary)}.book-card__cover{border:1px solid var(--border);background-color:#fff;background-position:right center;background-repeat:no-repeat;background-size:200% 100%;border-radius:4px;flex-shrink:0;width:56px;height:56px}[data-theme=dark] .book-card__cover{background-color:var(--card-bg)}.book-card__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.book-card__sub{display:block;color:var(--text-muted);margin-top:2px;font-size:12px}.book-card__delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px;line-height:1}.book-card__delete:hover{color:#c0392b;background:#c0392b14}.book-card__main{flex:auto;min-width:0}.home-templates{padding:0 0 24px}.template-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 32px}.template-option{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;border-radius:0;flex-shrink:0;width:200px;padding:0}.template-option__cover{display:block;aspect-ratio:1;object-fit:cover;background:var(--card-bg);outline:2px solid #0000;outline-offset:2px;border-radius:6px;width:100%;transition:outline-color .15s}.template-option:hover .template-option__cover{outline-color:var(--text-secondary)}.template-option__cover--blank{border:2px dashed var(--border);display:flex;background:#fff;justify-content:center;align-items: center}[data-theme=dark] .template-option__cover--blank{background:var(--card-bg)}.template-option__name{display:block;text-align:center;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:16px}.preview-dialog{background:var(--bg);color:var(--text);outline:none;border:none;border-radius:12px;width:92vw;max-width:1100px;margin:auto;padding:0;box-shadow:0 8px 32px #00000040}.preview-dialog::backdrop{background:#00000080}.preview-dialog__header{display:flex;justify-content:space-between;align-items: center;gap:16px;padding:14px 16px 6px 20px}.preview-dialog__header h2{font-size:20px;font-weight:600}.preview-dialog__close{cursor:pointer;color:var(--text-secondary);outline:none;background:0 0;border:none;padding:0 4px;font-size:28px;line-height:1}.preview-dialog__close:hover{color:var(--text)}.preview-dialog__cta{display:flex;position:relative;z-index:1;justify-content:center;align-items: center;gap:14px;padding:4px 20px 8px}.template-commit-hint{color:var(--text-secondary);font-size:12px}.preview-dialog__preview{aspect-ratio:2.1;box-sizing:border-box;width:100%;max-height:60vh;margin-top:-28px;margin-bottom:-20px;padding:0 12px}.preview-dialog__bar{display:flex;position:relative;z-index:1;justify-content:center;align-items: center;gap:12px;padding:0 16px 12px}.preview-dialog__nav{cursor:pointer;color:var(--text-secondary);outline:none;background:0 0;border:none;border-radius:6px;padding:2px 10px;font-size:24px;line-height:1}.preview-dialog__nav:hover:not(:disabled){color:var(--text);background:var(--surface-hover,#0000000d)}.preview-dialog__nav:disabled{opacity:.3;cursor:default}.preview-dialog__counter{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:56px;font-size:13px}.template-commit-btn{cursor:pointer;white-space:nowrap;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 22px;transition:background .15s;font-size:14px;font-weight:600}.template-commit-btn:hover{background:var(--accent-hover)}