.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:24px 0;position:sticky;top:0;z-index:100}.nav{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}.logo{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo-icon{width:32px;height:32px;display:block;flex-shrink:0}.logo-text{font-size:18px;font-weight:600;color:var(--text-primary)}.footer{background-color:var(--bg-soft);border-top:1px solid var(--border-color);padding:32px 0;margin-top:auto;font-size:14px}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;text-align:center}.footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;color:var(--text-secondary)}.footer-link{color:var(--text-secondary);font-size:.875rem;transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-primary)}.footer-divider{color:var(--text-secondary);font-size:.875rem;line-height:1}.footer-copyright{color:var(--text-muted);font-size:.875rem}.footer-copyright p{margin:0}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left}.footer-links{justify-content:flex-start}}.home{flex:1;background-color:var(--bg-primary);color:var(--text-primary)}.home .container{max-width:1120px;padding:0 24px}section{margin:var(--section-spacing) 0;position:relative}.hero{padding:var(--section-spacing) 0 0;text-align:center}.hero-title{font-size:40px;font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:16px}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.7;margin:0 auto;max-width:720px}.hero-cta{display:inline-flex;margin-top:28px;border-radius:10px}.intro-section{max-width:720px;margin:1rem auto 0;color:var(--text-secondary);font-size:16px;line-height:1.6}.intro-section p+p{margin-top:12px}.section-heading{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:28px}.use-cases{margin-top:var(--section-spacing);scroll-margin-top:100px}.use-case-list{list-style:disc;padding-left:1.25rem;display:grid;gap:10px;color:var(--text-secondary);margin-bottom:20px}.use-case-grid{display:grid;grid-template-columns:1fr;gap:20px}.use-case-card{background:#111827;border:1px solid #1F2937;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}.use-case-card h3{font-size:20px;font-weight:600;color:var(--text-primary)}.use-case-card p{color:var(--text-secondary);line-height:1.6;margin:0}.use-case-link{color:var(--accent-soft);font-weight:600;text-decoration:none}.use-case-link:hover{color:var(--accent-hover)}.why-section{margin-top:var(--section-spacing)}.why-list{list-style:disc;padding-left:1.25rem;color:var(--text-secondary);display:grid;gap:10px}.faq-section{margin:var(--section-spacing) 0 calc(var(--section-spacing) + 12px);display:grid;gap:18px}.faq-item h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.faq-item p{color:var(--text-secondary);margin:0;line-height:1.6}section:not(:first-of-type):before{content:"";position:absolute;top:-36px;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 18%,var(--border-color) 82%,transparent);opacity:.8}@media (min-width: 768px){.use-case-grid{grid-template-columns:repeat(2,1fr)}}.page{flex:1;padding:var(--spacing-xl) 0}.page-content{max-width:800px;margin:0 auto}.page-content h2{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.page-content ul{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--text-secondary)}.page-content li{margin-bottom:var(--spacing-xs)}.contact-info{background-color:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-lg)}.contact-info p{margin-bottom:var(--spacing-sm)}.contact-info p:last-child{margin-bottom:0}.contact-info strong{color:var(--text-primary)}.landing-hero-preview{width:100%;margin:0}.landing-hero-preview__container{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0006;min-height:400px;display:flex;flex-direction:column;background-color:var(--bg-card)}.landing-hero-preview__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.landing-hero-preview__logo{font-size:1.25rem;font-weight:600;opacity:.9}.landing-hero-preview__login-btn{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.landing-hero-preview__login-btn:hover{background:#ffffff1a;border-color:#ffffff80}.landing-hero-preview__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3rem 2rem;gap:1.5rem}.landing-hero-preview__headline{font-size:2.5rem;font-weight:700;margin:0;line-height:1.2;letter-spacing:-.02em}.landing-hero-preview__subheadline{font-size:1.25rem;margin:0;opacity:.95;line-height:1.6;max-width:600px}.landing-hero-preview__actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.landing-hero-preview__cta{padding:.875rem 2rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:2px solid transparent}.landing-hero-preview__cta--primary{border:none}.landing-hero-preview__cta--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.landing-hero-preview__cta--secondary{background:transparent}.landing-hero-preview__cta--secondary:hover{background:#ffffff1a}@media (max-width: 768px){.landing-hero-preview__container{min-height:350px}.landing-hero-preview__header{padding:1rem 1.5rem}.landing-hero-preview__content{padding:2rem 1.5rem;gap:1rem}.landing-hero-preview__headline{font-size:2rem}.landing-hero-preview__subheadline{font-size:1.125rem}.landing-hero-preview__actions{flex-direction:column;width:100%}.landing-hero-preview__cta{width:100%}}.why-this-works{margin:0}.why-this-works__title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.01em}.why-this-works__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.why-this-works__item{display:flex;align-items:flex-start;gap:var(--spacing-md);color:var(--text-secondary-alt);font-size:1rem;line-height:1.7;padding-left:.5rem}.why-this-works__bullet{color:var(--accent-primary);font-weight:700;font-size:1.25rem;flex-shrink:0;line-height:1.4;margin-top:-.1rem}.color-tokens{margin:0}.color-tokens__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.color-token{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative}.color-token:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.color-token--copied{border-color:var(--accent-primary);background-color:#38bdf80d}.color-token__swatch{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--bg-soft);flex-shrink:0;transition:transform var(--transition-base)}.color-token:hover .color-token__swatch{transform:scale(1.05)}.color-token__info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.color-token__name{font-size:.875rem;font-weight:500;color:var(--text-muted);line-height:1.4}.color-token__hex{font-size:.9375rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;color:var(--text-primary);font-weight:600;letter-spacing:.02em;line-height:1.4}.color-token__copy-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--accent-primary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;opacity:0;box-shadow:0 2px 4px #0003}.color-token:hover .color-token__copy-btn{opacity:1}.color-token__copy-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-soft);transform:scale(1.05);box-shadow:0 4px 8px #38bdf84d}.color-token--copied .color-token__copy-btn{opacity:1;border-color:var(--accent-primary);color:var(--bg-soft);background-color:var(--accent-primary);box-shadow:0 4px 8px #38bdf84d}.color-token__copy-btn svg{width:18px;height:18px}@media (max-width: 768px){.color-tokens__grid{grid-template-columns:1fr}.color-token{padding:var(--spacing-sm)}.color-token__swatch{width:40px;height:40px}.color-token__copy-btn{opacity:1;width:36px;height:36px}.color-token__copy-btn svg{width:16px;height:16px}}@media (min-width: 1024px){.color-tokens__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.code-tabs{margin:0}.code-tabs__tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}.code-tabs__tab{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.code-tabs__tab:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.code-tabs__tab--active{background-color:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary)}.code-tabs__code-container{position:relative;background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}.code-tabs__code{margin:0;padding:var(--spacing-lg);background-color:var(--bg-card);color:var(--text-secondary-alt);font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;min-height:150px}.code-tabs__code code{display:block;white-space:pre}.code-tabs__code :global(.keyword){color:var(--accent-primary)}.code-tabs__code :global(.value){color:#a7f3d0}.code-tabs__code :global(.comment){color:var(--text-muted)}.code-tabs__copy-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background-color:var(--accent-primary);color:var(--bg-soft);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 4px #38bdf833}.code-tabs__copy-button:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 8px #38bdf84d}.code-tabs__copy-icon{width:20px;height:20px;flex-shrink:0}@media (max-width: 768px){.code-tabs__code{font-size:.8125rem;padding:var(--spacing-md)}.code-tabs__copy-button{position:static;width:44px;height:44px;margin-top:var(--spacing-md);margin-left:auto}.code-tabs__copy-icon{width:20px;height:20px}}.usage-tips{margin:0}.usage-tips__main-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.usage-tips__content{background-color:transparent;border:none;border-radius:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.usage-tips__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.usage-tips__title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.usage-tips__icon{font-size:1.25rem;line-height:1}.usage-tips__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.usage-tips__list li{padding-left:1.5rem;position:relative;color:var(--text-secondary-alt);font-size:.9375rem;line-height:1.6}.usage-tips__list--positive li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:600;font-size:1rem}.usage-tips__list--negative li:before{content:"✗";position:absolute;left:0;color:var(--text-muted);font-weight:600;font-size:1rem}@media (min-width: 768px){.usage-tips__content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}.related-palettes{margin-top:0;padding-top:0;border-top:none}.related-palettes__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.related-palettes__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.related-palette-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);text-decoration:none;transition:all var(--transition-base)}.related-palette-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.related-palette-card__preview{display:flex;height:3rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.related-palette-card__color{flex:1;transition:transform var(--transition-base)}.related-palette-card:hover .related-palette-card__color{transform:scaleY(1.05)}.related-palette-card__title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;transition:color var(--transition-base)}.related-palette-card:hover .related-palette-card__title{color:var(--accent-primary)}@media (min-width: 640px){.related-palettes__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.related-palettes__grid{grid-template-columns:repeat(3,1fr)}.related-palette-card__preview{height:4rem}}.palette-page{flex:1;padding:var(--spacing-xl) 0;background-color:var(--bg-primary)}.palette-page__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.palette-page__header{margin-bottom:var(--spacing-xl);text-align:left}.palette-page__title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.2}.palette-page__badges{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}.palette-page__badge{display:inline-block;padding:.25rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.palette-page__badge-separator{color:var(--text-muted);font-size:.875rem}.palette-page__subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:800px;margin:0;line-height:1.7}.palette-page__preview-note{margin-top:var(--spacing-md);font-size:.95rem;color:var(--text-secondary)}.palette-page__section-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.01em}.palette-page__preview{margin:var(--spacing-xl) 0;padding-top:var(--spacing-xl);position:relative}.palette-page__preview:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.palette-page__why-works{margin:var(--spacing-xl) 0;padding-top:var(--spacing-xl);position:relative}.palette-page__why-works:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.palette-page__colors{margin:var(--spacing-xl) 0;padding-top:var(--spacing-xl);position:relative}.palette-page__colors:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.palette-page__gradients{margin:var(--spacing-xl) 0;padding-top:var(--spacing-xl);position:relative}.palette-page__gradients:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.gradient-presets{display:grid;gap:var(--spacing-lg)}.gradient-presets__item{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color .2s ease}.gradient-presets__item:hover{border-color:var(--border-color);box-shadow:0 2px 8px #0000000d}.gradient-presets__header{display:flex;align-items:center;justify-content:space-between}.gradient-presets__label{font-weight:600;font-size:1rem;color:var(--text-primary)}.gradient-presets__preview{width:100%;height:120px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000001a;transition:transform .2s ease;background-repeat:no-repeat;background-size:100% 100%;background-position:center;overflow:hidden}.gradient-presets__preview:hover{transform:scale(1.01)}.gradient-presets__preview--linear,.gradient-presets__preview--radial{background-size:100% 100%}.gradient-presets__code{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.gradient-presets__code-text{flex:1;color:var(--text-secondary);font-family:var(--font-mono, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace);font-size:.875rem;line-height:1.5;word-break:break-all;margin:0}.gradient-presets__copy-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.gradient-presets__copy-btn:hover{background:var(--bg-card);border-color:var(--text-primary);color:var(--text-primary)}.gradient-presets__copy-btn:active{transform:scale(.95)}.gradient-presets__copy-btn--copied{background:var(--bg-card);border-color:var(--text-primary);color:var(--text-primary)}.gradient-presets__copy-btn svg{width:16px;height:16px}@media (max-width: 768px){.gradient-presets__preview{height:100px}.gradient-presets__code-text{font-size:.8125rem}.gradient-presets__item{padding:var(--spacing-md)}}.palette-page__code{margin:var(--spacing-xl) 0;padding-top:var(--spacing-xl);position:relative}.palette-page__code:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.palette-page__usage{margin:var(--spacing-xl) 0;padding-top:var(--spacing-xl);position:relative}.palette-page__usage:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.palette-page__related{margin:var(--spacing-xl) 0;padding-top:var(--spacing-xl);position:relative}.palette-page__related:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.adsense-rectangle{margin:var(--spacing-xl) 0;padding:var(--spacing-md) 0}.adsense-placeholder{text-align:center;color:var(--text-muted);font-size:.875rem;padding:var(--spacing-md);background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}@media (max-width: 768px){.palette-page{padding:var(--spacing-lg) 0}.palette-page__container{padding:0 var(--spacing-sm)}.palette-page__header{margin-bottom:var(--spacing-lg)}.palette-page__title{font-size:2rem}.palette-page__badges{margin-bottom:var(--spacing-sm)}.palette-page__badge{font-size:.8125rem;padding:.2rem .625rem}.palette-page__subtitle{font-size:1rem}.palette-page__preview,.palette-page__why-works,.palette-page__colors,.palette-page__gradients,.palette-page__code,.palette-page__usage,.palette-page__related{margin:var(--spacing-lg) 0}}@media (min-width: 1024px){.palette-page__container{padding:0 var(--spacing-lg)}.palette-page__title{font-size:3rem}}.scenarios-list-page{flex:1;padding:var(--spacing-xl) 0;background-color:var(--bg-primary)}.scenarios-list-page__header{text-align:center;margin-bottom:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.scenarios-list-page__title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.2}.scenarios-list-page__subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin:0}.scenarios-list-page__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.scenarios-list-page__card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-lg);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-base)}.scenarios-list-page__card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.scenarios-list-page__card-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);line-height:1}.scenarios-list-page__card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.scenarios-list-page__card-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}@media (min-width: 640px){.scenarios-list-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.scenarios-list-page__grid{grid-template-columns:repeat(3,1fr)}.scenarios-list-page__title{font-size:3rem}}.palette-preview-card{display:flex;flex-direction:column;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);text-decoration:none;color:inherit;height:100%}.palette-preview-card:hover{border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.palette-preview-card__preview{display:flex;height:120px;width:100%}.palette-preview-card__color{flex:1;transition:transform var(--transition-base)}.palette-preview-card:hover .palette-preview-card__color{transform:scale(1.05)}.palette-preview-card__content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.palette-preview-card__category{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.palette-preview-card__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.palette-preview-card__description{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 768px){.palette-preview-card__preview{height:140px}}:root{--font-h1: 40px;--font-h1-weight: 700;--font-h1-line-height: 1.2;--font-h2: 28px;--font-h2-weight: 600;--font-h2-line-height: 1.3;--font-body-lg: 18px;--font-body-lg-line-height: 1.6;--font-body: 16px;--font-body-line-height: 1.7;--font-small: 14px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 48px;--space-xl: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}.scenario-detail-page{flex:1;padding:var(--space-md) 0;background:var(--bg-primary)}.scenario-detail-page__container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.scenario-detail-page__h1{font-size:var(--font-h1);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height);color:var(--text-primary);margin:0 0 var(--space-sm)}.scenario-detail-page__intro{font-size:var(--font-body-lg);font-weight:400;line-height:var(--font-body-lg-line-height);color:var(--text-secondary);max-width:720px;margin:0 0 var(--space-md);position:relative;padding-bottom:var(--space-md)}.scenario-detail-page__intro:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(148,163,184,.15) 10%,rgba(148,163,184,.25) 30%,rgba(56,189,248,.3) 50%,rgba(148,163,184,.25) 70%,rgba(148,163,184,.15) 90%,transparent 100%);box-shadow:0 1px 2px #38bdf81a}.scenario-detail-page__section{margin-bottom:var(--space-xl);position:relative;padding-top:var(--space-md);margin-top:var(--space-md)}.scenario-detail-page__section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(148,163,184,.15) 10%,rgba(148,163,184,.25) 30%,rgba(56,189,248,.3) 50%,rgba(148,163,184,.25) 70%,rgba(148,163,184,.15) 90%,transparent 100%);box-shadow:0 1px 2px #38bdf81a}.scenario-detail-page__section:first-of-type:before{display:none}.scenario-detail-page__section:last-of-type{margin-bottom:var(--space-xl)}.scenario-detail-page__h2{font-size:var(--font-h2);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height);color:var(--text-primary);margin:0 0 var(--space-sm)}.scenario-detail-page__paragraph{font-size:var(--font-body);font-weight:400;line-height:var(--font-body-line-height);color:var(--text-secondary);max-width:720px;margin:0 0 var(--space-md)}.scenario-detail-page__bullet-list{font-size:var(--font-body);font-weight:400;line-height:var(--font-body-line-height);color:var(--text-secondary);margin:0 0 var(--space-xl);padding-left:var(--space-md);max-width:720px}.scenario-detail-page__bullet-list li{margin-bottom:var(--space-xs)}.scenario-detail-page__bullet-list li:last-child{margin-bottom:0}.scenario-detail-page__ordered-list{font-size:var(--font-body);font-weight:400;line-height:var(--font-body-line-height);color:var(--text-secondary);margin:0 0 var(--space-xl);padding-left:var(--space-md);max-width:720px}.scenario-detail-page__ordered-list li{margin-bottom:var(--space-xs)}.scenario-detail-page__ordered-list li:last-child{margin-bottom:0}.scenario-detail-page__grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}@media (min-width: 768px){.scenario-detail-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.scenario-detail-page__grid{grid-template-columns:repeat(3,1fr)}}.scenario-detail-page__empty{font-size:var(--font-body);color:var(--text-muted);text-align:center;padding:var(--space-lg)}.scenario-detail-page__faq-list{display:flex;flex-direction:column}.scenario-detail-page__faq-item{margin-bottom:var(--space-md)}.scenario-detail-page__faq-item:last-child{margin-bottom:0}.scenario-detail-page__faq-question{font-size:var(--font-body);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-xs)}.scenario-detail-page__faq-answer{font-size:var(--font-body);font-weight:400;line-height:var(--font-body-line-height);color:var(--text-secondary);margin:0 0 var(--space-md)}.scenario-detail-page__faq-item:last-child .scenario-detail-page__faq-answer{margin-bottom:0}.scenario-detail-page .palette-preview-card{display:flex;flex-direction:column;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base);text-decoration:none;color:inherit;height:100%}.scenario-detail-page .palette-preview-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.scenario-detail-page .palette-preview-card__preview{display:flex;height:140px;width:100%}.scenario-detail-page .palette-preview-card__color{flex:1;transition:transform var(--transition-base)}.scenario-detail-page .palette-preview-card:hover .palette-preview-card__color{transform:scale(1.05)}.scenario-detail-page .palette-preview-card__content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.scenario-detail-page .palette-preview-card__title{font-size:var(--font-body);font-weight:500;color:var(--text-primary);margin:var(--space-sm) 0 0;line-height:1.4}.scenario-detail-page .palette-preview-card__description{font-size:var(--font-small);color:var(--text-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.static{position:static}.container{width:100%}.mx-auto{margin-inline:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.table{display:table}.flex-1{flex:1}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0b0d12;--bg-card:#111827;--bg-soft:#0b0d12;--bg-card-alt:#0b0d12;--text-primary:#ededed;--text-secondary:#9ca3af;--text-muted:#9ca3af;--text-secondary-alt:#ededed;--accent-primary:#7c3aed;--accent-hover:#a78bfa;--accent-soft:#a78bfa;--border-color:#1f2937;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--section-spacing:4.5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1rem;--radius-xxl:1.5rem;--transition-fast:.15s ease;--transition-base:.2s ease}html{scroll-behavior:smooth;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p{color:var(--text-secondary)}#root,.layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}h1{margin-bottom:var(--spacing-md);font-size:2rem}h2{margin-bottom:var(--spacing-sm);font-size:1.5rem}h3{margin-bottom:var(--spacing-sm);font-size:1.25rem}p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 4px #7c3aed33}.btn:hover{background-color:var(--accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #7c3aed4d}.btn:active{transform:translateY(0);box-shadow:0 2px 4px #7c3aed33}.btn-secondary{color:var(--accent-primary);border:1px solid var(--accent-primary);background-color:#0000}.btn-secondary:hover{border-color:var(--accent-hover);color:var(--accent-hover);background-color:#38bdf81a}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}@media (min-width:768px){h1{font-size:2.5rem}.container{padding:0 var(--spacing-lg)}}@media (min-width:1024px){h1{font-size:3rem}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}