html.pwa-app{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}html.pwa-app body{overscroll-behavior-y:none}html.pwa-app button,html.pwa-app footer,html.pwa-app header,html.pwa-app nav{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}html.pwa-app a,html.pwa-app button{touch-action:manipulation}html.pwa-app .app-safe-bottom{padding-bottom:var(--safe-bottom)}html.pwa-app .app-safe-x{padding-left:var(--safe-left);padding-right:var(--safe-right)}:root,[data-theme=dark]{--bg:#050810;--page-bg:#050810;--surface:hsla(0,0%,100%,.03);--surface-strong:hsla(0,0%,100%,.06);--surface-border:hsla(0,0%,100%,.06);--glass-bg:hsla(0,0%,100%,.03);--glass-strong:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.06);--text:#f5f5f7;--text-secondary:#d1d1d6;--muted:#86868b;--primary:#a78bfa;--primary-soft:rgba(167,139,250,.08);--primary-glow:rgba(167,139,250,.15);--primary-strong:#8b5cf6;--accent:#34d399;--accent-soft:rgba(52,211,153,.08);--accent-glow:rgba(52,211,153,.12);--violet:#c084fc;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 4px 24px rgba(0,0,0,.3);--shadow-xl:0 12px 48px rgba(0,0,0,.4);--header-bg:rgba(5,8,16,.85);--header-text:#f5f5f7;--header-border:hsla(0,0%,100%,.06);--nav-link:#86868b;--nav-link-active:#f5f5f7;--icon-color:#f5f5f7;--btn-secondary-bg:hsla(0,0%,100%,.06);--btn-secondary-text:#f5f5f7;--btn-primary-from:#a78bfa;--btn-primary-to:#8b5cf6;--error:#ef4444;--warning:#f59e0b;--success:#22c55e;--section-gap:5rem;--section-gap-tight:3.5rem;--card-padding:1.5rem;--radius-card:16px;--radius-xl:24px;--hero-min:100vh;--card-bg:var(--surface);--border:var(--surface-border);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition:all 0.3s cubic-bezier(0.16,1,0.3,1);--transition-slow:all 0.5s cubic-bezier(0.16,1,0.3,1);--code-bg:rgba(0,0,0,.25)}[data-theme=light]{--bg:#dde1e7;--page-bg:#dde1e7;--surface:hsla(0,0%,100%,.65);--surface-strong:hsla(0,0%,100%,.85);--surface-border:rgba(99,102,241,.12);--glass-bg:hsla(0,0%,100%,.55);--glass-strong:hsla(0,0%,100%,.7);--glass-border:rgba(99,102,241,.18);--text:#0f172a;--text-secondary:#1e293b;--muted:#475569;--primary:#4f46e5;--primary-soft:rgba(79,70,229,.09);--primary-glow:rgba(79,70,229,.18);--primary-strong:#3730a3;--accent:#0891b2;--accent-soft:rgba(8,145,178,.09);--accent-glow:rgba(8,145,178,.2);--violet:#7c3aed;--shadow-sm:0 4px 16px rgba(15,23,42,.06);--shadow:0 16px 48px rgba(15,23,42,.08);--shadow-xl:0 32px 80px rgba(15,23,42,.1);--header-bg:rgba(221,225,231,.85);--header-text:#0f172a;--header-border:rgba(15,23,42,.07);--nav-link:#475569;--nav-link-active:#4f46e5;--icon-color:#0f172a;--btn-secondary-bg:rgba(15,23,42,.05);--btn-secondary-text:#0f172a;--btn-primary-from:#4f46e5;--btn-primary-to:#3730a3;--code-bg:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--page-bg);color:var(--text);line-height:1.6;transition:background .4s ease,color .35s ease;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.15}img{max-width:100%;height:auto}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}@media (max-width:768px){.container{padding:0 1.25rem}}.section-bg{background:var(--surface);border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button:hover{background:var(--primary-soft);border-color:var(--primary)}input[type=number]::-webkit-inner-spin-button:active{background:var(--primary);border-color:var(--primary)}input[type=number]::-webkit-inner-spin-button:after,input[type=number]::-webkit-inner-spin-button:before{color:var(--text-secondary);font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center;width:100%;height:50%;-webkit-transition:color .15s;transition:color .15s}input[type=number]::-webkit-inner-spin-button:before{content:"\25B2";border-bottom:1px solid var(--surface-border)}input[type=number]::-webkit-inner-spin-button:after{content:"\25BC"}input[type=number]::-webkit-inner-spin-button:hover:after,input[type=number]::-webkit-inner-spin-button:hover:before{color:var(--primary)}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000}.skip-to-content:focus{position:fixed;top:1rem;left:1rem;width:auto;height:auto;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border-radius:8px;font-weight:600;z-index:10000}.footer--tools,.header--tools,.tools-surface{--module-accent:#38bdf8;--module-accent-soft:rgba(56,189,248,.12);--module-accent-line:rgba(56,189,248,.34);--module-accent-glow:rgba(56,189,248,.16);--module-accent-ink:#7dd3fc;--primary:var(--module-accent);--primary-soft:var(--module-accent-soft)}[data-theme=light] .footer--tools,[data-theme=light] .header--tools,[data-theme=light] .tools-surface{--module-accent:#0284c7;--module-accent-soft:rgba(2,132,199,.1);--module-accent-line:rgba(2,132,199,.26);--module-accent-glow:rgba(2,132,199,.14);--module-accent-ink:#075985}.compiler-surface,.footer--compilers,.header--compilers{--module-accent:#34d399;--module-accent-soft:rgba(52,211,153,.12);--module-accent-line:rgba(52,211,153,.32);--module-accent-glow:rgba(52,211,153,.16);--module-accent-ink:#6ee7b7;--primary:var(--module-accent);--primary-soft:var(--module-accent-soft)}[data-theme=light] .compiler-surface,[data-theme=light] .footer--compilers,[data-theme=light] .header--compilers{--module-accent:#059669;--module-accent-soft:rgba(5,150,105,.1);--module-accent-line:rgba(5,150,105,.24);--module-accent-glow:rgba(5,150,105,.14);--module-accent-ink:#047857}.footer--editor,.header--editor{--module-accent:#a78bfa;--module-accent-soft:rgba(167,139,250,.14);--module-accent-line:rgba(167,139,250,.34);--module-accent-glow:rgba(167,139,250,.16);--module-accent-ink:#c4b5fd;--primary:var(--module-accent);--primary-soft:var(--module-accent-soft)}[data-theme=light] .footer--editor,[data-theme=light] .header--editor{--module-accent:#7c3aed;--module-accent-soft:rgba(124,58,237,.1);--module-accent-line:rgba(124,58,237,.24);--module-accent-glow:rgba(124,58,237,.14);--module-accent-ink:#5b21b6}