:root{--brand-50: oklch(.97 .02 250);--brand-100: oklch(.94 .04 250);--brand-200: oklch(.88 .08 250);--brand-300: oklch(.78 .13 250);--brand-400: oklch(.68 .16 250);--brand-500: oklch(.58 .18 250);--brand-600: oklch(.5 .18 250);--brand-700: oklch(.42 .16 250);--brand-900: oklch(.28 .1 250);--bg: oklch(.99 .003 250);--bg-soft: oklch(.975 .005 250);--bg-card: #ffffff;--line: oklch(.93 .005 250);--line-soft: oklch(.96 .004 250);--ink-1: oklch(.2 .015 250);--ink-2: oklch(.42 .012 250);--ink-3: oklch(.6 .01 250);--ink-4: oklch(.78 .008 250);--win: oklch(.62 .16 155);--win-soft: oklch(.95 .05 155);--lose: oklch(.6 .2 25);--lose-soft: oklch(.96 .04 25);--warn: oklch(.72 .16 75);--warn-soft: oklch(.96 .05 75);--gold: oklch(.78 .13 85);--suit-red: oklch(.58 .2 25);--suit-black: oklch(.2 .015 250);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(20,30,50,.04), 0 1px 1px rgba(20,30,50,.03);--shadow-2: 0 1px 3px rgba(20,30,50,.05), 0 6px 20px rgba(20,30,50,.05);--shadow-3: 0 2px 6px rgba(20,30,50,.06), 0 16px 48px rgba(20,30,50,.08);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", system-ui, sans-serif;--font-num: "SF Pro Display", "Inter", -apple-system, system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Menlo", monospace;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--tabbar-h: calc(56px + var(--safe-bottom))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;padding:0;font-family:var(--font-sans);color:var(--ink-1);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,.tap{user-select:none;-webkit-user-select:none;cursor:pointer}button{font-family:var(--font-sans)}input,textarea{user-select:text;-webkit-user-select:text;font-family:var(--font-sans);font-size:16px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.app-frame{min-height:100%;padding-bottom:var(--tabbar-h);position:relative}.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.fade-in{animation:fade-in .24s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.skel{background:linear-gradient(90deg,var(--bg-soft) 0,var(--line-soft) 50%,var(--bg-soft) 100%);background-size:200% 100%;animation:skel 1.4s linear infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + 24px);background:#141928eb;color:#fff;font-size:13px;padding:10px 16px;border-radius:var(--r-pill);z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toast .25s ease}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}