:root{--bg-page:#0D0D0F;--bg-panel:#1A1A1E;--bg-nav:#111113;--text-primary:#E8E8EC;--text-secondary:#8A8A93;--accent:#00D4FF;--danger:#FF3B3B;--success:#32D74B;--bg-button:#00D4FF;--text-button:#000000;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;--font-mono:"SF Mono",ui-monospace,"Cascadia Mono","Fira Code","Consolas",monospace;--content-width-sales:720px;--content-width-reader:680px;--line-height:1.7;--radius:8px;--radius-sm:4px;--radius-md:6px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:17px;line-height:var(--line-height);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:640px){body{font-size:18px}}.container{max-width:var(--content-width-sales);margin:0 auto;padding:0 20px}.hero{padding:48px 0;background:linear-gradient(180deg,#000000,#0D0D0F)}@media (min-width:640px){.hero{padding:80px 0}}.hero-label{color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600;margin-bottom:20px}.hero-headline{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:20px}.hero-sub{font-size:18px;margin-bottom:32px;max-width:600px}.hero-note,.hero-sub{color:var(--text-secondary)}.hero-note{font-size:14px;margin-top:16px}.cta-button{display:inline-block;background-color:var(--bg-button);color:var(--text-button);font-size:17px;font-weight:600;padding:16px 32px;border-radius:var(--radius);text-decoration:none;transition:filter .15s ease;cursor:pointer;border:none;text-align:center}.cta-button:hover{filter:brightness(1.1)}@media (max-width:639px){.cta-button{display:block;width:100%}}.section{padding:48px 0}@media (min-width:640px){.section{padding:80px 0}}.section-heading{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:32px}.chapter-list{list-style:none;display:flex;flex-direction:column;gap:20px}.chapter-item{display:flex;gap:16px;align-items:flex-start}.chapter-number-sales{font-family:var(--font-mono);color:var(--accent);font-size:18px;font-weight:700;flex-shrink:0;line-height:1.7}.chapter-content-sales{display:flex;flex-direction:column;gap:4px}.chapter-title-sales{font-weight:700;color:var(--text-primary);font-size:17px}@media (min-width:640px){.chapter-title-sales{font-size:18px}}.chapter-desc{color:var(--text-secondary);font-size:16px}.chapter-list-note{color:var(--text-secondary);font-size:15px;margin-top:32px}.preview-chapter{margin-top:8px;max-height:0;overflow:hidden;transition:max-height .5s ease}.preview-chapter.open{max-height:5000px}.preview-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:2px solid var(--accent);color:var(--accent);font-family:var(--font-sans);font-size:17px;font-weight:600;padding:12px 24px;border-radius:var(--radius);cursor:pointer;transition:background .15s ease;margin-top:8px}.preview-toggle:hover{background:rgba(0,212,255,.1)}.preview-toggle .arrow{transition:transform .3s ease;font-size:14px}.preview-toggle.open .arrow{transform:rotate(90deg)}.preview-chapter .action-heading{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:32px;margin-bottom:12px}.preview-chapter .chapter-heading{font-size:28px;font-weight:700;color:var(--text-primary);margin-top:40px;margin-bottom:12px}.preview-chapter p{margin-bottom:16px}.preview-chapter .time-note{font-weight:700;margin-bottom:16px}.settings-path{font-family:var(--font-mono);font-size:18px;color:var(--accent)}@media (min-width:640px){.settings-path{font-size:19px}}.callout{background-color:var(--bg-panel);border-left:3px solid var(--accent);padding:16px 20px;border-radius:var(--radius-md);margin:16px 0}.callout p{margin-bottom:12px}.callout p:last-child{margin-bottom:0}.callout h3{margin-top:0;margin-bottom:8px}.callout.note{background-color:var(--bg-panel);border-left:3px solid var(--accent);padding:16px 20px;border-radius:var(--radius-md);margin:16px 0}.appendix-ref{font-style:italic;color:var(--text-secondary)}.badge-on{background-color:var(--success)}.badge-off,.badge-on{display:inline-block;color:#FFFFFF;border-radius:var(--radius-sm);padding:2px 8px;font-weight:600;font-size:14px;vertical-align:middle;margin-left:4px}.badge-off{background-color:var(--danger)}.preview-chapter hr{border:none;border-top:1px solid #2a2a2e;margin:32px 0}.preview-cta{margin-top:40px}.cards{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:640px){.cards{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--bg-panel);border:1px solid #2a2a2e;border-radius:var(--radius);padding:24px}.card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.card-body{font-size:16px;color:var(--text-secondary);line-height:var(--line-height)}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid #2a2a2e}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;color:var(--text-primary);font-size:17px;font-weight:400;font-family:var(--font-sans);padding:20px 0;cursor:pointer;text-align:left;gap:16px}.faq-icon{flex-shrink:0;font-size:20px;color:var(--text-secondary);transition:transform .2s ease;width:20px;text-align:center}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer-inner{padding:0 0 20px;font-size:16px;color:var(--text-secondary);line-height:var(--line-height)}.bottom-cta{text-align:center}.bottom-cta .section-heading{margin-bottom:12px}.bottom-cta-sub{font-size:18px;margin-bottom:32px}.bottom-cta-sub,.footer{color:var(--text-secondary)}.footer{padding:40px 0;text-align:center;font-family:var(--font-mono);font-size:13px}.footer p{margin-bottom:8px}.footer a{color:var(--text-secondary);text-decoration:none}.footer a:hover{color:var(--text-primary)}.footer-links{display:flex;justify-content:center;gap:8px}.footer-sep{color:var(--text-secondary)}.thankyou-body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.thankyou-container{max-width:540px;width:100%;text-align:center}.thankyou-container h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:32px}.thankyou-container h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.thankyou-buttons{margin-bottom:32px}.thankyou-buttons .cta-button{width:100%;margin-bottom:12px}.cta-button.secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.cta-button.secondary:hover{background:rgba(0,212,255,.1);filter:none}@media (min-width:640px){.thankyou-buttons .cta-button{width:auto;min-width:280px}}.note{color:var(--text-secondary);font-size:15px;margin-bottom:8px}.error-link{color:var(--accent);text-decoration:none}.error-link:hover{text-decoration:underline}.error-text{color:var(--text-secondary);font-size:16px;margin-bottom:16px;line-height:1.6}.error-links{margin-top:24px;display:flex;flex-direction:column;gap:12px}.privacy-page{padding:60px 20px 40px}.privacy-page .container{max-width:680px}.privacy-page h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:40px}.privacy-page h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-top:36px;margin-bottom:12px}.privacy-page p{font-size:17px;color:var(--text-primary);margin-bottom:16px}.privacy-page a{color:var(--accent);text-decoration:none}.privacy-page a:hover{text-decoration:underline}.reader-body{font-size:17px}@media (min-width:769px){.reader-body{font-size:18px}}#progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:9999;transition:width .3s ease;width:0}#top-bar{position:fixed;top:3px;left:0;right:0;height:48px;background:var(--bg-nav);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:999;transition:border-bottom .2s}#top-bar.scrolled{border-bottom:1px solid #222}#top-bar .left{display:flex;align-items:center;gap:8px}#top-bar .left a{color:var(--text-primary);text-decoration:none;font-size:15px}#top-bar .left .back-arrow{color:var(--accent);text-decoration:none;font-size:15px}#top-bar .right{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary)}@media (min-width:769px){#top-bar{left:280px}}#sidebar{display:none}@media (min-width:769px){#sidebar{display:flex;flex-direction:column;position:fixed;top:51px;left:0;width:280px;bottom:0;background:var(--bg-nav);overflow-y:auto;padding:16px 0;z-index:998;border-right:1px solid #222}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:2px}}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;color:var(--text-primary);font-size:14px;transition:background .15s,border-color .15s;cursor:pointer;background:none;border:none;border-left:3px solid transparent;width:100%;text-align:left;font-family:var(--font-sans)}.nav-item.active,.nav-item:hover{background:var(--bg-panel)}.nav-item.active{border-left-color:var(--accent)}.nav-number{font-family:var(--font-mono);color:var(--accent);font-size:14px;min-width:18px}.nav-label{color:var(--text-primary);font-size:14px}.nav-divider{height:1px;background:#333;margin:8px 20px}#main-content{padding:72px 20px 100px;max-width:var(--content-width-reader);margin:0 auto}@media (min-width:769px){#main-content{margin-left:280px;padding:72px 20px 60px;max-width:calc(var(--content-width-reader) + 40px);margin-right:auto;margin-left:calc(280px + max(0px, (100vw - 280px - var(--content-width-reader) - 40px) / 2))}}.chapter-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chapter-header{margin-bottom:32px}.chapter-number{font-family:var(--font-mono);color:var(--accent);font-size:32px;display:block;margin-bottom:8px}.chapter-title{font-family:var(--font-sans);font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.chapter-time{font-size:15px;color:var(--text-secondary);font-style:italic;display:block;margin-bottom:16px}.chapter-rule{width:60px;height:1px;background:var(--accent)}.chapter-content h2{font-size:18px;margin:32px 0 16px}.chapter-content h2,.chapter-content h3{font-weight:700;color:var(--text-primary)}.chapter-content h3{font-size:17px;margin:24px 0 12px}.chapter-content p{margin:12px 0;color:var(--text-primary);font-size:inherit}.chapter-content ol,.chapter-content ul{margin:12px 0;padding-left:24px}.chapter-content li{margin:6px 0}.chapter-content code{font-size:.9em;background:var(--bg-panel);padding:2px 6px;border-radius:var(--radius-sm)}.chapter-content code,a.deep-link{font-family:var(--font-mono);color:var(--accent)}a.deep-link{font-size:15px;text-decoration:none;border-bottom:1px dashed var(--accent)}a.deep-link:hover{opacity:.8}hr.section-divider{border:none;height:1px;background:#333;margin:32px 0}.next-chapter{margin-top:48px;padding-top:24px;border-top:1px solid #333}.next-chapter a{color:var(--accent);text-decoration:none;font-size:17px;font-weight:600}.next-chapter a:hover{text-decoration:underline}.next-chapter.complete{color:var(--success);font-size:17px;font-weight:600}.table-wrapper{overflow-x:auto;margin:16px 0}.chapter-content table{width:100%;border-collapse:collapse;font-size:14px}.chapter-content td,.chapter-content th{text-align:left;padding:10px 12px;border-bottom:1px solid #333}.chapter-content th{color:var(--accent);font-family:var(--font-mono);font-size:13px;font-weight:600;white-space:nowrap}.chapter-content td{color:var(--text-primary)}.chapter-content td code{font-size:13px}.chapter-content a[target=_blank]{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:rgba(0,212,255,.3);text-decoration-color:rgba(0,212,255,.3);text-underline-offset:2px}.chapter-content a[target=_blank]:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}#mobile-bar{display:none}@media (max-width:768px){#mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-nav);border-top:1px solid #222;align-items:center;justify-content:space-around;z-index:998;padding-bottom:env(safe-area-inset-bottom,0)}#main-content{padding-bottom:120px}}#mobile-bar button{background:none;border:none;color:var(--accent);font-size:16px;font-family:var(--font-sans);cursor:pointer;padding:8px 16px}#mobile-bar button:disabled{color:#444;cursor:default}.sheet-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000}.sheet-overlay.open{display:block}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-nav);border-radius:12px 12px 0 0;max-height:70vh;overflow-y:auto;z-index:1001;transform:translateY(100%);transition:transform .3s ease;padding:16px 0 calc(32px + env(safe-area-inset-bottom, 0))}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet .sheet-handle{width:36px;height:4px;background:#444;border-radius:2px;margin:0 auto 16px}.sheet-item{display:flex;align-items:center;gap:12px;padding:12px 24px;text-decoration:none;color:var(--text-primary);font-size:15px;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-sans)}.sheet-item:active{background:var(--bg-panel)}.access-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.access-gate h2{font-size:22px;color:var(--text-primary);margin-bottom:16px}.access-gate p{color:var(--text-secondary);font-size:16px;max-width:420px;margin-bottom:24px;line-height:1.6}.access-gate a{color:var(--text-button);background:var(--bg-button);padding:12px 28px;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:16px}.access-gate a:hover{opacity:.9}.reader-footer{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.coming-soon,.reader-footer{text-align:center;padding:40px 20px}.coming-soon{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.coming-soon h1{font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--text-primary);margin-bottom:16px}.coming-soon p{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.coming-soon a{color:var(--accent);text-decoration:none;font-size:17px;font-weight:600}.coming-soon a:hover{text-decoration:underline}.coming-soon-banner{background:var(--bg-panel);border:1px solid #2a2a2e;border-radius:var(--radius);padding:24px;text-align:center;margin-top:16px}.coming-soon-banner .banner-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:8px}.coming-soon-banner .banner-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.coming-soon-banner a{color:var(--accent);text-decoration:none;font-size:15px}.coming-soon-banner a:hover{text-decoration:underline}@media print{body{background:#fff;color:#000;font-size:12pt}#mobile-bar,#progress-bar,#sidebar,#top-bar,.access-gate,.bottom-sheet,.next-chapter,.sheet-overlay{display:none!important}#main-content{margin-left:0!important;padding:0!important;max-width:100%!important}.chapter-content{display:block!important;page-break-before:always}.chapter-content:first-child{page-break-before:avoid}.callout{border-left:2px solid #000;background:#f5f5f5}.badge-off,.badge-on{border:1px solid #000;background:none;color:#000}.nav-number,.settings-path,a,code{color:#000}.chapter-number{color:#333}.chapter-rule{background:#333}hr.section-divider{background:#ccc}}