:root{
  --bg:#0d1117;--bg2:#161b22;--bg3:#1c2128;--border:#30363d;
  --green:#3fb950;--blue:#58a6ff;--red:#f85149;--yellow:#d29922;
  --text:#e6edf3;--muted:#7d8590;--grad:linear-gradient(135deg,#3fb950,#58a6ff);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Courier New",monospace;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.6}
a{text-decoration:none;color:inherit}
.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-family:monospace;font-size:13px}
.btn-primary{background:#238636;color:#fff}
.btn-primary:hover{background:#2ea043}
.btn-secondary{background:#21262d;color:var(--text);border:1px solid var(--border)}
.btn-secondary:hover{background:#30363d}
.btn-danger{background:#da3633;color:#fff}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:16px}
.header{background:var(--bg2);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}
@media(max-width:768px){.header{padding:8px 12px}}
@media(max-width:480px){body{font-size:13px}}