: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:5px 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)}.home-header .site-nav__cta{visibility:hidden}@media (max-width:600px){.home-header{flex-wrap:wrap;padding:8px 16px}#home-logo-img{height:40px}.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}#home-logo-img{height:56px}.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;max-width:780px;margin:0 auto;padding:72px 32px 40px}.home-hero:not(.home-hero--intro){padding-bottom:16px}.home-hero--intro{background:color-mix(in srgb,var(--accent)6%,transparent);border-radius:18px;max-width:640px;margin:28px auto 0;padding:30px 36px}.home-hero__title{letter-spacing:-.022em;margin:0 0 24px;line-height:1.05}.home-hero__title span{display:block}.home-hero__title-privacy{letter-spacing:-.005em;color:var(--text-secondary);margin-bottom:14px;font-size:clamp(17px,2.5vw,23px);font-weight:600}.home-hero__title-product{color:var(--accent);font-size:clamp(40px,7vw,66px);font-weight:800}.home-hero__lede{color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:clamp(16px,2.1vw,19px);line-height:1.5}.home-hero__spec{color:var(--text-muted,var(--text-secondary));margin-top:18px;font-size:13px}.home-hero__price{display:block;color:var(--text);margin-top:8px;font-size:19px;font-weight:700}.home-hero__cta{margin-top:36px;scroll-margin-top:10px}.home-hero__start{display:inline-flex;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items: center;padding:12px 28px;transition:background .15s;font-family:inherit;font-size:17px;font-weight:600}.home-hero__start:hover{background:var(--accent-hover)}.home-hero__cta-note{color:var(--text-secondary);margin-top:10px;font-size:14px}.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}.home-templates__heading{text-align:center;color:var(--text-secondary);margin:8px 0 6px;font-size:18px;font-weight:600}.home-templates__note{text-align:center;color:var(--text-secondary);margin:0 0 22px;font-size:14px}.template-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:4px 32px 0}.template-grid.is-collapsed{max-height:var(--templates-collapsed-max);overflow:hidden}.template-grid__more{display:block;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;margin:20px auto 0;padding:9px 20px;transition:border-color .15s,color .15s;font-family:inherit;font-size:14px;font-weight:600}.template-grid__more:hover{border-color:var(--text-secondary);color:var(--text)}.template-grid__more[hidden]{display:none}.template-option{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;border-radius:0;flex-shrink:0;width:200px;padding:0}@media (max-width:600px){.template-grid{padding-left:16px;padding-right:16px}.template-option{width:calc(50% - 8px)}}.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:4px;font-size:20px;font-weight:600}.home-section p{color:var(--text);margin-bottom:16px;font-size:16px;line-height:1.65}.home-section--steps{max-width:920px}.home-steps{list-style:none;display:flex;align-items:stretch;gap:24px;margin:0;padding:0}.home-step{position:relative;display:flex;text-align:center;border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;flex:1;align-items: center;gap:12px;margin:0;padding:28px 18px 24px;box-shadow:0 2px 10px #0000000d}.home-step:not(:last-child):after{content:"";position:absolute;background-color:var(--text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h11'/%3E%3Cpath d='M13 7l5 5-5 5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h11'/%3E%3Cpath d='M13 7l5 5-5 5'/%3E%3C/svg%3E") 50%/contain no-repeat;width:24px;height:24px;top:50%;right:-24px;transform:translateY(-50%)}.home-step__icon{display:inline-flex;background:color-mix(in srgb,var(--accent)12%,transparent);color:var(--accent);border-radius:50%;justify-content:center;align-items: center;width:72px;height:72px}.home-step__icon svg{width:38px;height:38px}.home-step__title{color:var(--text);font-size:16px;font-weight:600}.home-step__body{color:var(--text-secondary);font-size:15px;line-height:1.55}.home-steps__summary{text-align:center;color:var(--text-secondary);margin:0 0 24px}@media (max-width:760px){.home-steps{flex-direction:column;gap:30px}.home-step:not(:last-child):after{inset:auto auto -27px 50%;transform:translate(-50%)rotate(90deg)}}.home-section--book{max-width:720px}.home-section--book h2,.home-section--price h2{text-align:center}.home-book{display:grid;grid-template-columns:auto 1fr;align-items: center;gap:36px}.home-book__schematic{text-align:center;margin:0}.home-book__schematic svg{color:var(--accent);width:190px;height:auto}.home-book__dim{stroke:var(--text-muted)}.home-book__dim text{fill:var(--text-muted);stroke:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px}.home-book__note{fill:var(--text-muted);stroke:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:10.5px}@media (max-width:600px){.home-book{grid-template-columns:1fr;justify-items:center;gap:20px}.home-book__copy{text-align:center}}.home-section--guarantees h2{text-align:center}.home-guarantees{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin:28px 0 0;padding:0}.home-guarantee{display:flex;text-align:center;flex-direction:column;align-items: center;gap:12px;margin:0}.home-guarantee__icon{display:inline-flex;background:color-mix(in srgb,var(--accent)12%,transparent);color:var(--accent);border-radius:50%;justify-content:center;align-items: center;width:64px;height:64px}.home-guarantee__icon svg{width:34px;height:34px}.home-guarantee__title{color:var(--text);font-size:16px;font-weight:600}.home-guarantee__body{color:var(--text-secondary);font-size:15px;line-height:1.55}.home-section--guarantees .home-section__link{text-align:center;margin-top:24px}@media (max-width:600px){.home-guarantees{grid-template-columns:1fr;gap:24px}}.home-price{display:grid;grid-template-columns:auto 1fr;align-items: center;gap:32px}.home-price-chart{display:block;width:200px;height:auto}.home-price-chart .price-axis{stroke:var(--text-secondary);stroke-width:1.3}.home-price-chart .price-line{stroke:var(--accent);stroke-width:2.5}.home-price-chart .price-dot{fill:var(--accent)}.home-price-chart .price-amount{fill:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;font-weight:700}.home-price-chart .price-axistitle{fill:var(--text-secondary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.home-price-chart .price-label{fill:var(--text-secondary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px}@media (max-width:600px){.home-price{grid-template-columns:1fr;justify-items:center;gap:20px}.home-price__copy{text-align:center}}.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 72px}.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}}