:root{--accent:#d9663d;--accent-soft:#f0c9b6;--sage:#6f8268;--gold:#d59a3c;--rose:#c2685f;--bg:#e7d8c2;--app-bg:#fbf5ec;--surface:#fff;--surface-2:#f5ecdf;--ink:#2c2722;--ink-soft:#7c7064;--ink-faint:#a89c8c;--line:#ece0cf;--line-strong:#ddcdb6;--shadow:0 18px 50px -18px #3a2a1873;--shadow-sm:0 4px 16px -6px #3a2a1847;--font-display:"Newsreader", Georgia, serif;--font-body:"Mulish", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--radius:26px;--bottomnav-h:78px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(1200px 700px at 80% -10%, color-mix(in oklab, var(--accent) 16%, var(--bg)), transparent 60%), var(--bg);color:var(--ink);justify-content:center;align-items:center;min-height:100dvh;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}.stage{justify-content:center;align-items:center;width:100%;height:100dvh;padding:22px;display:flex}.app-shell{background:var(--app-bg);width:480px;max-width:100%;height:880px;max-height:100dvh;box-shadow:var(--shadow);border:1px solid color-mix(in oklab, var(--line-strong) 60%, transparent);border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=480px){.stage{padding:0}.app-shell{border:none;border-radius:0;width:100%;height:100dvh;max-height:none}}.screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{width:0}.topbar{flex:none;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;font-size:25px;font-weight:600;display:flex}.wordmark b{color:var(--accent);font-weight:600}.icon-btn{border:1px solid var(--line-strong);background:var(--surface);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,background .15s;display:flex}.icon-btn:active{transform:scale(.92)}.icon-btn.ghost{background:0 0;border:none}.bottomnav{z-index:5;height:var(--bottomnav-h);box-sizing:border-box;padding:10px 12px calc(14px + env(safe-area-inset-bottom));background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.navitem{cursor:pointer;color:var(--ink-faint);letter-spacing:.01em;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:4px 14px;font-size:11px;font-weight:700;transition:color .15s;display:flex}.navitem.active{color:var(--accent)}.navitem svg{width:24px;height:24px}.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:15px 18px;font-size:15.5px;font-weight:700;transition:transform .12s,filter .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{cursor:default}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 22px -10px color-mix(in oklab, var(--accent) 80%, black)}.btn-primary:hover{filter:brightness(1.04)}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.btn-block{width:100%}.chip{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.chip svg{width:15px;height:15px}.chip.yes{color:var(--sage);border-color:color-mix(in oklab, var(--sage) 35%, var(--line));background:color-mix(in oklab, var(--sage) 12%, var(--surface))}.chip.warn{color:var(--gold);border-color:color-mix(in oklab, var(--gold) 35%, var(--line));background:color-mix(in oklab, var(--gold) 12%, var(--surface))}.chip.no{color:var(--ink-faint)}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-size:11px;font-weight:500}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0;font-weight:600}.photo{background-color:var(--p1);background-image:radial-gradient(circle at 22% 26%, color-mix(in oklab, var(--p2) 90%, transparent) 0, transparent 42%), radial-gradient(circle at 80% 78%, color-mix(in oklab, var(--p2) 85%, transparent) 0, transparent 46%);width:100%;height:100%;position:relative;overflow:hidden}.photo:after{content:"";opacity:.6;background-image:radial-gradient(circle at 30% 30%,#ffffff1a 2px,#0000 3px),radial-gradient(circle at 70% 60%,#0000000d 2px,#0000 3px);background-size:26px 26px,34px 34px;position:absolute;inset:0}.photo .photo-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;text-shadow:0 1px 2px #00000040;text-align:center;z-index:1;font-size:11px;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.paw{opacity:.5;width:54px;height:54px;margin:0 auto 8px}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(560px)rotate(540deg)}}@keyframes slideup{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.32s cubic-bezier(.2,.7,.3,1) both slideup}input,textarea,select,button{font-family:var(--font-body)}.field{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:14px;padding:13px 15px;font-size:15px}.field:focus{outline:2px solid color-mix(in oklab, var(--accent) 50%, transparent);outline-offset:0;border-color:var(--accent)}.auth-page{flex-direction:column;justify-content:center;gap:16px;width:100%;height:100%;padding:32px 28px;display:flex}.auth-error{background:color-mix(in oklab, var(--rose) 14%, var(--surface));color:var(--rose);border:1px solid color-mix(in oklab, var(--rose) 35%, var(--line));border-radius:14px;padding:11px 14px;font-size:14px;font-weight:600}