:root{--surface-base: #f2ebdd;--surface-raised: #fff9eb;--surface-sunken: #eae2d0;--surface-shimmer: #f0e8d3;--ink-primary: #2a2820;--ink-muted: #8a7a6a;--ink-subtle: #b8ac9c;--accent: #4a6b3f;--accent-deep: #3d5a34;--icon-green: #4a6b3f;--icon-orange: #c8542e;--icon-rust: #a0522d;--icon-gold: #c49a3a;--icon-plum: #6e4a6b;--icon-slate: #5a6a74;--pill-neutral-bg: #f3ede0;--pill-neutral-border: #cbbfa5;--pill-neutral-text: #4b453b;--pill-neutral-dot: #9a8f78;--pill-orange-bg: #fff1d2;--pill-orange-border: #e8a83d;--pill-orange-text: #7a4d0b;--pill-orange-dot: #e8a83d;--pill-green-bg: #d8f0d7;--pill-green-border: #3e9d4c;--pill-green-text: #1f4a26;--pill-green-dot: #3e9d4c;--pill-blue-bg: #d2e4f6;--pill-blue-border: #2d6fc2;--pill-blue-text: #123466;--pill-blue-dot: #2d6fc2;--pill-purple-bg: #e6defc;--pill-purple-border: #7d5bd3;--pill-purple-text: #3b2676;--pill-purple-dot: #7d5bd3;--pill-slate-bg: #e7e4da;--pill-slate-border: #8f897b;--pill-slate-text: #403c33;--pill-slate-dot: #8f897b;--pill-pink-bg: #f9dee2;--pill-pink-border: #d2477b;--pill-pink-text: #6d1335;--pill-pink-dot: #d2477b;--pill-yellow-bg: #fcf3c1;--pill-yellow-border: #cfa81f;--pill-yellow-text: #6a4f07;--pill-yellow-dot: #cfa81f;--pill-cyan-bg: #d2ecee;--pill-cyan-border: #3aa1a8;--pill-cyan-text: #0e4c50;--pill-cyan-dot: #3aa1a8;--danger: #9c2a2a;--hairline: rgba(42, 40, 32, .08);--hairline-strong: rgba(42, 40, 32, .14);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 28px;--s-7: 40px;--s-8: 56px;--s-9: 80px;--edge: 20px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .04);--shadow-sheet: 0 -6px 24px rgba(0, 0, 0, .1);--shadow-fab: 0 6px 20px rgba(74, 107, 63, .4);--shadow-tile: 0 1px 2px rgba(60, 45, 20, .04), 0 6px 18px rgba(60, 45, 20, .06);--ease: cubic-bezier(.2, 0, 0, 1);--dur-1: .12s;--dur-2: .22s;--dur-3: .32s;--dur-sheet-out: .18s;--font-display: "Fraunces", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif}@media (min-width: 600px){:root{--edge: 24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body{background:var(--surface-base);color:var(--ink-primary);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased}body{margin:0;padding:env(safe-area-inset-top,0) 0 0 0;min-height:100dvh}main{max-width:640px;margin:0 auto;padding:var(--s-5) var(--edge) var(--s-7)}.display-l{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.15;letter-spacing:-.015em}.display-m{font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.2;letter-spacing:-.015em}.display-s{font-family:var(--font-display);font-weight:500;font-size:17px;line-height:1.2;letter-spacing:-.015em}.display-xs{font-family:var(--font-display);font-weight:500;font-size:16px;line-height:1.2;letter-spacing:-.01em}.italic-warmth{font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--ink-muted)}.small-caps{font-family:var(--font-ui);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.caption{font-family:var(--font-ui);font-size:12px;color:var(--ink-muted)}.body{font-size:15px}.body-strong{font-size:14px;font-weight:500}.muted{color:var(--ink-muted);font-size:14px}button{font:inherit;font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.2;padding:10px 16px;border-radius:var(--r-md);border:1px solid transparent;background:var(--surface-raised);color:var(--ink-primary);cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}button:hover:not(:disabled){background:color-mix(in srgb,var(--ink-primary) 4%,var(--surface-raised))}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--surface-raised);border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}button.secondary{background:var(--surface-raised);border-color:var(--hairline-strong)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover:not(:disabled){background:var(--surface-sunken)}button.danger{background:transparent;color:var(--danger);border-color:transparent}button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 8%,transparent)}button.lg{padding:14px 20px;font-size:15px;border-radius:var(--r-md)}button.block{display:block;width:100%}input,textarea{font:inherit;font-size:15px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--hairline-strong);background:var(--surface-raised);color:var(--ink-primary);width:100%;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.card{background:var(--surface-raised);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-card);border:none}.raised-surface{background:var(--surface-raised);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--hairline);overflow:hidden}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.row{display:flex;align-items:center;gap:var(--s-2)}code.inline{background:color-mix(in srgb,var(--ink-primary) 6%,var(--surface-raised));padding:.1rem .4rem;border-radius:var(--r-sm);font-size:.85em}.tap{transition:transform var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}.tap:active{transform:scale(.97);opacity:.85}@media (hover: none) and (pointer: coarse){.tap:active{transform:scale(.96)}}