html{scrollbar-gutter:stable;scroll-behavior:smooth}:root{--surface-1: #ffffff;--surface-2: #f8fafc;--surface-3: #eff3f8;--text-primary: #0f172a;--text-secondary: #475569;--border-soft: rgba(15, 23, 42, .12);--ring-focus: rgba(63, 100, 123, .28);--motion-standard: .18s cubic-bezier(.2, .8, .2, 1);--radius-sm: 6px;--radius-md: 8px}body{margin:0;min-width:320px;min-height:100vh;width:100%;color:var(--text-primary);background:var(--surface-2)}a{color:inherit;text-decoration:none}#root{width:100%;min-height:100vh}[data-surface=glass]{background:linear-gradient(180deg,#fffffff2,#f4f8ffe6);border:1px solid var(--border-soft);box-shadow:0 8px 24px #0f172a1f;border-radius:var(--radius-md)}[data-hover=lift]{transition:transform var(--motion-standard),box-shadow var(--motion-standard)}[data-hover=lift]:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a29}:focus-visible{outline:3px solid var(--ring-focus);outline-offset:2px}