:root{--canvas: #f5f5f7;--surface: #ffffff;--surface-2: #fbfbfd;--surface-sunken: #f0f0f3;--ink: #1d1d1f;--ink-secondary: #6e6e73;--ink-tertiary: #8e8e93;--ink-quaternary: #aeaeb2;--hairline: rgba(0, 0, 0, .08);--hairline-strong: rgba(0, 0, 0, .14);--fill: rgba(118, 118, 128, .08);--fill-hover: rgba(118, 118, 128, .14);--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: rgba(0, 113, 227, .1);--green: #1d9e5e;--green-soft: rgba(29, 158, 94, .12);--red: #d70015;--red-soft: rgba(215, 0, 21, .1);--orange: #c75300;--orange-soft: rgba(199, 83, 0, .12);--violet: #5e5ce6;--violet-soft: rgba(94, 92, 230, .12);--teal: #0e7490;--teal-soft: rgba(14, 116, 144, .12);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .04);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.45;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3{margin:0}.tnum{font-variant-numeric:tabular-nums;letter-spacing:0}.headline{font-weight:600;letter-spacing:-.022em}.squircle{border-radius:var(--r-lg)}@supports (corner-shape: squircle){.squircle{corner-shape:squircle}}.muted{color:var(--ink-secondary)}.faint{color:var(--ink-tertiary)}.hairline{border:1px solid var(--hairline)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;transition:background .15s ease,opacity .15s ease,transform .05s ease}.btn:hover{background:var(--fill)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:transparent;color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--fill)}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--fill);color:var(--ink-secondary)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;font-weight:600;color:var(--ink-secondary)}.input,.select{height:36px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--hairline-strong);background:var(--surface);color:var(--ink);font-size:14px;font-family:inherit}.input:focus,.select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .4s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.rise{animation:none}}