:root{--bg: #f7fafc;--bg-grad-1: #f7fafc;--bg-grad-2: #eef6ff;--surface: #ffffff;--text: #0f172a;--muted: #6b7280;--primary: #0ea5e9;--primary-600: #0284c7;--border: #e5e7eb;--radius: 14px;--shadow: 0 6px 20px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(180deg,var(--bg-grad-1),var(--bg-grad-2));font:400 16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:980px;padding:20px;margin:0 auto}.app-header{background:var(--primary);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #0284c740}.app-header h1{margin:0;padding:14px 0;font-size:20px;letter-spacing:.3px}main.container{padding-top:28px;padding-bottom:28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px}h2{margin:0 0 10px;font-size:20px}p{margin:0 0 16px;color:var(--muted)}.app-footer{padding:20px 0 32px;color:var(--muted)}a{color:var(--primary-600);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}button{border-radius:10px;border:1px solid var(--border);padding:10px 16px;font:inherit;background:#f9fafb;cursor:pointer;transition:box-shadow .2s ease,transform .02s ease,border-color .2s ease}button:hover{border-color:var(--primary);box-shadow:0 0 0 4px #0ea5e926}button:active{transform:translateY(1px)}