:root{--color-primary: #18181B;--color-on-primary: #FFFFFF;--color-accent: #0F766E;--color-on-accent: #FFFFFF;--color-bg: #FAFAFA;--color-fg: #09090B;--color-card: #FFFFFF;--color-muted: #E8ECF0;--color-muted-fg: #64748B;--color-border: #E4E4E7;--color-destructive: #DC2626;--color-ring: #0F766E;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 20px rgba(0,0,0,.12);--radius-card: 12px;--radius-btn: 8px}@media (prefers-color-scheme: dark){:root{--color-bg: #09090B;--color-card: #18181B;--color-fg: #FAFAFA;--color-muted: #27272A;--color-muted-fg: #A1A1AA;--color-border: #27272A;--color-accent: #2DD4BF;--color-on-accent: #042F2E;--color-ring: #2DD4BF}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Noto Sans SC,PingFang SC,system-ui,sans-serif;background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased}img{display:block}a{color:inherit;text-decoration:none}button,.clickable{cursor:pointer}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}