*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f6fa;--bg-soft:#e8f2f8;--panel:#fff;--s1:#fff;--s2:#eef5fa;--s3:#e4eef5;--line:#cbdde9;--line-2:#b8cedf;--border-color:#cbdde9;--ink:#1a2b3c;--ink-2:#4a6475;--ink-3:#8aa0b0;--text-main:#1a2b3c;--text-dim:#8aa0b0;--ocean:#2872a1;--ocean-dark:#1f5a82;--ocean-light:#4a9cc7;--ocean-dim:#2872a11a;--gold:#c49a0a;--gold-dim:#c49a0a1a;--accent:#f4a261;--accent-soft:#f4a2611a;--wasabi:#22c55e;--wasabi-dim:#22c55e26;--danger:#dc2626;--danger-dim:#dc262614;--danger-border:#dc26264d;--danger-soft:#dc26260f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--r:var(--radius-md);--r-lg:var(--radius-lg);--shadow-card:0 1px 4px #1a2a3a0f, 0 4px 12px #1a2a3a0a}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Sora,system-ui,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input{font-family:inherit}:focus-visible{outline:2px solid var(--ocean);outline-offset:2px}