*{margin:0;padding:0;box-sizing:border-box}:root{--font-display: "Cormorant", Georgia, serif;--font-body: "Mulish", system-ui, sans-serif;--accent: #b0603f;--accent-soft: color-mix(in oklab, var(--accent) 14%, transparent);--accent-ink: color-mix(in oklab, var(--accent) 78%, #000 22%);--pad: 20px;--gap: 16px;--radius: 22px;--paper: oklch(.974 .008 78);--paper-2: oklch(.955 .01 76);--surface: oklch(.995 .004 80);--surface-2: oklch(.978 .007 78);--ink: oklch(.27 .014 56);--ink-soft: oklch(.44 .012 56);--ink-mute: oklch(.6 .01 58);--line: oklch(.27 .014 56 / .1);--line-soft: oklch(.27 .014 56 / .06);--shadow: 0 1px 2px oklch(.27 .02 56 / .05), 0 10px 30px oklch(.27 .02 56 / .07)}@media (prefers-color-scheme: dark){:root{--paper: oklch(.205 .012 56);--paper-2: oklch(.235 .013 56);--surface: oklch(.255 .013 56);--surface-2: oklch(.295 .013 56);--ink: oklch(.95 .008 80);--ink-soft: oklch(.8 .01 78);--ink-mute: oklch(.64 .012 70);--line: oklch(.95 .01 80 / .12);--line-soft: oklch(.95 .01 80 / .07);--shadow: 0 1px 2px oklch(0 0 0 / .3), 0 12px 32px oklch(0 0 0 / .4)}}html,body{height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto;position:relative}.serif{font-family:var(--font-display)}.eyebrow{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--pad)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}.chip-line{background:transparent;color:var(--ink-mute);border:1px solid var(--line)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:15px;padding:15px 22px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;transition:transform .15s ease,filter .2s ease}.btn:active{transform:scale(.978)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}input.field{width:100%;font-family:var(--font-body);font-size:15px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}input.field::placeholder{color:var(--ink-mute)}.divider{height:1px;background:var(--line);border:none}.brandbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 14px) var(--pad) 12px;background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);font-family:var(--font-display);font-weight:600;font-size:15px}.brandbar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{flex:1;overflow-y:auto;padding:20px var(--pad) 100px}.tabbar{position:sticky;bottom:0;left:0;right:0;background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line-soft);padding:9px 14px calc(env(safe-area-inset-bottom,0px) + 10px);display:flex;gap:4px}.tab{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;color:var(--ink-mute);font-family:var(--font-body);font-size:10px;font-weight:600;text-decoration:none}.tab.active{color:var(--accent)}.topbar{display:flex;align-items:center;gap:12px;padding:14px var(--pad) 10px;position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar-back{width:38px;height:38px;border-radius:999px;flex-shrink:0;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center}.topbar-title{flex:1;font-family:var(--font-display);font-size:19px;font-weight:600}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}