:root{--color-background:#fafafa;--color-surface:#fff;--color-text:#2c3259;--color-text-muted:#5a5f7d;--color-accent-primary:#2493a2;--color-accent-secondary:#dcb13c;--color-accent-tertiary:#57bda2;--color-border:#e0e0e0;--color-shadow:#2c32591a;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--container-max:1200px;--container-narrow:800px}[data-theme=dark]{--color-background:#0a0e28;--color-surface:#2c3259;--color-text:#fafafa;--color-text-muted:#b0b4c8;--color-accent-primary:#57bda2;--color-accent-secondary:#dcb13c;--color-accent-tertiary:#2493a2;--color-border:#3d4470;--color-shadow:#0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);transition:background-color var(--transition-normal), color var(--transition-normal);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;min-height:100dvh;font-size:16px;line-height:1.6}#root{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}@media (min-width:768px){h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-tertiary)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max);padding:0 var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-xl)}}.container--narrow{max-width:var(--container-narrow)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-toggle{border:2px solid var(--color-border);cursor:pointer;width:40px;height:40px;color:var(--color-text);transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:rotate(15deg)}.header{z-index:100;background-color:var(--color-background);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-normal);position:sticky;top:0}.header__container{justify-content:space-between;align-items:center;gap:var(--spacing-md);height:70px;display:flex}.header__logo{font-family:var(--font-heading);color:var(--color-text);white-space:nowrap;font-size:1.25rem;font-weight:600;text-decoration:none}.header__logo:hover{color:var(--color-accent-primary)}.header__menu-toggle{color:var(--color-text);cursor:pointer;padding:var(--spacing-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (min-width:768px){.header__menu-toggle{display:none}}.header__nav{background-color:var(--color-background);padding:var(--spacing-xl);transition:transform var(--transition-normal);z-index:99;position:fixed;top:70px;bottom:0;left:0;right:0;transform:translate(-100%)}.header__nav--open{transform:translate(0)}@media (min-width:768px){.header__nav{background:0 0;padding:0;position:static;transform:none}}.header__nav-list{gap:var(--spacing-lg);flex-direction:column;list-style:none;display:flex}@media (min-width:768px){.header__nav-list{gap:var(--spacing-xl);flex-direction:row}}.header__nav-link{color:var(--color-text);transition:color var(--transition-fast);font-size:1.125rem;font-weight:500;text-decoration:none;position:relative}@media (min-width:768px){.header__nav-link{font-size:.95rem}}.header__nav-link:hover,.header__nav-link--active{color:var(--color-accent-primary)}.header__nav-link--active:after{content:"";background-color:var(--color-accent-primary);height:2px;position:absolute;bottom:-4px;left:0;right:0}.header__actions{align-items:center;gap:var(--spacing-md);display:flex}.footer{background-color:var(--color-surface);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:auto}.footer__grid{gap:var(--spacing-xl);display:grid}@media (min-width:768px){.footer__grid{gap:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 2fr}}.footer__brand{max-width:280px}.footer__logo{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--spacing-md);font-size:1.5rem;font-weight:600;text-decoration:none;display:block}.footer__logo:hover{color:var(--color-accent-primary)}.footer__tagline{color:var(--color-text-muted);margin:0;font-size:.9rem}.footer__heading{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:var(--spacing-md);font-size:.875rem;font-weight:600}.footer__links ul{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.footer__links a{color:var(--color-text-muted);align-items:center;gap:var(--spacing-sm);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none;display:flex}.footer__links a:hover{color:var(--color-accent-primary)}.footer__newsletter p{color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:.9rem}.footer__form{gap:var(--spacing-sm);display:flex}.footer__input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);flex:1;font-size:.9rem}.footer__input::placeholder{color:var(--color-text-muted)}.footer__input:focus{border-color:var(--color-accent-primary);outline:none}.footer__submit{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:none}.footer__submit:hover{background-color:var(--color-accent-tertiary)}.footer__bottom{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);text-align:center}.footer__bottom p{color:var(--color-text-muted);margin:0;font-size:.875rem}.hero{text-align:center;background-color:var(--color-surface);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.hero--small{min-height:30vh;padding:var(--spacing-2xl) 0}.hero--medium{min-height:50vh;padding:var(--spacing-3xl) 0}.hero--large{min-height:80vh;padding:var(--spacing-3xl) 0}.hero__overlay{background:linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-tertiary) 50%, var(--color-accent-secondary) 100%);opacity:.1;position:absolute;top:0;bottom:0;left:0;right:0}.hero__content{z-index:1;position:relative}.hero__title{margin-bottom:var(--spacing-md);color:var(--color-text);font-size:2.5rem}@media (min-width:768px){.hero__title{font-size:3.5rem}}@media (min-width:1024px){.hero__title{font-size:4rem}}.hero__subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-xl);font-size:1.125rem}@media (min-width:768px){.hero__subtitle{font-size:1.25rem}}.hero__actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.btn--medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}.btn--large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}.btn--primary{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.btn--primary:hover{background-color:var(--color-accent-tertiary);border-color:var(--color-accent-tertiary);color:#fff}.btn--secondary{background-color:var(--color-accent-secondary);color:var(--color-background);border-color:var(--color-accent-secondary)}.btn--secondary:hover{filter:brightness(1.1)}.btn--outline{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background-color:#0000}.btn--outline:hover{background-color:var(--color-accent-primary);color:#fff}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--color-shadow);transition:all var(--transition-normal);overflow:hidden}.card--link{color:inherit;text-decoration:none;display:block}.card--link:hover{box-shadow:0 8px 24px var(--color-shadow);transform:translateY(-4px)}.card__image{aspect-ratio:16/9;overflow:hidden}.card__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.card--link:hover .card__image img{transform:scale(1.05)}.card__content{padding:var(--spacing-lg)}.card__title{margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:1.25rem}.card__subtitle{color:var(--color-text-muted);margin-bottom:0;font-size:.9rem}.home__section{padding:var(--spacing-3xl) 0}.home__section--alt{background-color:var(--color-surface)}.home__section-subtitle{max-width:500px;margin:0 auto var(--spacing-2xl)}.home__book-preview{gap:var(--spacing-2xl);align-items:center;display:grid}@media (min-width:768px){.home__book-preview{grid-template-columns:1fr 1.5fr}}.home__book-image{justify-content:center;display:flex}.home__book-placeholder{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));border-radius:var(--radius-md);color:#fff;width:200px;height:280px;box-shadow:0 10px 30px var(--color-shadow);justify-content:center;align-items:center;font-size:4rem;display:flex}.home__book-content h2{margin-bottom:var(--spacing-md)}.home__book-content p{color:var(--color-text-muted)}.home__podcast-preview{align-items:center;gap:var(--spacing-xl);flex-direction:column;display:flex}.home__podcast-player{width:100%;max-width:600px}.home__podcast-placeholder{background:linear-gradient(135deg, var(--color-accent-secondary), var(--color-accent-primary));border-radius:var(--radius-lg);padding:var(--spacing-3xl);align-items:center;gap:var(--spacing-md);color:#fff;flex-direction:column;display:flex}.home__podcast-placeholder i{opacity:.9;font-size:4rem}.home__podcast-placeholder span{font-weight:500}.home__blog-grid{gap:var(--spacing-xl);display:grid}@media (min-width:768px){.home__blog-grid{grid-template-columns:repeat(3,1fr)}}.home__cta{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#fff}.home__cta h2{color:#fff;margin-bottom:var(--spacing-md)}.home__cta p{opacity:.9;margin-bottom:var(--spacing-xl)}.home__cta-form{gap:var(--spacing-md);flex-direction:column;max-width:400px;margin:0 auto;display:flex}@media (min-width:480px){.home__cta-form{flex-direction:row}}.home__cta-input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:#fff;background-color:#ffffff1a;border:2px solid #ffffff4d;flex:1;font-size:1rem}.home__cta-input::placeholder{color:#ffffffb3}.home__cta-input:focus{background-color:#fff3;border-color:#fff;outline:none}.home__cta .btn{color:var(--color-accent-primary);background-color:#fff;border-color:#fff}.home__cta .btn:hover{background-color:var(--color-accent-secondary);border-color:var(--color-accent-secondary);color:var(--color-background)}.about__content{padding:var(--spacing-3xl) 0}.about__author{gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-border);display:grid}@media (min-width:768px){.about__author{grid-template-columns:200px 1fr;align-items:start}}.about__author-image{justify-content:center;display:flex}.about__author-placeholder{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:3rem;display:flex}.about__author-bio h2{margin-bottom:var(--spacing-md)}.about__author-bio p{color:var(--color-text-muted)}.about__author-tagline{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);color:var(--color-text);font-size:1.05rem;font-style:italic}.about__lead{color:var(--color-text);margin-bottom:var(--spacing-lg);font-size:1.1rem}.about__closing{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);color:var(--color-text);font-style:italic}.about__section{margin-bottom:var(--spacing-2xl)}.about__section h2{margin-bottom:var(--spacing-md)}.about__section p{color:var(--color-text-muted)}.about__list{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;list-style:none;display:flex}.about__list li{align-items:flex-start;gap:var(--spacing-md);display:flex}.about__list i{color:var(--color-accent-primary);margin-top:4px}.about__list span{color:var(--color-text-muted)}.about__contact{margin-top:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.about__contact-link{align-items:center;gap:var(--spacing-sm);color:var(--color-accent-primary);font-weight:500;display:inline-flex}.about__contact-link:hover{color:var(--color-accent-tertiary)}.book-page__main{padding:var(--spacing-3xl) 0}.book-page__content{gap:var(--spacing-2xl);align-items:start;display:grid}@media (min-width:768px){.book-page__content{gap:var(--spacing-3xl);grid-template-columns:300px 1fr}}.book-page__cover{justify-content:center;display:flex}.book-page__cover-placeholder{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--spacing-md);color:#fff;text-align:center;width:250px;height:375px;padding:var(--spacing-lg);box-shadow:0 15px 40px var(--color-shadow);flex-direction:column;font-size:1.25rem;font-weight:600;display:flex}.book-page__cover-placeholder i{opacity:.9;font-size:4rem}.book-page__details h2{margin-bottom:var(--spacing-lg)}.book-page__description p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.book-page__concepts{color:var(--color-text);font-size:1.1rem;font-style:italic}.book-page__closing-thought{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);color:var(--color-text);font-style:italic}.book-page__cta{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.book-page__cta h3{margin-bottom:var(--spacing-md)}.book-page__cta-buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.book-page__excerpt{padding:var(--spacing-3xl) 0;background-color:var(--color-surface)}.book-page__excerpt h2{margin-bottom:var(--spacing-xl)}.book-page__quote{padding:var(--spacing-xl);background-color:var(--color-background);border-radius:var(--radius-lg);border-left:4px solid var(--color-accent-secondary);margin:0}.book-page__quote p{color:var(--color-text);margin-bottom:var(--spacing-md);font-size:1.125rem;font-style:italic;line-height:1.8}.book-page__quote cite{color:var(--color-accent-primary);font-style:normal;font-weight:500}.book-page__features{padding:var(--spacing-3xl) 0}.book-page__features h2{margin-bottom:var(--spacing-2xl)}.book-page__features-grid{gap:var(--spacing-xl);display:grid}@media (min-width:768px){.book-page__features-grid{grid-template-columns:repeat(2,1fr)}}.book-page__feature{padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg)}.book-page__feature-icon{width:50px;height:50px;margin-bottom:var(--spacing-md);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.book-page__feature h3{margin-bottom:var(--spacing-sm);font-size:1.1rem}.book-page__feature p{color:var(--color-text-muted);margin:0;font-size:.95rem}.book-page__audience{padding:var(--spacing-3xl) 0;background-color:var(--color-surface)}.book-page__audience h2{margin-bottom:var(--spacing-xl)}.book-page__audience-list{gap:var(--spacing-md);flex-direction:column;list-style:none;display:flex}.book-page__audience-list li{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-md);display:flex}.book-page__audience-list i{color:var(--color-accent-primary);margin-top:4px}.book-page__audience-list span{color:var(--color-text-muted)}.book-page__not{padding:var(--spacing-3xl) 0}.book-page__not-grid{gap:var(--spacing-2xl);display:grid}@media (min-width:768px){.book-page__not-grid{grid-template-columns:1fr 1fr}}.book-page__not-section,.book-page__is-section{padding:var(--spacing-xl);border-radius:var(--radius-lg)}.book-page__not-section{background-color:var(--color-surface)}.book-page__not-section h2{margin-bottom:var(--spacing-lg)}.book-page__not-section ul{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.book-page__not-section li{color:var(--color-text-muted);padding-left:var(--spacing-md);position:relative}.book-page__not-section li:before{content:"×";color:var(--color-accent-secondary);font-weight:700;position:absolute;left:0}.book-page__is-section{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#fff}.book-page__is-section h2{color:#fff;margin-bottom:var(--spacing-lg)}.book-page__is-section p{opacity:.95;margin:0;font-size:1.1rem;line-height:1.8}.podcast-embed{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--color-shadow);overflow:hidden}.podcast-embed__video{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.podcast-embed__video iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.podcast-embed__audio-placeholder{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#fff;flex-direction:column;display:flex}.podcast-embed__audio-placeholder i{opacity:.9;font-size:3rem}.podcast-embed__audio-placeholder span{font-weight:500}.podcast-embed__info{padding:var(--spacing-lg)}.podcast-embed__title{margin-bottom:var(--spacing-xs);font-size:1.125rem}.podcast-embed__date{color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.875rem;display:block}.podcast-embed__description{color:var(--color-text-muted);margin:0;font-size:.9rem}.podcast-page__section{padding:var(--spacing-3xl) 0}.podcast-page__section--alt{background-color:var(--color-surface)}.podcast-page__header{margin-bottom:var(--spacing-2xl)}.podcast-page__header h2{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.podcast-page__header h2 i{color:var(--color-accent-primary)}.podcast-page__header p{color:var(--color-text-muted);margin:0}.podcast-page__grid{gap:var(--spacing-xl);display:grid}@media (min-width:768px){.podcast-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.podcast-page__grid{grid-template-columns:repeat(3,1fr)}}.podcast-page__platforms{margin-top:var(--spacing-3xl);text-align:center}.podcast-page__platforms h3{margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.podcast-page__platform-list{justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.podcast-page__platform{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;display:flex}.podcast-page__platform i{color:var(--color-accent-primary);font-size:1.25rem}.podcast-page__subscribe{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#fff}.podcast-page__subscribe h2{color:#fff;margin-bottom:var(--spacing-sm)}.podcast-page__subscribe p{opacity:.9;margin-bottom:var(--spacing-xl)}.podcast-page__form{gap:var(--spacing-md);flex-direction:column;max-width:400px;margin:0 auto;display:flex}@media (min-width:480px){.podcast-page__form{flex-direction:row}}.podcast-page__input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:#fff;background-color:#ffffff1a;border:2px solid #ffffff4d;flex:1;font-size:1rem}.podcast-page__input::placeholder{color:#ffffffb3}.podcast-page__input:focus{background-color:#fff3;border-color:#fff;outline:none}.podcast-page__subscribe .btn{color:var(--color-accent-primary);background-color:#fff;border-color:#fff}.podcast-page__subscribe .btn:hover{background-color:var(--color-accent-secondary);border-color:var(--color-accent-secondary);color:var(--color-background)}.blog-page__content{padding:var(--spacing-3xl) 0}.blog-page__search{max-width:480px;margin-bottom:var(--spacing-2xl);position:relative}.blog-page__search-icon{color:var(--color-text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.blog-page__search-input{width:100%;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);outline:none;padding:10px 40px;font-family:inherit;font-size:.95rem}.blog-page__search-input::placeholder{color:var(--color-text-muted)}.blog-page__search-input:focus{border-color:var(--color-accent-primary)}.blog-page__search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.blog-page__search-clear:hover{color:var(--color-text)}.blog-page__grid{gap:var(--spacing-xl);display:grid}@media (min-width:768px){.blog-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-page__grid{grid-template-columns:repeat(3,1fr)}}.blog-page__card-meta{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.blog-page__card-date{align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.85rem;display:flex}.blog-page__card-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.blog-page__tag{background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);opacity:.8;padding:2px 8px;font-size:.75rem}.blog-page__empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted)}.blog-page__empty i{margin-bottom:var(--spacing-lg);color:var(--color-accent-primary);opacity:.5;font-size:3rem}.blog-page__empty h3{margin-bottom:var(--spacing-sm)}.blog-page__empty p{margin:0}.blog-post__header{padding:var(--spacing-3xl) 0;background-color:var(--color-surface)}.blog-post__back{align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);transition:color var(--transition-fast);font-size:.9rem;display:inline-flex}.blog-post__back:hover{color:var(--color-accent-primary)}.blog-post__header h1{margin-bottom:var(--spacing-md);font-size:2rem}@media (min-width:768px){.blog-post__header h1{font-size:2.5rem}}.blog-post__meta{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.blog-post__date,.blog-post__author{align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.9rem;display:flex}.blog-post__tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.blog-post__tag{background-color:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);padding:4px 12px;font-size:.8rem}.blog-post__content{padding:var(--spacing-3xl) 0}.blog-post__layout{gap:var(--spacing-2xl);max-width:1100px;padding:0 var(--spacing-lg);grid-template-columns:1fr;margin:0 auto;display:grid}@media (min-width:1024px){.blog-post__layout{grid-template-columns:1fr 300px}}.blog-post__sidebar{display:none}@media (min-width:1024px){.blog-post__sidebar{display:block}}.blog-post__sidebar-sticky{position:sticky;top:90px}.blog-post__ad--inline{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border)}.blog-post__body{font-size:1.1rem;line-height:1.8}.blog-post__body h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.blog-post__body p{margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.blog-post__body p:first-of-type{color:var(--color-text);font-size:1.2rem}.blog-post__body h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.blog-post__body ul,.blog-post__body ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl);color:var(--color-text-muted)}.blog-post__body li{margin-bottom:var(--spacing-xs)}.blog-post__body blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:3px solid var(--color-accent-primary);background-color:var(--color-surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.blog-post__body blockquote p{margin-bottom:0}.blog-post__body code{background-color:var(--color-surface);border-radius:var(--radius-sm);padding:2px 6px;font-family:Fira Code,Consolas,monospace;font-size:.9em}.blog-post__body pre{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-md);overflow-x:auto}.blog-post__body pre code{background:0 0;padding:0}.blog-post__body a{color:var(--color-accent-primary);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.blog-post__body a:hover{color:var(--color-accent-secondary)}.blog-post__body img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--spacing-lg) 0}.blog-post__body hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-2xl) 0}.blog-post__footer{padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-border)}.blog-post__share{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border);display:flex}.blog-post__share span{color:var(--color-text-muted);font-size:.9rem}.blog-post__share-links{gap:var(--spacing-md);display:flex}.blog-post__share-links a{background-color:var(--color-surface);width:36px;height:36px;color:var(--color-text);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.blog-post__share-links a:hover{background-color:var(--color-accent-primary);color:#fff}.blog-post__nav{gap:var(--spacing-lg);display:grid}@media (min-width:768px){.blog-post__nav{grid-template-columns:1fr 1fr}}.blog-post__nav-link{gap:var(--spacing-xs);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.blog-post__nav-link:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.blog-post__nav-link--next{text-align:right}.blog-post__nav-label{align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.85rem;display:flex}.blog-post__nav-link--next .blog-post__nav-label{justify-content:flex-end}.blog-post__nav-title{color:var(--color-text);font-weight:500}.store-page__content{padding:var(--spacing-3xl) 0}.store-page__coming-soon{max-width:600px;margin:0 auto var(--spacing-3xl);text-align:center}.store-page__icon{width:100px;height:100px;margin:0 auto var(--spacing-xl);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.store-page__coming-soon h2{margin-bottom:var(--spacing-md)}.store-page__coming-soon>p{color:var(--color-text-muted);margin-bottom:var(--spacing-2xl)}.store-page__preview{margin-bottom:var(--spacing-2xl)}.store-page__preview h3{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-size:1rem}.store-page__preview-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:480px){.store-page__preview-grid{grid-template-columns:repeat(4,1fr)}}.store-page__preview-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.store-page__preview-item i{color:var(--color-accent-primary);font-size:1.5rem}.store-page__preview-item span{color:var(--color-text-muted);font-size:.9rem}.store-page__notify{gap:var(--spacing-md);flex-direction:column;max-width:400px;margin:0 auto;display:flex}@media (min-width:480px){.store-page__notify{flex-direction:row}}.store-page__input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);flex:1;font-size:1rem}.store-page__input::placeholder{color:var(--color-text-muted)}.store-page__input:focus{border-color:var(--color-accent-primary);outline:none}.store-page__book-cta{max-width:500px;padding:var(--spacing-2xl);background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:center;margin:0 auto}.store-page__book-cta h3{margin-bottom:var(--spacing-sm)}.store-page__book-cta p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.contact__content{padding:var(--spacing-3xl) 0}.contact__form{gap:var(--spacing-lg);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.contact__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.contact__field label{color:var(--color-text);font-size:.95rem;font-weight:500}.contact__required{color:var(--color-accent-primary)}.contact__field input,.contact__field textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-size:1rem}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--color-accent-primary);outline:none}.contact__field textarea{resize:vertical;min-height:120px}.contact__submit{align-self:flex-start}.contact__error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:#e85d75;background-color:#e85d751a;border:1px solid #e85d754d;font-size:.9rem;display:flex}.contact__success{text-align:center;max-width:500px;margin:0 auto}.contact__success i{color:var(--color-accent-primary);margin-bottom:var(--spacing-md);font-size:3rem}.contact__success h2{margin-bottom:var(--spacing-md)}.contact__success p{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.human-figure{width:100%;max-width:280px;height:100%}.human-figure__aura{animation:4s ease-in-out infinite aura-pulse}@keyframes aura-pulse{0%,to{opacity:1}50%{opacity:.7}}.human-figure__layer-glow{animation:3s ease-in-out infinite layer-glow-pulse}@keyframes layer-glow-pulse{0%,to{opacity:1}50%{opacity:.5}}.human-figure__heart{animation:2.5s ease-in-out infinite heart-ring}@keyframes heart-ring{0%,to{opacity:.35}50%{opacity:.15}}.human-figure__heart-core{animation:2.5s ease-in-out infinite heart-core}@keyframes heart-core{0%,to{opacity:.45}50%{opacity:.7}}.experience-scene{width:100%;height:100%;position:relative}.experience-scene__grid{border-radius:var(--radius-lg);background-image:radial-gradient(circle,#2493a208 0%,#0000 60%),linear-gradient(#2493a205 1px,#0000 1px),linear-gradient(90deg,#2493a205 1px,#0000 1px);background-size:100% 100%,30px 30px,30px 30px;position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=dark] .experience-scene__grid{background-image:radial-gradient(circle,#57bda20d 0%,#0000 60%),linear-gradient(#57bda208 1px,#0000 1px),linear-gradient(90deg,#57bda208 1px,#0000 1px)}.experience-scene__connections{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.connection--active line{animation:.8s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-3px}}.connection__endpoint{animation:1s ease-in-out infinite endpoint-pulse}@keyframes endpoint-pulse{0%,to{r:1.5;opacity:1}50%{r:2.5;opacity:.6}}.connection--to-panel{animation:1s linear infinite dash-flow}.experience-scene__objects{z-index:10;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.scene-object{cursor:pointer;z-index:10;pointer-events:auto;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.scene-object__glow{background:var(--color-accent-secondary);opacity:0;filter:blur(12px);width:50px;height:50px;transition:opacity var(--transition-fast);border-radius:50%;position:absolute}.scene-object:hover .scene-object__glow,.scene-object--active .scene-object__glow{opacity:.3}.scene-object__icon{background:var(--color-surface);border:2px solid var(--color-accent-secondary);border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-accent-secondary);transition:all var(--transition-fast);box-shadow:0 3px 10px var(--color-shadow);justify-content:center;align-items:center;font-size:.95rem;display:flex}.scene-object:hover .scene-object__icon{box-shadow:0 6px 20px var(--color-shadow);transform:scale(1.1)}.scene-object--active .scene-object__icon{background:var(--color-accent-secondary);color:#fff;transform:scale(1.15);box-shadow:0 0 25px #dcb13c80}.scene-object--explored .scene-object__icon{border-color:var(--color-accent-tertiary);color:var(--color-accent-tertiary)}.scene-object__label{color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:0 2px 8px var(--color-shadow);padding:2px 8px;font-size:.7rem;font-weight:600}.scene-object__check{background:var(--color-accent-tertiary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.5rem;display:flex;position:absolute;top:-4px;right:-4px}.experience-scene__figure-area{width:36%;max-width:300px;height:88%;max-height:520px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.experience-scene__figure{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.experience-scene__body-hotspots{z-index:15;position:absolute;top:0;bottom:0;left:0;right:0}.body-hotspot{--hotspot-color:var(--color-accent-primary);cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0;position:absolute;transform:translate(-50%,-50%)}.body-hotspot__pulse{border:2px solid var(--hotspot-color);opacity:0;border-radius:50%;animation:2s ease-out infinite body-pulse;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.body-hotspot--explored .body-hotspot__pulse{animation:none}.body-hotspot--active .body-hotspot__pulse{opacity:.7;animation:none;top:-8px;bottom:-8px;left:-8px;right:-8px}@keyframes body-pulse{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.body-hotspot__dot{background:var(--hotspot-color);color:#fff;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex;position:absolute;top:4px;bottom:4px;left:4px;right:4px;box-shadow:0 2px 8px #0000004d}.body-hotspot--explored .body-hotspot__dot{background:#5a6a7a;box-shadow:0 1px 4px #0003}.body-hotspot--explored .body-hotspot__check{opacity:1}.body-hotspot--active .body-hotspot__dot{box-shadow:0 0 15px var(--hotspot-color);transform:scale(1.3)}.body-hotspot:hover .body-hotspot__dot{transform:scale(1.15)}.body-hotspot__tooltip{padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 20px var(--color-shadow);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:50;flex-direction:column;gap:3px;margin-bottom:10px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.body-hotspot:hover .body-hotspot__tooltip{opacity:1;visibility:visible}.body-hotspot__layer{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:2px;align-self:flex-start;padding:1px 5px;font-size:.55rem;font-weight:700}.body-hotspot__tooltip strong{color:var(--color-text);font-size:.8rem}.body-hotspot__tooltip em{color:var(--color-text-muted);font-size:.65rem;font-style:normal}.body-hotspot__check{color:#fff;opacity:0;z-index:2;background:#5a6a7a;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.45rem;display:flex;position:absolute;top:-2px;right:-2px}.experience-scene__layer-labels{bottom:var(--spacing-xs);gap:var(--spacing-sm);z-index:5;display:flex;position:absolute;left:50%;transform:translate(-50%)}.layer-label{text-transform:uppercase;letter-spacing:.03em;padding:2px var(--spacing-xs);background:color-mix(in srgb, var(--color-surface) 80%, transparent);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);align-items:center;gap:3px;font-size:.6rem;font-weight:600;display:flex}.layer-label--sensory{color:#2493a2}.layer-label--integration{color:#57bda2}.layer-label--symbolic{color:#dcb13c}@media (max-width:768px){.body-hotspot{width:44px;height:44px}.body-hotspot__dot{top:6px;bottom:6px;left:6px;right:6px}.experience-scene__figure-area{width:55%;max-width:240px}.body-hotspot__tooltip{white-space:normal;max-width:180px}.scene-object__icon{width:44px;height:44px;font-size:1.05rem}.scene-object__label{white-space:normal;text-align:center;max-width:70px;line-height:1.2}}@media (max-width:480px){.experience-scene__figure-area{width:50%;max-width:200px}.scene-object__label{display:none}}.viz-container{width:100%;padding:var(--spacing-sm) 0}.viz-container__title{align-items:center;gap:var(--spacing-sm);color:var(--color-accent-primary);margin:0 0 var(--spacing-sm);font-size:.8rem;font-weight:600;display:flex}.viz-container__title i{opacity:.8;font-size:.75rem}.viz-container svg{width:100%;height:auto;display:block}.viz-container__caption{color:var(--color-text-muted);text-align:center;margin:var(--spacing-sm) 0 0;font-size:.72rem;font-style:italic;line-height:1.4}.viz-text{fill:var(--color-text)}.viz-text-muted{fill:var(--color-text-muted)}.viz-text-accent{fill:var(--color-accent-primary)}.notation-panel{background:var(--color-surface);border-left:1px solid var(--color-border);min-height:0;display:none;overflow-y:auto}.notation-panel--open{display:block}.notation-panel__close{top:var(--spacing-sm);float:right;margin:var(--spacing-sm) var(--spacing-sm) 0 0;background:var(--color-background);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:sticky}.notation-panel__close:hover{background:var(--color-accent-primary);color:#fff}.notation-panel__content{padding:var(--spacing-md)}.notation-panel__header{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-right:36px;display:flex}.notation-panel__icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex;box-shadow:0 4px 15px #0003}.notation-panel__layer{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:700}.notation-panel__title{margin:2px 0;font-size:1.1rem}.notation-panel__short{color:var(--color-text-muted);margin:0;font-size:.8rem}.notation-panel__section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.notation-panel__section:last-child{border-bottom:none}.notation-panel__section h3{color:var(--color-accent-primary);margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);font-size:.8rem;font-weight:600;display:flex}.notation-panel__section h3 i{opacity:.8;font-size:.75rem}.notation-panel__section p{color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.6}.notation-panel__section--excerpt{background:var(--color-background);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding:var(--spacing-sm) var(--spacing-md);border-bottom:none}.notation-panel__section--excerpt blockquote{color:var(--color-text);border-left:3px solid var(--color-accent-secondary);padding-left:var(--spacing-sm);margin:0;font-size:.95rem;font-style:italic;line-height:1.5}.notation-panel__section--try{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding:var(--spacing-sm) var(--spacing-md);border-bottom:none;border-top:2px solid var(--color-accent-secondary);background:#dcb13c1a}.notation-panel__section--try h3{color:var(--color-accent-secondary)}.notation-panel__core-message{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent-primary);margin-bottom:var(--spacing-md);background:#2493a21a;display:flex}.notation-panel__core-message i{color:var(--color-accent-primary);margin-top:2px;font-size:.9rem}.notation-panel__core-message p{color:var(--color-text);margin:0;font-size:.8rem}.notation-panel__related{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.notation-panel__related-btn{align-items:center;gap:var(--spacing-xs);padding:3px var(--spacing-sm);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:.7rem;display:flex}.notation-panel__related-btn:hover{border-color:var(--color-accent-primary)}.notation-panel__related-dot{border-radius:50%;width:6px;height:6px}.notation-panel__related-btn i{opacity:.7;font-size:.65rem}.notation-panel__section--viz{padding-bottom:var(--spacing-sm);border-bottom:none}.notation-panel__section--cost-benefit{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding:var(--spacing-sm) var(--spacing-md);background:#e85d750f;border-top:2px solid #e85d75;border-bottom:none}.notation-panel__section--cost-benefit h3{color:#e85d75}@media (max-width:768px){.notation-panel--open{z-index:50;max-height:70vh;box-shadow:0 -4px 20px var(--color-shadow);border-radius:16px 16px 0 0;display:block;position:fixed;top:30vh;bottom:0;left:0;right:0;overflow-y:auto}.notation-panel--open:before{content:"";background:var(--color-border);width:36px;height:4px;margin:var(--spacing-sm) auto 0;border-radius:2px;display:block}}@media (max-width:480px){.notation-panel--open{max-height:85vh;top:15vh;bottom:0;left:0;right:0}}.progress-badge{align-items:center;gap:var(--spacing-sm);display:flex}.progress-badge__ring{width:32px;height:32px;position:relative}.progress-badge__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-badge__bg{fill:none;stroke:var(--color-border);stroke-width:3px}.progress-badge__fill{fill:none;stroke:var(--color-accent-primary);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray var(--transition-normal)}.progress-badge__count{color:var(--color-text);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.progress-badge__text{flex-direction:column;gap:2px;display:flex}.progress-badge__label{color:var(--color-text-muted);font-size:.7rem}.progress-badge__achievement{color:var(--color-accent-secondary);align-items:center;gap:4px;font-size:.7rem;display:flex}.progress-badge__achievement--complete{color:var(--color-accent-primary)}.progress-badge__achievement i{font-size:.65rem}@media (max-width:768px){.progress-badge__text{display:none}}.guided-mode{gap:var(--spacing-sm);flex-direction:column;display:flex}.guided-mode__progress-row{align-items:center;gap:var(--spacing-sm);display:flex}.guided-mode__count{color:var(--color-text);white-space:nowrap;font-size:.7rem;font-weight:700}.guided-mode__progress-bar{background:var(--color-border);border-radius:2px;flex:1;height:3px;overflow:hidden}.guided-mode__progress-fill{height:100%;transition:width var(--transition-normal);border-radius:2px}.guided-mode__hint{color:var(--color-text-muted);white-space:nowrap;font-size:.6rem}.guided-mode__explore-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text);background:0 0;font-size:.75rem;line-height:1.4;display:flex}.guided-mode__explore-btn:hover{background:color-mix(in srgb, var(--color-accent-primary) 8%, transparent)}.guided-mode__explore-btn i{flex-shrink:0;font-size:.65rem}.guided-mode__complete{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;display:flex}.stage-progress{gap:var(--spacing-sm);flex-direction:column;display:flex}.stage-progress__bar{flex-direction:column;gap:0;display:flex}.stage-progress__step-wrapper{flex-direction:column;align-items:stretch;display:flex}.stage-progress__step{--stage-color:var(--color-accent-primary);align-items:center;gap:var(--spacing-sm);padding:6px var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;display:flex}.stage-progress__step--current{border-color:var(--stage-color);background:color-mix(in srgb, var(--stage-color) 8%, transparent)}.stage-progress__step--clickable{cursor:pointer}.stage-progress__step--clickable:hover{border-color:var(--stage-color);opacity:1}.stage-progress__indicator{background:var(--color-surface);border:2px solid var(--color-border);width:22px;height:22px;color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.stage-progress__step--current .stage-progress__indicator{background:var(--stage-color);border-color:var(--stage-color);color:#fff}.stage-progress__info{align-items:center;gap:var(--spacing-xs);flex:1;min-width:0;display:flex}.stage-progress__label{color:var(--color-text);font-size:.72rem;font-weight:600}.stage-progress__count{color:var(--color-text-muted);margin-left:auto;font-size:.6rem}.stage-progress__connector{background:var(--color-border);width:2px;height:6px;margin-left:18px}.stage-progress__ui-line{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-left:2px solid var(--color-accent-primary);color:var(--color-text-muted);font-size:.7rem;font-style:italic;line-height:1.4;display:flex}.stage-progress__ui-line i{flex-shrink:0;margin-top:3px;font-size:.55rem}.stage-orientation{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.stage-orientation__backdrop{background:var(--color-background);opacity:.97;position:absolute;top:0;bottom:0;left:0;right:0}.stage-orientation__content{align-items:center;gap:var(--spacing-xl);max-width:500px;padding:var(--spacing-3xl);flex-direction:column;animation:1.2s ease-out orientation-fade-in;display:flex;position:relative}@keyframes orientation-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage-orientation__figure{opacity:.5;filter:grayscale(.6);width:180px;height:300px;animation:2s ease-out .3s both orientation-figure-in}@keyframes orientation-figure-in{0%{opacity:0}to{opacity:.5}}.stage-orientation__text{text-align:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.stage-orientation__statement{font-family:var(--font-heading);color:var(--color-text);margin:0;font-size:1.8rem;line-height:1.4;animation:1.5s ease-out .8s both orientation-text-in}@keyframes orientation-text-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stage-orientation__sub{color:var(--color-text-muted);max-width:400px;margin:0;font-size:1rem;line-height:1.7;animation:1.5s ease-out 1.5s both orientation-text-in}.stage-orientation__begin{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-3xl);border:2px solid var(--color-accent-primary);color:var(--color-accent-primary);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:0 0;font-size:1.1rem;font-weight:600;animation:1s ease-out 2.2s both orientation-text-in}.stage-orientation__begin:hover{background:var(--color-accent-primary);color:#fff;box-shadow:0 0 30px #2493a24d}@media (max-width:768px){.stage-orientation__statement{font-size:1.4rem}.stage-orientation__figure{width:140px;height:240px}.stage-orientation__content{padding:var(--spacing-xl)}}.overlay-words{pointer-events:none;z-index:5;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.overlay-words__word{color:var(--color-accent-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:0;text-shadow:0 0 20px var(--color-accent-secondary);font-weight:600;animation:2s ease-out forwards word-appear;position:absolute;transform:translateY(10px)}@keyframes word-appear{0%{opacity:0;transform:translateY(10px)scale(.8)}20%{opacity:.8;transform:translateY(0)scale(1)}80%{opacity:.6}to{opacity:0;transform:translateY(-10px)scale(1.1)}}.capstone-view{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.capstone-view__graph{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex:1;width:100%;min-height:0;overflow:hidden}.capstone-view__footer{padding:var(--spacing-xs) var(--spacing-sm);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.capstone-view__final-line{color:var(--color-text-muted);margin:0;font-size:.8rem}.capstone-view__final-line strong{color:var(--color-text)}.capstone-view__actions{gap:var(--spacing-sm);flex-shrink:0;display:flex}.capstone-view__btn{align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;font-weight:600;display:flex}.capstone-view__btn--replay{color:#fff;background:#e85d75;border:1px solid #e85d75}.capstone-view__btn--replay:hover{filter:brightness(1.1)}.capstone-view__btn--reset{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.capstone-view__btn--reset:hover{border-color:var(--color-text-muted)}@media (max-width:768px){.capstone-view__graph{min-height:250px}.capstone-view__footer{text-align:center;gap:var(--spacing-sm);flex-direction:column}.capstone-view__actions{justify-content:center}}.mobile-stage-drawer{display:none}@media (max-width:1024px){.mobile-stage-drawer{z-index:40;pointer-events:none;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-stage-drawer__bar{align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-md);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px var(--color-shadow);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.mobile-stage-drawer__pip{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mobile-stage-drawer__label{color:var(--color-text);font-size:.8rem;font-weight:600}.mobile-stage-drawer__fraction{color:var(--color-text-muted);margin-left:auto;font-size:.75rem}.mobile-stage-drawer__progress{background:var(--color-border);border-radius:2px;width:60px;height:4px;overflow:hidden}.mobile-stage-drawer__progress-fill{height:100%;transition:width var(--transition-normal);border-radius:2px}.mobile-stage-drawer__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);margin-left:var(--spacing-xs);font-size:.7rem}.mobile-stage-drawer--expanded .mobile-stage-drawer__chevron{transform:rotate(180deg)}.mobile-stage-drawer__panel{background:var(--color-surface);border-top:1px solid var(--color-border);pointer-events:auto;max-height:0;transition:max-height .3s;overflow:hidden}.mobile-stage-drawer--expanded .mobile-stage-drawer__panel{max-height:50vh;overflow-y:auto}.mobile-stage-drawer__panel-content{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}}.experience-notation{height:calc(100vh - 70px);background:var(--color-background);flex-direction:column;height:calc(100dvh - 70px);display:flex}.experience-notation__header{padding:var(--spacing-xs) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.experience-notation__title{align-items:baseline;gap:var(--spacing-sm);display:flex}.experience-notation__title h1{white-space:nowrap;margin:0;font-size:1.1rem}.experience-notation__stage-name{white-space:nowrap;font-size:.75rem;font-weight:600}.experience-notation__pipeline-hint{align-items:center;gap:var(--spacing-xs);font-size:.7rem;display:flex}.pipeline-arrow{opacity:.3;font-size:.5rem}.pipeline-stage{color:var(--color-text-muted);opacity:.4;transition:all var(--transition-fast);font-weight:600}.pipeline-stage--active{opacity:1}.experience-notation__controls{align-items:center;gap:var(--spacing-md);display:flex}.experience-notation__reset{align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.75rem;display:flex}.experience-notation__reset:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.experience-notation__main{flex:1;grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.experience-notation__main--panel-open{grid-template-columns:220px minmax(0,1fr) 380px}.experience-notation__sidebar{padding:var(--spacing-md);gap:var(--spacing-md);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.experience-notation__canvas{padding:var(--spacing-sm);min-width:0;min-height:0;position:relative;overflow:hidden}.experience-notation--completed .experience-notation__header{border-bottom-color:#e85d75}@media (max-width:1024px){.experience-notation__main{grid-template-columns:minmax(0,1fr)}.experience-notation__main--panel-open{grid-template-columns:minmax(0,1fr) 380px}.experience-notation__sidebar{display:none}.experience-notation__pipeline-hint{font-size:.6rem}.experience-notation__canvas{padding-bottom:48px}}@media (max-width:768px){.experience-notation__header{padding:var(--spacing-xs) var(--spacing-sm)}.experience-notation__title h1{display:none}.experience-notation__stage-name{font-size:.85rem}.experience-notation__pipeline-hint{display:none}.experience-notation__main--panel-open{grid-template-columns:1fr}}