@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-panel: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border-light: #e2e8f0;--border-focus: #94a3b8;--accent-primary: #2563eb;--accent-glow: rgba(37, 99, 235, .1);--accent-alert: #ef4444;--accent-warn: #eab308;--accent-success: #22c55e;--font-mono: "Share Tech Mono", monospace;--font-sans: "Inter", sans-serif;--radius-sm: 4px;--radius-md: 8px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.grid-bg{background-size:50px 50px;background-image:linear-gradient(to right,rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.05) 1px,transparent 1px)}.panel{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000000d}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;gap:.5rem}.btn-primary{background:var(--text-primary);color:#fff;border:1px solid var(--text-primary)}.btn-primary:hover{background:transparent;color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--border-light)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--text-primary)}.btn-outline:hover{background:var(--text-primary);color:#fff}.ide-block{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.ide-header{background:var(--border-light);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:var(--accent-alert)}.dot-yellow{background:var(--accent-warn)}.dot-green{background:var(--accent-success)}.ide-content{padding:1.5rem;font-family:Consolas,monospace;font-size:.9rem;color:var(--text-primary)}@media(max-width:768px){.container{padding:0 1rem}.responsive-grid-2{grid-template-columns:1fr!important}.responsive-flex-col{flex-direction:column!important}.hide-on-mobile{display:none!important}}.show-on-mobile{display:none}@media(max-width:768px){.show-on-mobile{display:block}}