: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}.site-nav{display:flex;align-items: center;gap:22px}.site-nav a:not(.site-nav__cta){color:var(--text-secondary);text-decoration:none;white-space:nowrap;font-size:15px}.site-nav a:not(.site-nav__cta):hover{color:var(--text)}.site-nav__cta{background:var(--accent);color:#fff;text-decoration:none;white-space:nowrap;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.site-nav__cta:hover{background:var(--accent-hover)}@media (max-width:600px){.home-header{flex-wrap:wrap;padding:8px 16px}#logo-mark{width:56px;height:56px}#logo-wordmark{height:26px}.site-nav{justify-content:center;gap:16px;width:100%;padding-bottom:4px}.site-nav a:not(.site-nav__cta){font-size:14px}.site-nav__cta{padding:6px 12px}}.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);margin-top:12px;font-size:16px}.home-hero__spec{color:var(--text-muted,var(--text-secondary));opacity:.85;font-size:13px}.home-hero__price{color:var(--text);font-weight:700}#start{scroll-margin-top:10px}.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__ordered{display:inline-flex;color:#2e7d32;background:#2e7d321a;border:1px solid #2e7d32;border-radius:999px;align-items: center;gap:4px;margin-top:6px;padding:2px 9px;font-size:11px;font-weight:600}.book-card__ordered:before{content:"✓"}.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)}.home-section{max-width:720px;margin:0 auto;padding:48px 24px 0}.home-section h2{margin-bottom:12px;font-size:20px;font-weight:600}.home-section p{color:var(--text);margin-bottom:16px;font-size:16px;line-height:1.65}.home-steps{margin:0;padding-left:22px}.home-steps li{color:var(--text);margin-bottom:12px;font-size:16px;line-height:1.65}.home-steps li strong{font-weight:600}.home-section__link a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;font-size:15px}.home-section__link a:hover{color:var(--accent-hover)}.home-main{padding-bottom:64px}.marketing-footer{border-top:1px solid var(--border);margin-top:32px;padding:28px 24px}.marketing-footer__inner{display:flex;flex-direction:column;gap:16px;max-width:1080px;margin:0 auto}.marketing-footer__company{color:var(--text-muted);font-size:13px;line-height:1.6}.marketing-footer__links{display:flex;flex-wrap:wrap;gap:24px}.marketing-footer__links a{color:var(--text-secondary);text-decoration:none;font-size:14px}.marketing-footer__links a:hover{color:var(--text)}@media (min-width:720px){.marketing-footer__inner{flex-direction:row;justify-content:space-between;align-items: center}}@media (max-width:600px){.home-section{padding:32px 16px 0}.home-section h2{font-size:18px}}