:root{--color-canvas:#f5f5f5;--color-paper:#fff;--color-surface-alt:#fafafa;--color-ink:#0a0a0a;--color-ink-soft:#171717;--color-mid-gray:#737373;--color-hairline:#e5e5e5;--color-ember:#e7000b;--font-geist:"Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-cards:24px;--radius-buttons:18px;--radius-inputs:18px;--radius-badges:18px;--radius-nested:10px;--shadow-subtle:0 0 0 1px #1717170d, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-geist);background-color:var(--color-canvas);color:var(--color-ink);letter-spacing:.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:.03em}.design-card{background-color:var(--color-paper);border:1px solid var(--color-hairline);box-shadow:var(--shadow-subtle);border-radius:24px;padding:20px}.design-input{background-color:var(--color-canvas);color:var(--color-ink);border:1px solid #0000;border-radius:18px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s}.design-input:focus{border-color:var(--color-hairline);background-color:var(--color-paper)}.design-input::placeholder{color:var(--color-mid-gray)}.btn-primary{background-color:var(--color-ink);color:#fafafa;cursor:pointer;white-space:nowrap;border:none;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:38px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background-color:var(--color-canvas);color:var(--color-ink);cursor:pointer;white-space:nowrap;border:none;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:38px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.btn-ghost:hover:not(:disabled){background-color:#eaeaea}.btn-outline{color:var(--color-ink);border:1px solid var(--color-hairline);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:38px;padding:8px 14px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.btn-outline:hover:not(:disabled){background-color:var(--color-canvas)}.badge-solid{background-color:var(--color-ink-soft);color:#fafafa;white-space:nowrap;border-radius:18px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-soft{background-color:var(--color-canvas);color:var(--color-ink-soft);white-space:nowrap;border-radius:18px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-outline{color:var(--color-ink);border:1px solid var(--color-hairline);white-space:nowrap;background-color:#0000;border-radius:18px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}