:root{--bg:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text:#f8fafc;--muted:#94a3b8;--primary:#3b82f6;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}#root{min-height:100vh}.header{background:var(--surface);border-bottom:1px solid #334155;padding:20px}.header h1{font-size:1.8rem}.header p{color:var(--muted);margin-top:4px}.app-content{padding:20px 20px 90px}.card{background:var(--surface);border-radius:var(--radius);margin-top:18px;padding:18px}.card h2{margin-bottom:10px}.card p{color:var(--muted);margin-bottom:16px}button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-size:1rem}button:disabled{opacity:.7;cursor:not-allowed}.bottom-nav{background:var(--surface);border-top:1px solid #334155;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--text);background:0 0;border-radius:0;flex:1}