*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Inter,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit}img{display:block;max-width:100%}:root{--bg:#fff;--bg-verysoft:#f9f9f9;--bg-soft:#efefef;--bg-header:#fff;--panel-bg:#fff;--text:#111;--text-soft:#666;--border:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.22);--accent:#000;--accent-soft:#222;--radius:8px;--radius-lg:12px;--radius-soft:3px;--transition:0.2s ease}[data-theme=dark]{--bg:#0f0f0f;--bg-verysoft:#1a1a1a;--bg-soft:#2b2a2a;--bg-header:#111;--panel-bg:#131313;--text:#f5f5f5;--text-soft:#aaa;--border:hsla(0,0%,100%,.12);--border-strong:hsla(0,0%,100%,.22);--accent:#fff;--accent-soft:#ccc}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}button.primary{padding:12px;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;cursor:pointer}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}h1,h2,h3,h4,h5{font-weight:600}p{line-height:1.5}