*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--card:#131313;--card-hover:#1a1a1a;--border:#1e1e1e;--text:#fff;--text-dim:#999;--text-muted:#555;--accent:#7c3aed;--accent-hover:#6d28d9;--chord:#a78bfa;--section:#facc15;--beginner:#4ade80;--intermediate:#facc15;--advanced:#f87171;--green:#22c55e;--red:#ef4444}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none}button,input,select,textarea{font-family:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.nav{position:fixed;bottom:0;left:0;right:0;background:#111;border-top:1px solid var(--border);justify-content:space-around;padding:10px 0 28px;z-index:100;max-width:600px;margin:0 auto}.nav,.nav a{display:flex}.nav a{flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);transition:color .15s}.nav a.active{color:var(--accent)}.nav a .icon{font-size:22px}.page{max-width:600px;margin:0 auto;padding:24px 20px 100px}.page-title{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:12px}.btn{background:var(--accent);color:#fff;font-weight:700;font-size:15px;padding:14px 24px;border-radius:12px;width:100%;text-align:center;display:block}.btn-secondary{background:var(--card);color:var(--text-dim);border:1px solid var(--border)}.btn-small{padding:10px 16px;font-size:13px;width:auto}.input{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;color:#fff;outline:none;width:100%}.input:focus{border-color:var(--accent)}.label{text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.label,.pill{font-size:11px;font-weight:600;color:var(--text-dim)}.pill{padding:4px 10px;border-radius:6px;background:hsla(0,0%,100%,.05);border:1px solid var(--border)}.mono{font-family:SF Mono,Menlo,Monaco,Courier New,monospace}