:root{--color-primary:#000;--color-secondary:#fff;--color-accent:red;--color-background:#fff;--color-text:#000;--font-headings:"Inter",sans-serif;--font-body:"Inter",sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--z-base:1;--z-dropdown:100;--z-modal:1000;--tpl-radius-card:12px;--tpl-radius-chip:999px;--tpl-radius-button:8px;--tpl-radius-modal:16px;--tpl-radius-image:12px;--tpl-radius-logo:12px;--tpl-shadow-card:0 2px 8px rgba(0,0,0,.06);--tpl-shadow-modal:0 24px 64px rgba(0,0,0,.3);--tpl-shadow-elevated:0 4px 16px rgba(0,0,0,.2);--tpl-card-padding:10px 12px;--tpl-section-gap:16px;--tpl-border-width:1px;--tpl-glass-blur:0px;--color-surface:#fff;--color-surface-muted:#f9fafb;--color-border:#e5e7eb;--color-text-muted:#6b7280}:root[data-surface=dark]{--color-surface:#161616;--color-surface-muted:#1a1a1a;--color-border:hsla(0,0%,100%,.08);--color-text-muted:hsla(0,0%,100%,.55)}:root[data-glass-effect=true]{--color-surface:hsla(0,0%,100%,.55);--color-surface-muted:hsla(0,0%,100%,.35);--color-border:hsla(0,0%,100%,.4)}:root[data-glass-effect=true][data-surface=dark]{--color-surface:rgba(20,20,30,.55);--color-surface-muted:rgba(20,20,30,.35);--color-border:hsla(0,0%,100%,.18);--color-text-muted:hsla(0,0%,100%,.7)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);line-height:1.5;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:600;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin-bottom:var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;transition:all .2s ease}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{opacity:.8}@media (min-width:320px){:root{--section-padding:var(--spacing-md);--component-gap:var(--spacing-sm);--heading-scale:1;--text-scale:1;--max-width:100%;--columns:1}body{font-size:16px}h1{font-size:calc(1.5rem * var(--heading-scale))}h2{font-size:calc(1.25rem * var(--heading-scale))}h3{font-size:calc(1.1rem * var(--heading-scale))}}@media (min-width:640px){:root{--section-padding:var(--spacing-lg);--component-gap:var(--spacing-md);--heading-scale:1.1;--text-scale:1.05;--max-width:640px;--columns:2}h1{font-size:calc(1.75rem * var(--heading-scale))}h2{font-size:calc(1.5rem * var(--heading-scale))}}@media (min-width:768px){:root{--section-padding:var(--spacing-xl);--component-gap:var(--spacing-md);--heading-scale:1.2;--text-scale:1.05;--max-width:768px;--columns:2}h1{font-size:calc(2rem * var(--heading-scale))}h2{font-size:calc(1.5rem * var(--heading-scale))}}@media (min-width:1024px){:root{--section-padding:var(--spacing-2xl);--component-gap:var(--spacing-lg);--heading-scale:1.3;--text-scale:1.1;--max-width:1000px;--columns:3}h1{font-size:calc(2.25rem * var(--heading-scale))}h2{font-size:calc(1.75rem * var(--heading-scale))}}@media (min-width:1280px){:root{--section-padding:var(--spacing-2xl);--component-gap:var(--spacing-lg);--heading-scale:1.4;--text-scale:1.1;--max-width:1200px;--columns:4}h1{font-size:calc(2.5rem * var(--heading-scale))}h2{font-size:calc(2rem * var(--heading-scale))}}@media (min-width:1536px){:root{--section-padding:var(--spacing-2xl);--component-gap:var(--spacing-xl);--heading-scale:1.5;--text-scale:1.15;--max-width:1400px;--columns:5}h1{font-size:calc(2.5rem * var(--heading-scale))}h2{font-size:calc(2rem * var(--heading-scale))}}@media (max-height:500px) and (orientation:landscape){:root{--section-padding:var(--spacing-sm)}}@media (hover:none) and (pointer:coarse){[role=button],a,button{min-height:44px;min-width:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){[border]{border-width:.5px}}@media (prefers-color-scheme:dark){:root{--color-background:#1a1a1a;--color-text:#e0e0e0}body{background-color:var(--color-background);color:var(--color-text)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}[data-no-print]{display:none!important}}