@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=DM+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400&display=swap";:root{--color-bg: #f5f2ed;--color-surface: #faf8f5;--color-border: #e0dbd2;--color-text: #2a251f;--color-text-muted: #7a6f62;--color-text-light: #a89f93;--color-accent: #C8A96E;--color-accent-light: #E8D4B0;--color-error: #C0392B;--color-warning: #D4A574;--color-success: #5fa97a;--color-info: #6b8ac4;--color-overlay: rgba(0, 0, 0, .45);--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-muted);--color-accent-hover: var(--color-accent-light);--color-sold: var(--color-success);--font-display: "Cormorant Garamond", serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 96px;--space-1: var(--space-sm);--space-2: var(--space-md);--space-3: var(--space-lg);--space-4: var(--space-xl);--space-5: 40px;--space-6: var(--space-2xl);--space-7: 56px;--space-8: var(--space-3xl);--space-9: 72px;--space-10: var(--space-4xl);--space-11: 88px;--space-12: var(--space-5xl);--space-13: 104px;--space-14: 112px;--space-15: 120px;--space-16: 128px;--nav-height: 64px;--max-width: 480px;--max-width-wide: 960px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6}h1{font-size:clamp(28px,6vw,48px);line-height:1.1;font-family:var(--font-display);font-weight:300;margin:0}h2{font-size:clamp(20px,4vw,32px);line-height:1.15;font-family:var(--font-display);font-weight:400;margin:0}h3{font-size:20px;line-height:1.25;font-family:var(--font-display);font-weight:400;margin:0}.subtitle{font-size:18px;line-height:1.5;color:var(--color-text-muted)}.label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.caption{font-size:13px;line-height:1.5;color:var(--color-text-light)}.small{font-size:14px;line-height:1.5}button,input,textarea{font-size:16px;line-height:1.5;font-family:var(--font-body);color:var(--color-text)}a{color:inherit;text-decoration:none}a[href]{text-underline-offset:2px}a[href]:not(.button):not([class*=mobile-nav__item]):not([class*=btn]){text-decoration:underline;color:var(--color-accent)}a[href]:not(.button):not([class*=mobile-nav__item]):not([class*=btn]):hover{color:var(--color-accent-light)}a[href][class*=button],a[href][class*=mobile-nav__item],a[role=button],a[href][class*=btn]{text-decoration:none!important;color:inherit}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 8px 16px #0000001f}.shadow-hover{box-shadow:0 2px 8px #00000014}.transition-all{transition:all .15s ease}.transition-colors{transition:color .15s ease,background-color .15s ease}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}.skeleton{background:linear-gradient(90deg,#e7e1d6 25%,#ddd5c8 50%,#e7e1d6 75%);background-size:200% 100%;animation:pulse 1.2s infinite;border-radius:4px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .2s ease-in-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .2s ease-out}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(80,70,58,.28);color:var(--color-text);display:grid;place-items:center;z-index:999}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--touch-target: 44px}html,body,#root{min-height:100%}body{overflow-x:hidden;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}.app-shell{min-height:100dvh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right)}.route-transition{animation:route-enter .22s ease}@keyframes route-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.route-transition{animation:none}}.offline-banner{position:sticky;top:0;z-index:1200;width:100%;text-align:center;padding:8px 12px;background:#2a251f;color:#faf8f5;font-size:13px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;border-top:1px solid var(--color-border);background:var(--color-surface);z-index:1100;padding-bottom:max(10px,var(--safe-bottom))}.mobile-nav__inner{max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px}.mobile-nav__item{min-height:var(--touch-target);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--color-text-muted);text-decoration:none!important;-webkit-tap-highlight-color:transparent}.mobile-nav__item:active{transform:translateY(1px)}.mobile-nav__item[aria-current=page]{color:var(--color-accent)}.mobile-nav__label{font-size:11px;line-height:1}.page-shell{max-width:var(--max-width);margin:0 auto;padding:16px;padding-bottom:calc(16px + var(--nav-height) + var(--safe-bottom))}.page-shell--wide{max-width:var(--max-width-wide)}@media (max-width: 414px){.page-shell{padding:14px}}@media (max-width: 375px){.page-shell{padding:12px}}@media (max-width: 320px){.page-shell{padding:10px}}@media (min-width: 768px){.page-shell{padding:20px}}a,button{touch-action:manipulation}button{min-height:var(--touch-target)}button:active{transform:translateY(1px)}