:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#111827}.ideContainer{width:90%;max-width:900px;margin:2rem auto;background:#1f2937;padding:2rem;border-radius:12px;box-shadow:0 10px 30px #0006;border:1px solid #374151}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #374151;padding-bottom:1rem;margin-bottom:1.5rem}.header h1{font-size:1.75rem;color:#f9fafb;margin:0}.onlineBadge{font-size:.75rem;font-weight:600;color:#34d399;background-color:#10b9811a;padding:.25rem .75rem;border-radius:9999px}label{display:block;font-size:.875rem;font-weight:500;color:#9ca3af;margin-bottom:.5rem}.editorSection,.outputSection{margin-bottom:1.5rem}.editor{width:100%;height:300px;background-color:#111827;border:1px solid #374151;border-radius:8px;padding:1rem;font-family:Fira Code,Courier New,monospace;font-size:.9rem;color:#e5e7eb;resize:vertical;box-sizing:border-box}.editor:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.compileButton{width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:600;color:#fff;background-color:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-bottom:1.5rem}.compileButton:hover{background-color:#1d4ed8}.compileButton:active{transform:scale(.99)}.output{width:100%;min-height:150px;background-color:#111827;border:1px solid #374151;border-radius:8px;padding:1rem;font-family:Fira Code,Courier New,monospace;font-size:.85rem;color:#d1d5db;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box}.cm-editor{border-radius:8px;border:1px solid #374151;overflow:hidden}.cm-editor:focus-within{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.cm-comment{color:#6a737d;font-style:italic}.cm-string{color:#98c379}.cm-number,.cm-bool{color:#d19a66}.cm-control,.cm-pragma,.cm-statement{color:#c678dd}.cm-type{color:#e5c07b}.cm-operation{color:#56b6c2}.cm-crypto,.cm-byte{color:#61afef}.cm-comment{color:#7f848e;font-style:italic}.header-controls{display:flex;align-items:center;gap:20px}.githubLink{display:flex;align-items:center;gap:8px;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:.9rem;transition:opacity .2s}.githubLink:hover{opacity:.8}