:root{--bg: #0f1419;--surface: #1a2332;--border: #2d3a4d;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--radius: 8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.header h1{margin:0;font-size:1.5rem;font-weight:600}.tagline{margin:.25rem 0 0;font-size:.875rem;color:var(--muted)}.main{flex:1;display:flex;flex-direction:column;max-width:48rem;margin:0 auto;width:100%;padding:1rem 1.5rem}input,button{font:inherit}input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.5rem .75rem}input::placeholder{color:var(--muted)}input:focus{outline:none;border-color:var(--accent)}button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-weight:500}button:hover{filter:brightness(1.1)}button:disabled{opacity:.6;cursor:not-allowed}