code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}:root{--color-bg: #0a0a0a;--color-surface: #121212;--color-surface-hover: #1e1e1e;--color-border: #2a2a2a;--color-primary: #FFD700;--color-primary-hover: #E6C200;--color-primary-dim: rgba(255, 215, 0, .1);--color-text: #ffffff;--color-text-checked: #1a1a1a;--color-text-muted: #888888;--color-error: #ff4d4d;--color-success: #00cc66;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit}.btn-primary{background-color:var(--color-primary);color:var(--color-text-checked)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--color-text)}.btn-ghost:hover{background-color:var(--color-surface-hover)}input,textarea{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:inherit;transition:border-color var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-dim)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-gradient-animated{background:linear-gradient(270deg,gold,#ff8c00,gold);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-flow 6s ease infinite}.hero-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,rgba(255,140,0,.05) 40%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.brand-logo-gradient{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 4px 12px #ffd70033}.editor-textarea:focus{outline:none!important}.editor-textarea,.editor-textarea+pre,pre[class*=language-],code[class*=language-]{background:transparent!important;text-shadow:none!important}
