*,:before,:after{box-sizing:border-box}:root{--background:#0f172a;--foreground:#f8fafc;--primary:#10b981;--primary-hover:#059669;--danger:#ef4444;--danger-hover:#dc2626;--card-bg:#1e293b;--text-muted:#94a3b8}html,body{height:100%}body{color:var(--foreground);background:var(--background);flex-direction:column;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}h1,h2,h3{letter-spacing:-.025em;font-weight:700}button{cursor:pointer;transition:all .2s}:focus-visible{outline:4px solid var(--primary);outline-offset:4px}.container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:600px;height:100%;margin:0 auto;padding:20px;display:flex}.card{background:var(--card-bg);border-radius:20px;flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}