@import "https://fonts.googleapis.com/css?family=Fira+Code:400,600&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg:#282f30;--gold:#ecb600;--text:#f9fbf9;--muted:#6b7e80;--border:#3a4446;--surface:#303839;--font:"Fira Code", monospace}html,body{background-color:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;padding:0}a{color:var(--text);text-decoration:none}a:hover{color:var(--gold)}button{font-family:var(--font);cursor:pointer}input,textarea,select{font-family:var(--font);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:2px;width:100%;padding:.5rem .75rem;font-size:.9rem}input:focus,textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}textarea{resize:vertical;min-height:80px}label{color:var(--muted);text-transform:lowercase;letter-spacing:.05em;flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.btn{border:1px solid var(--text);color:var(--text);letter-spacing:.05em;background:0 0;padding:.6rem 1.4rem;font-size:.9rem;transition:all .15s;display:inline-block}.btn:hover{background:var(--gold);border-color:var(--gold);color:var(--bg)}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:0 0;padding:.4rem .9rem;font-size:.8rem}.btn-ghost:hover{border-color:var(--muted);color:var(--text)}.error{color:#e05c5c;margin:.4rem 0 0;font-size:.85rem}.success{color:#6dbf8f;margin:.4rem 0 0;font-size:.85rem}