:root{--bg:#ffffff;--fg:#171717;--card-bg:#f5f5f5;--accent:#0070f3}.dark{--bg:#0a0a0a;--fg:#ededed;--card-bg:#1a1a1a;--accent:#3b82f6}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;min-height:100vh}.container{max-width:640px;margin:0 auto;padding:3rem 1.5rem}h1{font-size:1.75rem;margin-bottom:.5rem}.subtitle{color:var(--fg);opacity:.6;margin-bottom:2rem;font-size:.95rem}.card{background-color:var(--card-bg);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.card h2{font-size:1.1rem;margin-bottom:.75rem}.card p{line-height:1.6;opacity:.8;font-size:.9rem}.card code{background:rgba(127,127,127,.15);padding:.15em .4em;border-radius:4px;font-size:.85em}.theme-toggle{background:var(--accent);color:white;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.95rem;margin-bottom:2rem}.theme-toggle:hover{opacity:.9}.badge{display:inline-block;background:var(--accent);color:white;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;margin-bottom:1rem}