:root{--bg:#0d1117;--panel:#161b22;--border:#30363d;--text:#e6edf3;--muted:#8b949e;--red:#f85149;--green:#3fb950;--accent:#58a6ff;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;}
.container{max-width:680px;width:100%;margin:0 auto;padding:20px;}
.nav{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;}
.nav a{color:var(--muted);text-decoration:none;padding:6px 14px;border-radius:8px;border:1px solid var(--border);font-size:.9rem;transition:background .15s;}
.nav a:hover{background:var(--border);color:var(--text);}
.nav a.active{background:var(--accent);color:#0d1117;font-weight:600;border-color:var(--accent);}
.copy-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;line-height:1;opacity:.5;transition:opacity .15s;color:var(--text);vertical-align:middle;}
.copy-btn:hover{opacity:1;background:var(--border);}