body{margin:0;min-height:100vh;transition:background-color .3s,color .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark{background-color:#333;color:#fff}body.light{background-color:#fff;color:#000}.container{padding:20px;max-width:1200px;margin:0 auto}h1{font-weight:700;font-size:2.5rem;margin-bottom:1.5rem;letter-spacing:-.02em}h2{font-weight:600;font-size:1.125rem;margin:0 0 10px;letter-spacing:-.01em}.button-group{display:flex;gap:16px;margin:20px 0}button{padding:8px 16px;border-radius:6px;border:1px solid #ddd;cursor:pointer;transition:all .3s;font-weight:500;font-size:.875rem}body.light button{background:#fff;color:#000;border-color:#ddd}body.light button:hover{background:#f5f5f5}body.dark button{background:#444;color:#fff;border-color:#666}body.dark button:hover{background:#555}.state-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}section{background:#0000001a;padding:16px;border-radius:8px;max-height:300px;overflow-y:auto}pre{margin:0;white-space:pre-wrap;word-break:break-all;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:.875rem;line-height:1.5}