body{margin:0;font-family:var(--font-family);color:var(--color-text)}header,main,footer{margin:auto;padding:var(--spacing-md)}header{display:flex;align-items:center;justify-content:space-between;height:200px;padding-bottom:var(--spacing-md);max-width:1200px}main{max-width:1200px}nav{margin-left:var(--spacing-sm)}nav a{margin:0 var(--spacing-xs);color:var(--color-primary);text-decoration:none;transition:var(--transition-standard);font-size:var(--font-size-nav-link)}nav a:hover{color:var(--color-primary-hover)}nav .waitlist-link{background-color:#000;color:var(--color-primary);padding:calc(var(--spacing-xs) / 2) var(--spacing-sm);border-radius:var(--border-radius);font-weight:700;border:1px solid var(--color-primary);text-decoration:none}nav .waitlist-link:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button)}html[data-theme=light] nav a{color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}html[data-theme=light] nav a:hover{color:var(--color-primary-hover)}html[data-theme=light] nav .waitlist-link{background-color:var(--color-secondary);color:#fff;text-shadow:none}html[data-theme=light] nav .waitlist-link:hover{background-color:var(--color-primary-hover);color:#fff}@media (prefers-color-scheme: light){html:not([data-theme=dark]) nav a{color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}html:not([data-theme=dark]) nav a:hover{color:var(--color-primary-hover)}html:not([data-theme=dark]) nav .waitlist-link{background-color:var(--color-secondary);color:#fff;text-shadow:none}html:not([data-theme=dark]) nav .waitlist-link:hover{background-color:var(--color-primary-hover);color:#fff}}.main-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-item{position:relative;text-decoration:none;color:var(--color-text);transition:color .2s ease}.nav-link{padding:var(--spacing-xs) var(--spacing-sm);display:inline-block;text-decoration:none;color:inherit}.nav-item:hover,.nav-item.active{color:var(--color-primary)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:linear-gradient(135deg,#1a0933,#2d0e4e);border:1px solid rgba(255,180,0,.3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-xs) 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:1000}html[data-theme=light] .dropdown-menu{background:linear-gradient(135deg,#f5f0ff,#ffe8cc);border:1px solid rgba(42,14,78,.3)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:var(--spacing-sm)}.logo{height:180px;transition:var(--transition-standard);filter:drop-shadow(0 0 12px rgba(255,180,0,.4));border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 16px rgba(255,180,0,.6))}.logo-tagline{display:flex;flex-direction:column;justify-content:center}.tagline{font-size:var(--font-size-xl);font-weight:500;color:var(--color-primary);max-width:320px;line-height:1.4;letter-spacing:.5px;text-shadow:var(--shadow-primary)}.tagline strong{font-weight:700}html[data-theme=light] .tagline{color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .tagline{color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}}.hero{background:var(--gradient-hero);padding:2em;text-align:center;color:#fff;position:relative;overflow:hidden;margin-top:0}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,180,0,.1) 0%,rgba(255,120,50,.05) 50%,transparent 70%);z-index:1}.hero>*{position:relative;z-index:2}.hero h1,.gradient-heading{font-size:var(--font-size-hero-title);margin:.5em 0;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;text-shadow:0 2px 10px rgba(255,180,0,.2);font-weight:700;letter-spacing:1px}.hero p{font-size:var(--font-size-hero-subtitle);margin:.5em auto 1em;width:80%;line-height:1.6;max-width:800px}.hero button{background-color:var(--color-button-bg);color:var(--color-primary);border:1px solid var(--color-primary);padding:.75em 1.5em;font-size:var(--font-size-button);cursor:pointer;border-radius:var(--border-radius);font-weight:700;transition:var(--transition-standard)}.hero button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button)}html[data-theme=light] .hero{color:var(--color-secondary)}html[data-theme=light] .hero h1,html[data-theme=light] .gradient-heading{text-shadow:0 2px 10px rgba(255,120,50,.3)}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .hero{color:var(--color-secondary)}html:not([data-theme=dark]) .hero h1,html:not([data-theme=dark]) .gradient-heading{text-shadow:0 2px 10px rgba(255,120,50,.3)}}main section{margin:1.5em auto;max-width:1000px;padding:0 2em}main section p,main section li{font-size:var(--font-size-xl);line-height:1.6;margin-bottom:1em}.cta-container{text-align:center;margin:2em 0}.cta-container .filled-button{display:inline-block;text-decoration:none;font-size:var(--font-size-button);padding:.75em 1.5em}input,textarea{width:100%;padding:.8em;background-color:var(--color-button-bg);border:1px solid var(--color-input-border);border-radius:4px;color:var(--color-text);font-size:var(--font-size-form-input)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px #ffb4004d}button{background-color:var(--color-button-bg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:.6em 1.2em;font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:var(--transition-standard)}.filled-button{border-radius:var(--border-radius);padding:.6em 1.2em;font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:var(--btn-transition);transform:translateY(0);box-shadow:0 0 #ff783200}.cta-button{border-radius:var(--border-radius);padding:.6em 1.2em;font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:var(--btn-transition);text-decoration:none;display:inline-block;text-align:center;background-color:#000;color:var(--color-primary);border:1px solid var(--color-primary);transform:translateY(0);box-shadow:0 0 #ff783200}.cta-button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover);transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}.theme-controls{position:fixed;top:10px;right:10px;z-index:1000;background:#000000b3;padding:10px;border-radius:5px;display:flex;gap:10px}.theme-toggle-button,.theme-reset-button{background-color:var(--color-button-bg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);transition:var(--transition-standard);font-size:var(--font-size-body-xs);padding:5px 10px}.theme-toggle-button:hover,.theme-reset-button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover)}html[data-theme=light] .filled-button{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}html[data-theme=light] .filled-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}html[data-theme=light] .cta-button{background-color:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary)}html[data-theme=light] .cta-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}html[data-theme=light] .theme-toggle-button,html[data-theme=light] .theme-reset-button{color:var(--color-secondary);border-color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}html[data-theme=light] .theme-toggle-button:hover,html[data-theme=light] .theme-reset-button:hover{color:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .filled-button{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}html:not([data-theme=dark]) .filled-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}html:not([data-theme=dark]) .cta-button{background-color:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary)}html:not([data-theme=dark]) .cta-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px #ff783226}html:not([data-theme=dark]) .theme-toggle-button,html:not([data-theme=dark]) .theme-reset-button{color:var(--color-secondary);border-color:var(--color-secondary);text-shadow:0 0 8px rgba(255,180,0,.3)}html:not([data-theme=dark]) .theme-toggle-button:hover,html:not([data-theme=dark]) .theme-reset-button:hover{color:var(--color-primary-hover);border-color:var(--color-primary-hover)}}h2{margin-bottom:.8em;color:var(--color-primary);position:relative;display:inline-block;font-size:var(--font-size-heading-secondary)}h2:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:var(--gradient-primary)}.footer-links{display:flex;justify-content:center;gap:1.5em;flex-wrap:wrap;margin-top:2em;padding:.6em 0;border-top:1px solid rgba(255,180,0,.2)}.footer-link{text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-footer-text);transition:var(--transition-standard)}.footer-link:hover{color:var(--color-primary);text-decoration:underline}.minor-footer-links{display:flex;justify-content:center;gap:.5em;margin-top:.5em}.minor-footer-link{text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-body-xs);opacity:.7;transition:var(--transition-standard)}.minor-footer-link:hover{color:var(--color-primary);text-decoration:underline;opacity:1}.minor-footer-separator{color:var(--color-text-muted);font-size:var(--font-size-body-xs);opacity:.7}html[data-theme=light] .footer-link{color:var(--color-text-muted)}html[data-theme=light] .footer-link:hover{color:var(--color-secondary)}html[data-theme=light] .minor-footer-link{color:var(--color-text-muted)}html[data-theme=light] .minor-footer-link:hover{color:var(--color-secondary)}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .footer-link{color:var(--color-text-muted)}html:not([data-theme=dark]) .footer-link:hover{color:var(--color-secondary)}html:not([data-theme=dark]) .minor-footer-link{color:var(--color-text-muted)}html:not([data-theme=dark]) .minor-footer-link:hover{color:var(--color-secondary)}}@media (max-width: 768px){.footer-links{flex-direction:column;align-items:center;gap:.7em;padding:.8em 0}}footer{text-align:center;margin-top:.5em;padding:.5em 0 1em;font-size:var(--font-size-body);color:var(--color-text-muted)}@media (max-width: 1024px) and (min-width: 769px){header{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}nav{margin-left:var(--spacing-xl)}.logo{height:160px}.tagline{font-size:var(--font-size-xl);max-width:280px}}@media (max-width: 768px){header{flex-direction:column;gap:1.5em;align-items:center;text-align:center;justify-content:center;height:auto;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.logo-container{flex-direction:column;justify-content:center;margin:0 auto;text-align:center;width:100%;align-items:center}.logo-link{flex-direction:column;align-items:center;width:100%}.logo{height:140px;margin:0 auto .5em}nav{margin-left:0;width:100%;text-align:center;margin-top:var(--spacing-sm)}.tagline{text-align:center;max-width:none;font-size:var(--font-size-xl)}.hero h1,.gradient-heading{font-size:var(--font-size-3xl)}.hero p{width:100%;font-size:var(--font-size-xl)}main section{padding:0 1em}}@media (max-width: 480px){.logo{height:120px;display:block}.logo-tagline{margin-top:1em;width:100%}.tagline{font-size:var(--font-size-lg)}nav{display:flex;justify-content:center;margin-top:1em}nav a{margin:0 .3em;font-size:var(--font-size-nav-link)}header{padding:var(--spacing-sm);padding-bottom:1.5em}.hero{padding:2em 1.5em;margin-top:.5em}.hero h1,.gradient-heading{font-size:var(--font-size-2xl)}.hero button{padding:.6em 1.2em}h2{font-size:var(--font-size-2xl)}}.hero{text-align:center;padding:var(--spacing-xl) var(--spacing-md);max-width:var(--container-default);margin:0 auto}.hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-philosophy{max-width:900px;margin:0 auto}.hero-philosophy blockquote{font-size:var(--font-size-xl);font-style:italic;margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--color-card-bg);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-text)}.hero-belief{font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-muted)}main{margin:0 auto}.problem-section{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);padding:0 var(--spacing-lg)}.problem-section h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.intro-text{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text)}.problem-intro{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl);color:var(--color-text)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.problem-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:var(--transition-standard)}html[data-theme=light] .problem-card{border:2px solid rgba(42,14,78,.15);box-shadow:0 2px 8px #0000000d}.problem-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--color-primary-hover)}.problem-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.problem-card p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-muted)}.trap-callout{background:linear-gradient(135deg,#ffb4001a,#ff78321a);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;text-align:center}.trap-callout p{font-size:var(--font-size-lg);line-height:1.6;margin:0;color:var(--color-text)}.solution-section{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);padding:0 var(--spacing-lg)}.solution-section h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.solution-intro,.solution-subtitle{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text)}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.benefit-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:var(--transition-standard)}html[data-theme=light] .benefit-card,html[data-theme=light] .method-step,html[data-theme=light] .result-item{border:2px solid rgba(42,14,78,.15);box-shadow:0 2px 8px #0000000d}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--color-primary)}.benefit-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.benefit-card p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-muted)}.method-section{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);padding:0 var(--spacing-lg)}.method-section h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.method-intro,.method-description{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text)}.method-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.method-step{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:var(--transition-standard)}.method-step:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--color-primary)}.method-step h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.method-step p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-muted)}.realization-callout{background:linear-gradient(135deg,#ffb4001a,#ff78321a);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;text-align:center}.realization-callout p{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-md);color:var(--color-text)}.call-to-action{font-size:var(--font-size-xl);color:var(--color-primary)}.results-section{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);padding:0 var(--spacing-lg)}.results-section h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.results-intro{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl);color:var(--color-text)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin:var(--spacing-xl) 0}.result-item{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition-standard)}.result-item:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000001a;border-color:var(--color-primary)}.result-item h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text)}.result-item p{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-muted);margin:0}.book-teaser{margin:calc(var(--spacing-xl) * 2) auto;max-width:var(--container-default);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.book-content h2{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text)}.book-info{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xl);align-items:start}.book-cover-placeholder{width:180px;height:240px;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0003;position:relative}.book-spine{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;padding:var(--spacing-md)}.book-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.book-subtitle{font-size:var(--font-size-sm);opacity:.9}.book-details h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.book-description{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.book-features{list-style:none;padding:0;margin-bottom:var(--spacing-lg)}.book-features li{padding:var(--spacing-xs) 0;position:relative;padding-left:var(--spacing-lg);color:var(--color-text-muted)}.book-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.book-status{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.status-badge{background:var(--color-primary);color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600}.book-status p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.resources-available{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff}.explore-btn{display:inline-block;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-base);transition:background-color .2s ease,transform .2s ease}.explore-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.quick-links{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-border)}.quick-links h3{text-align:center;font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.quick-link{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quick-link:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.link-icon{font-size:var(--font-size-3xl)}.link-text{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);text-align:center}@media (max-width: var(--breakpoint-tablet)){.hero h1{font-size:var(--font-size-3xl)}.hero-philosophy blockquote{font-size:var(--font-size-lg);padding:var(--spacing-md)}.problems-grid,.benefits-grid,.method-steps{grid-template-columns:1fr;gap:var(--spacing-md)}.results-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.book-info{grid-template-columns:1fr;text-align:center}.book-cover-placeholder{margin:0 auto}.book-details{text-align:left}.links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-mobile)){.hero{padding:var(--spacing-lg) var(--spacing-sm)}.problem-section,.solution-section,.method-section,.results-section{padding:0 var(--spacing-md)}.book-teaser{padding:var(--spacing-lg);margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.links-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.problem-card,.benefit-card,.method-step{padding:var(--spacing-lg)}.result-item{padding:var(--spacing-md)}.book-cover-placeholder{width:140px;height:190px}.book-title{font-size:var(--font-size-lg)}}html[data-theme=light] .hero h1{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-color-scheme: light){html:not([data-theme=dark]) .hero h1{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.book-page{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.book-page .hero{text-align:center;margin-bottom:var(--spacing-3xl)}.book-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.book-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.book-page .hero .description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.resources-section{margin-bottom:var(--spacing-3xl)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.resource-card{display:block;padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:transform .2s ease,box-shadow .2s ease}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.resource-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.resource-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.card-link{display:inline-block;color:var(--book-interactive-bg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:color .2s ease}.resource-card:hover .card-link{color:var(--book-interactive-hover)}@media (max-width: 768px){.book-page{padding:var(--spacing-xl) var(--spacing-md)}.book-page .hero h1{font-size:var(--font-size-2xl)}.book-page .hero .subtitle{font-size:var(--font-size-lg)}.card-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#ff7832;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;box-shadow:0 4px 12px #0006;transition:all .3s ease;opacity:0;visibility:hidden;z-index:var(--z-index-fixed, 300)}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:#ff8c52;transform:translateY(-6px);box-shadow:0 8px 20px #ff783280}html[data-theme=light] .scroll-to-top{background:#4a1a7a;box-shadow:0 4px 12px #4a1a7a66}html[data-theme=light] .scroll-to-top:hover{background:#5e2299;box-shadow:0 8px 20px #4a1a7a80}.scroll-to-top:active{transform:translateY(-2px)}@media (max-width: 768px){.scroll-to-top{bottom:16px;right:16px;width:44px;height:44px}}.resource-page-layout{display:flex;min-height:100vh;position:relative}.resource-content{flex:1;max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.toc-sidebar{position:sticky;top:80px;width:280px;height:calc(100vh - 100px);overflow-y:auto;padding:var(--spacing-xl);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-shrink:0}.toc-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:var(--spacing-xs)}.toc-link{display:inline-block;padding:var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;width:auto}.toc-link:hover{color:var(--book-interactive-bg);text-decoration:underline}.toc-item.active .toc-link{color:var(--book-interactive-bg);font-weight:var(--font-weight-semibold)}.toc-item.level-2 .toc-link{padding-left:var(--spacing-md);font-size:var(--font-size-sm)}.toc-toggle{display:none;position:fixed;top:80px;right:var(--spacing-lg);z-index:1000;padding:var(--spacing-sm) var(--spacing-md);background:var(--book-interactive-bg);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-md)}@media (max-width: 1024px){.toc-sidebar{width:240px}.resource-content{padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width: 768px){.resource-page-layout{flex-direction:column}.toc-sidebar{position:fixed;top:60px;left:-280px;width:280px;height:calc(100vh - 60px);z-index:999;transition:left .3s ease;border-right:none;box-shadow:var(--shadow-lg)}.toc-sidebar.toc-open{left:0}.toc-toggle{display:block}.resource-content{width:100%;padding:var(--spacing-lg) var(--spacing-md);padding-top:80px}}.tab-navigation{display:flex;gap:var(--spacing-xs);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-2xl)}.tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:-2px;display:flex;align-items:center;gap:var(--spacing-xs)}.tab:hover{color:var(--color-text);background:var(--color-bg)}.tab:focus{outline:2px solid var(--book-interactive-bg);outline-offset:2px}.tab.active{color:var(--book-interactive-bg);border-bottom-color:var(--book-interactive-bg)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-xs);background:var(--color-bg-secondary);border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.tab.active .tab-count{background:var(--book-interactive-bg);color:#fff}@media (max-width: 768px){.tab-navigation{gap:0}.tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);justify-content:center}}.copy-btn{padding:var(--spacing-xs);width:32px;height:32px;background:transparent;border:1px solid rgba(255,120,50,.3);border-radius:var(--radius-sm);color:var(--color-primary-hover);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.copy-btn:hover:not(:disabled){background:#ff78321a;border-color:var(--color-primary-hover);color:var(--color-primary-hover);transform:scale(1.05)}.copy-btn:active:not(:disabled){transform:scale(.95)}.copy-btn:disabled{cursor:default;opacity:.8}.copy-btn.copied{color:var(--color-success, #22c55e);border-color:var(--color-success, #22c55e);background:#22c55e1a}.copy-btn.error{color:var(--color-error, #dc3545);border-color:var(--color-error, #dc3545);background:#dc35451a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.prompts-personas-page .hero{text-align:center;margin-bottom:var(--spacing-3xl)}.prompts-personas-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.prompts-personas-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.prompts-personas-page .hero .description{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.simple-prompts-list{max-width:1000px;margin:var(--spacing-2xl) auto}.chapter-group{margin-bottom:var(--spacing-3xl)}.chapter-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.prompt-item{margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.prompt-item.expanded{background:var(--color-bg);border-color:var(--book-interactive-bg)}.prompt-summary{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);cursor:pointer;gap:var(--spacing-md)}.prompt-summary:hover{background:#00000005}html[data-theme=light] .prompt-summary:hover{background:#00000008}.prompt-main{flex:1}.prompt-chapter{display:inline-block;font-size:var(--font-size-sm);color:var(--book-interactive-bg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.prompt-text{font-size:var(--font-size-xl);color:var(--color-text);line-height:1.6;margin:0}.expand-icon{font-size:var(--font-size-2xl);color:var(--book-interactive-bg);font-weight:var(--font-weight-bold);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.prompt-item .prompt-details{padding:var(--spacing-lg);padding-top:0;border-top:1px solid var(--color-border)}.category-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.prompt-preview{display:block;color:var(--color-text)}.persona-name{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-block;padding:2px var(--spacing-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.tag-more{display:inline-block;padding:2px var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.prompt-details,.persona-details{padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius-md)}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.detail-section p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin:0}.prompt-text{display:flex;align-items:flex-start;gap:var(--spacing-md)}.prompt-text p{flex:1;font-style:italic}.section-content{white-space:pre-wrap}.chapter-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.expertise-tag{background:#ff78321a;border-color:var(--book-interactive-bg);color:var(--book-interactive-bg)}.use-tag{background:var(--color-bg-secondary);border-color:var(--color-border)}.persona-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--book-interactive-bg);border-radius:var(--radius-sm);color:var(--book-interactive-bg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.persona-link:hover{background:var(--book-interactive-bg);color:#fff}.persona-link .arrow{font-size:var(--font-size-lg);transition:transform .2s ease}.persona-link:hover .arrow{transform:translate(4px)}.full-content-actions{display:flex;align-items:center;gap:var(--spacing-md)}.content-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.loading-state,.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.loading-state p,.empty-state p{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.error-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}@media (max-width: 1024px){.prompts-personas-page{padding:var(--spacing-xl) var(--spacing-md)}}@media (max-width: 768px){.prompts-personas-page{padding:var(--spacing-lg) var(--spacing-sm)}.prompts-personas-page .hero h1{font-size:var(--font-size-2xl)}.prompts-personas-page .hero .subtitle{font-size:var(--font-size-lg)}.prompt-text{flex-direction:column;gap:var(--spacing-sm)}.full-content-actions{flex-direction:column;align-items:flex-start}}.implementation-content .hero{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border)}.implementation-content .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.implementation-content .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.implementation-content .hero .description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.section{margin-bottom:var(--spacing-3xl)}.section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--color-text);scroll-margin-top:100px}.intro,.section-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.phase-overview{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.phase-card{padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:var(--radius-md)}.phase-card.advanced{border-left-color:var(--color-warning, #f59e0b)}.phase-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.phase-card ul{list-style:none;padding:0;margin:0}.phase-card li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6}.phase-card code{font-size:var(--font-size-base);padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-xs);color:var(--book-interactive-bg)}.navigation-tips{padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.navigation-tips h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.navigation-tips ul{list-style-position:inside;padding:0;margin:0}.navigation-tips li{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xs)}.code-block{position:relative;margin:var(--spacing-lg) 0}.code-block pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto}.code-block code{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-base);line-height:1.6;color:var(--color-text)}.phase-section{margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-border);scroll-margin-top:100px}.phase-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.phase-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.advanced-section{background:linear-gradient(135deg,transparent 0%,var(--color-bg-secondary) 100%);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border-top-color:var(--color-warning, #f59e0b)}.step-card{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.step-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.step-card p{margin-bottom:var(--spacing-sm);line-height:1.6;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.step-card strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.step-card code{font-size:var(--font-size-base);padding:2px 6px;background:var(--color-bg-secondary);border-radius:var(--radius-xs);color:var(--book-interactive-bg)}.prompt-box{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-left:4px solid var(--color-border);border-radius:var(--radius-sm)}.prompt-box h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.prompt-box p{font-style:italic;color:var(--color-text);line-height:1.6;margin:0}.prompt-box ul{margin-top:var(--spacing-sm);padding-left:var(--spacing-lg);list-style-position:outside}.prompt-box li{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xs)}.quality-gates-reference{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#1a0933e6,#2d0e4ee6);color:#fff;border-radius:var(--radius-md);border:1px solid rgba(255,180,0,.3)}html[data-theme=light] .quality-gates-reference{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:1px solid rgba(42,14,78,.3)}.quality-gates-reference h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:#fff}.quality-gates-reference ol{padding-left:var(--spacing-lg);margin:0}.quality-gates-reference li{line-height:1.6;margin-bottom:var(--spacing-xs);color:#fff}.quality-gates-reference strong{color:#fff;font-weight:var(--font-weight-bold)}.quality-gates-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:3px solid var(--color-border);scroll-margin-top:100px}.quality-gate-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg)}html[data-theme=light] .quality-gate-card{border:2px solid rgba(42,14,78,.4)}.gate-number{flex-shrink:0;width:48px;height:48px;margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0933,#2d0e4e);color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-radius:50%;border:2px solid rgba(255,180,0,.3)}html[data-theme=light] .gate-number{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:2px solid rgba(42,14,78,.3)}.quality-gate-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);margin-top:0;color:var(--color-text)}.quality-gate-card p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:1.6}.quality-gate-card ul{list-style-position:inside;padding:0;margin:0;text-align:left;max-width:600px}.quality-gate-card li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xs)}@media (max-width: 1024px){.toc-sidebar{width:240px}.implementation-content{padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width: 768px){.implementation-page{flex-direction:column}.toc-sidebar{position:fixed;top:60px;left:-280px;width:280px;height:calc(100vh - 60px);z-index:999;transition:left .3s ease;border-right:none;box-shadow:var(--shadow-lg)}.toc-sidebar.toc-open{left:0}.toc-toggle{display:block}.implementation-content{width:100%;padding:var(--spacing-lg) var(--spacing-md);padding-top:80px}.implementation-content .hero h1{font-size:var(--font-size-2xl)}.implementation-content .hero .subtitle{font-size:var(--font-size-lg)}.phase-section h2{font-size:var(--font-size-xl)}.step-card{padding:var(--spacing-lg)}.quality-gate-card{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg)}.gate-number{margin-bottom:var(--spacing-md)}}.structure-page .hero{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border)}.structure-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.structure-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.structure-page .hero .description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.structure-section{margin-bottom:var(--spacing-3xl)}.structure-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.section-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.structure-card{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.structure-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.structure-card p{margin-bottom:var(--spacing-md);line-height:1.6;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.structure-card code{font-size:var(--font-size-base);padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-xs);color:var(--book-interactive-bg)}.code-block-wrapper{margin:var(--spacing-lg) 0}.code-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.code-container{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.code-container pre{padding:var(--spacing-lg);margin:0;overflow-x:auto}.code-container code{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background:none;padding:0}.code-container .copy-code-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.structure-purpose,.note{padding:var(--spacing-md);background:var(--color-bg);border-left:4px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--spacing-md);line-height:1.6}.note{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.comparison-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.key-principle,.guideline{padding:var(--spacing-md);background:linear-gradient(135deg,#1a0933e6,#2d0e4ee6);color:#fff;border-radius:var(--radius-sm);margin-top:var(--spacing-md);line-height:1.6;border:1px solid rgba(255,180,0,.3)}html[data-theme=light] .key-principle,html[data-theme=light] .guideline{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:1px solid rgba(42,14,78,.3)}.key-principle strong,.guideline strong{color:#fff;font-weight:var(--font-weight-bold)}.principles-box,.usage-patterns,.quality-gates-box{padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--spacing-lg)}.principles-box h4,.usage-patterns h4,.quality-gates-box h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.principles-box ul,.usage-patterns ul,.quality-gates-box ul{list-style-position:inside;padding:0;margin:0}.principles-box li,.usage-patterns li,.quality-gates-box li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xs)}.principles-box code,.usage-patterns code,.quality-gates-box code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-xs)}.takeaways-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:3px solid var(--color-border)}.takeaways-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-md);text-align:center;color:var(--color-text)}.takeaway-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.takeaway-card{padding:var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.takeaway-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--book-interactive-bg)}.takeaway-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.takeaway-card code{font-size:var(--font-size-sm);padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-xs);color:var(--book-interactive-bg)}@media (max-width: 1024px){.comparison-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.takeaway-cards{grid-template-columns:1fr}}@media (max-width: 768px){.structure-page{padding:var(--spacing-xl) var(--spacing-md)}.structure-page .hero h1{font-size:var(--font-size-2xl)}.structure-page .hero .subtitle{font-size:var(--font-size-lg)}.structure-section h2{font-size:var(--font-size-xl)}.structure-card{padding:var(--spacing-lg)}.code-container pre{padding:var(--spacing-md);font-size:var(--font-size-xs)}.copy-code-btn{position:static;display:block;width:100%;margin-top:var(--spacing-sm)}.comparison-grid,.takeaway-cards{gap:var(--spacing-md)}}.metrics-page .hero{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border)}.metrics-page .hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.metrics-page .hero .subtitle{font-size:var(--font-size-xl);color:var(--book-interactive-bg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.metrics-page .hero .description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.6;max-width:800px;margin:0 auto}.metrics-category{margin-bottom:var(--spacing-3xl)}.metrics-category h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.category-intro,.section-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);max-width:800px;margin-left:auto;margin-right:auto}.metric-card{padding:var(--spacing-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.metric-card.business{border-left:4px solid var(--color-success, #22c55e)}.metric-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.metric-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.metric-card p{font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.metric-card strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.example,.impact,.calculation{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-md);font-size:var(--font-size-sm);line-height:1.6}.example{background:var(--color-bg);border-left:3px solid var(--color-border)}.impact{background:linear-gradient(135deg,#1a0933e6,#2d0e4ee6);color:#fff;border:1px solid rgba(255,180,0,.3)}html[data-theme=light] .impact{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:1px solid rgba(42,14,78,.3)}.impact strong{color:#fff}.calculation{background:var(--color-bg);border:1px dashed var(--color-border);font-family:Monaco,Courier New,monospace}.scorecard-section{margin:var(--spacing-3xl) auto;padding:var(--spacing-2xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px solid var(--color-border);max-width:900px;text-align:center}.scorecard{display:grid;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.scorecard-category{padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius-md)}.scorecard-category h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--book-interactive-bg)}.metric-progress{margin-bottom:var(--spacing-md)}.metric-progress strong{display:block;font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);color:var(--color-text)}.progress-bar{padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border-left:4px solid var(--color-border)}.progress-bar span{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.note{padding:var(--spacing-md);background:var(--color-bg);border-left:4px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-secondary)}.getting-started{margin:var(--spacing-3xl) auto;max-width:900px}.getting-started h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.timeline{position:relative;padding-left:var(--spacing-2xl)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:var(--spacing-2xl)}.timeline-marker{position:absolute;left:calc(-1 * var(--spacing-2xl) - 8px);top:0;width:18px;height:18px;border-radius:50%;background:var(--book-interactive-bg);border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--book-interactive-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;padding:var(--spacing-sm) var(--spacing-md);width:auto;height:auto;border-radius:var(--radius-md)}.timeline-content{padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.timeline-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.timeline-content ul{list-style-position:inside;padding:0;margin:0}.timeline-content li{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xs)}.success-section{margin:var(--spacing-3xl) auto;padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);border-radius:var(--radius-lg);max-width:900px}.success-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);text-align:center;color:var(--color-text)}.success-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.success-card{padding:var(--spacing-lg);background:var(--color-bg);border:2px solid var(--color-success, #22c55e);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-md)}.success-card .check{font-size:var(--font-size-xl);color:var(--color-success, #22c55e);flex-shrink:0}.success-card p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-secondary);margin:0}.success-card strong{color:var(--color-text)}.leadership-section{margin:var(--spacing-3xl) auto;max-width:1100px}.leadership-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.leadership-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.leadership-card{padding:var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.leadership-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--book-interactive-bg);text-align:center}.leadership-card ul{list-style:none;padding:0;margin:0}.leadership-card li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);line-height:1.6}.leadership-card li:last-child{border-bottom:none}.leadership-card strong{color:var(--color-text)}.final-note{padding:var(--spacing-xl);background:linear-gradient(135deg,#1a0933e6,#2d0e4ee6);color:#fff;border-radius:var(--radius-lg);text-align:center;border:1px solid rgba(255,180,0,.3)}html[data-theme=light] .final-note{background:linear-gradient(135deg,#2d0e4e,#4a1a7a);border:1px solid rgba(42,14,78,.3)}.final-note p{font-size:var(--font-size-lg);line-height:1.8;margin:0}@media (max-width: 1024px){.leadership-grid,.success-grid{grid-template-columns:1fr}}@media (max-width: 768px){.metrics-page{padding:var(--spacing-xl) var(--spacing-md)}.metrics-page .hero h1{font-size:var(--font-size-2xl)}.metrics-page .hero .subtitle{font-size:var(--font-size-lg)}.metrics-category h2,.getting-started h2,.success-section h2,.leadership-section h2{font-size:var(--font-size-xl)}.metrics-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.scorecard-section{padding:var(--spacing-lg)}.timeline{padding-left:var(--spacing-xl)}.timeline-marker{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}:root{--font-family: "Atkinson Hyperlegible", system-ui, sans-serif;--font-size-base: clamp(16px, .95vw + 14px, 18px);--font-size-xs: clamp(.7rem, .7vw + .6rem, .75rem);--font-size-sm: clamp(.8rem, .7vw + .7rem, .875rem);--font-size-md: 1rem;--font-size-lg: clamp(1.15rem, .8vw + 1rem, 1.25rem);--font-size-xl: clamp(1.25rem, .9vw + 1.15rem, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.1vw + 1.3rem, 1.875rem);--font-size-3xl: clamp(1.75rem, 1.3vw + 1.5rem, 2.25rem);--font-size-4xl: clamp(2rem, 2vw + 1.6rem, 3rem);--font-size-body: var(--font-size-md);--font-size-body-small: var(--font-size-sm);--font-size-body-xs: var(--font-size-xs);--font-size-button: var(--font-size-xl);--font-size-label: var(--font-size-sm);--font-size-heading-primary: var(--font-size-3xl);--font-size-heading-secondary: var(--font-size-2xl);--font-size-heading-tertiary: var(--font-size-xl);--font-size-nav-link: var(--font-size-xl);--font-size-card-title: var(--font-size-lg);--font-size-card-content: var(--font-size-md);--font-size-footer-text: var(--font-size-sm);--font-size-form-input: var(--font-size-md);--font-size-hero-title: var(--font-size-4xl);--font-size-hero-subtitle: var(--font-size-xl);--color-primary: #ffb400;--color-primary-hover: #ff7832;--color-secondary: #1a0933;--color-accent: #2d0e4e;--color-tertiary: #607d8b;--color-tertiary-darker: #455a64;--color-tertiary-lighter: #78909c;--book-interactive-bg: #ff7832;--book-interactive-hover: #ff9f5a;--book-emphasis-border: rgba(255, 120, 50, .3);--book-gradient: linear-gradient(135deg, rgba(255, 120, 50, .9), rgba(255, 159, 90, .9));--gradient-primary: linear-gradient(90deg, #ffb400, #ff7832);--spacing-unit: 8px;--spacing-xs: var(--spacing-unit);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: calc(var(--spacing-unit) * 3);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 6);--transition-standard: all .3s ease;--duration-fast: .15s;--duration-standard: .2s;--duration-slow: .3s;--easing-bounce: cubic-bezier(.175, .885, .32, 1.3);--easing-standard: ease;--easing-in-out: ease-in-out;--btn-transition: all var(--duration-fast) var(--easing-bounce);--border-radius: 8px;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-laptop: 1024px;--breakpoint-desktop: 1280px;--breakpoint-xl: 1440px;--container-narrow: 800px;--container-default: 1200px;--container-wide: 1400px}:root{--color-text: rgba(255, 255, 255, .87);--color-background: #242424;--color-button-bg: #1a1a1a;--color-input-border: #444;--color-text-muted: rgba(255, 255, 255, .6);--card-bg-dark: rgba(60, 60, 70, .75);--card-bg-hover-dark: rgba(70, 70, 85, .85);--card-border-dark: rgba(90, 90, 110, .3);--color-card-bg: var(--card-bg-dark);--color-border: var(--card-border-dark);--gradient-hero: linear-gradient(135deg, #1a0933, #2d0e4e);--shadow-primary: 0 0 10px rgba(255, 180, 0, .3);--shadow-button: 0 4px 8px rgba(255, 120, 50, .2)}html[data-theme=light]{--color-text: #1a0933;--color-background: #ffffff;--color-button-bg: #f9f9f9;--color-input-border: #cccccc;--color-text-muted: rgba(26, 9, 51, .6);--shadow-primary: 0 0 10px rgba(255, 180, 0, .2);--gradient-hero: linear-gradient(135deg, #f5f0ff, #ffe8cc);--card-bg-dark: rgba(245, 245, 245, .8);--card-bg-hover-dark: rgba(235, 235, 235, .9);--card-border-dark: rgba(0, 0, 0, .1);--color-card-bg: var(--card-bg-dark);--color-border: var(--card-border-dark);--book-interactive-bg: #4a1a7a;--book-interactive-hover: #6b2fb3;--book-emphasis-border: rgba(42, 14, 78, .3);--book-gradient: linear-gradient(135deg, #2d0e4e, #4a1a7a)}@media (prefers-color-scheme: light){html:not([data-theme=dark]){--color-text: #1a0933;--color-background: #ffffff;--color-button-bg: #f9f9f9;--color-input-border: #cccccc;--color-text-muted: rgba(26, 9, 51, .6);--shadow-primary: 0 0 10px rgba(255, 180, 0, .2);--gradient-hero: linear-gradient(135deg, #f5f0ff, #ffe8cc);--card-bg-dark: rgba(245, 245, 245, .8);--card-bg-hover-dark: rgba(235, 235, 235, .9);--card-border-dark: rgba(0, 0, 0, .1);--color-card-bg: var(--card-bg-dark);--color-border: var(--card-border-dark);--book-interactive-bg: #4a1a7a;--book-interactive-hover: #6b2fb3;--book-emphasis-border: rgba(42, 14, 78, .3);--book-gradient: linear-gradient(135deg, #2d0e4e, #4a1a7a)}}:root{font-family:var(--font-family);line-height:1.5;font-weight:400;font-size:var(--font-size-base);color-scheme:light dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit;transition:var(--transition-standard);font-size:var(--font-size-lg)}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;flex-direction:column;min-height:100vh;width:100%;color:var(--color-text);background-color:var(--color-background)}h1{font-size:var(--font-size-heading-primary);line-height:1.1}button{border-radius:var(--border-radius);border:1px solid var(--color-primary);padding:.6em 1.2em;font-size:var(--font-size-button);font-weight:500;font-family:inherit;background-color:var(--color-button-bg);color:var(--color-primary);cursor:pointer;transition:var(--transition-standard)}button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover)}button:focus,button:focus-visible{outline:3px solid rgba(255,180,0,.3)}