@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap";:root{--bg:#fbf7f0;--surface:#fff;--cream:#f1e8d9;--cream-deep:#f3e2d4;--cream-sunk:#f4efe5;--line:#e8dfd1;--line-soft:#efe7da;--ink:#1c1714;--ink-2:#3a332c;--ink-3:#4a423a;--muted:#6f665c;--muted-2:#8c8272;--faint:#a79c8e;--fainter:#b0a596;--ghost:#c2b7a5;--ghost-2:#cfc5b6;--clay:#be7250;--clay-dark:#a25f3d;--clay-deep:#8a4f2e;--clay-soft:#f6ede0;--clay-border:#e4c9b4;--clay-dash:#c9ae8e;--clay-tint:#f7efe2;--on-dark:#fff8ee;--on-dark-muted:#968a7c;--dark-raised:#2d2620;--dark-line:#4a3e32;--ember:#e08b54;--sage:#5e7448;--sage-bg:#e7ede0;--sage-border:#d3dec7;--danger:#a6483c;--danger-bg:#f7e9e6;--photo-1:linear-gradient(145deg, #f5ead9, #dfc9ae);--photo-2:linear-gradient(145deg, #efe8d9, #d2cbae);--photo-3:linear-gradient(145deg, #f6eada, #e3c9b2);--photo-4:linear-gradient(145deg, #ebe3d2, #cfc0a6);--font-display:"Instrument Serif", Georgia, "Times New Roman", serif;--font-ui:"Familjen Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--r-2xl:28px;--r-pill:999px;--shadow-card:0 6px 22px #3c2c1a17;--shadow-soft:0 8px 24px #3c2c1a14;--shadow-lift:0 12px 28px #3c2c1a24;--pad:20px;--tabbar-h:64px;--tabbar-gap:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-clearance:calc(var(--tabbar-h) + var(--tabbar-gap) * 2 + var(--safe-bottom))}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.45}body.standalone{position:fixed;inset:0;overflow:hidden}a{color:var(--clay)}a:hover{color:var(--clay-deep)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.screen{-webkit-overflow-scrolling:touch;height:100%;padding-top:calc(var(--safe-top) + 26px);padding-bottom:var(--tabbar-clearance);overflow-y:auto}.screen--nochrome{padding-bottom:calc(var(--safe-bottom) + 24px)}.screen--dark{color:var(--on-dark);background:#17130f}.pad{padding-left:var(--pad);padding-right:var(--pad)}.screen-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:38px;line-height:.95}.label-caps{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-size:11px}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.grow{flex-grow:1}.stack{flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px}.card--flush{border-radius:22px;padding:0;overflow:hidden}.card--dark{background:var(--ink);color:var(--on-dark);border-color:#0000}.card--cream{background:var(--cream-deep);border-color:var(--clay-border)}.card--sage{background:var(--sage-bg);border-color:var(--sage-border)}.btn{letter-spacing:-.01em;background:var(--cream);min-height:52px;color:var(--ink);border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 20px;font-size:15.5px;font-weight:600;transition:opacity .12s,transform .12s;display:flex}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn--dark{background:var(--ink);color:var(--on-dark)}.btn--clay{background:var(--clay);color:var(--on-dark)}.btn--ghost{border:1px solid var(--line);background:0 0}.btn--danger{background:var(--danger-bg);color:var(--danger)}.btn--sm{border-radius:14px;width:auto;min-height:44px;font-size:14px}.iconbtn{border-radius:var(--r-pill);width:44px;height:44px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.iconbtn--filled{background:var(--cream)}.iconbtn--dark{background:var(--ink);color:var(--on-dark)}.iconbtn:active{opacity:.6}.iconbtn--inset{margin:-8px}.iconbtn--inset-r{margin-right:-10px}.chip{border-radius:var(--r-pill);background:var(--cream);min-height:34px;color:var(--ink);flex-shrink:0;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:600;display:inline-flex}.chip--clay{background:var(--cream-deep);border:1px solid var(--clay-border);color:var(--clay-dark)}.chip--sage{background:var(--sage-bg);border:1px solid var(--sage-border);color:var(--sage)}.chip--quiet{background:var(--bg);border:1px dashed var(--ghost);color:var(--faint);font-weight:500}.chip--tap{min-height:36px}.avatar{--size:44px;width:var(--size);height:var(--size);border-radius:var(--r-pill);background:var(--photo-1);font-size:calc(var(--size) * .34);color:var(--ghost);background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar--posted{box-shadow:0 0 0 2px var(--clay)}.avatar--empty{border:1.5px dashed var(--ghost);background:#f7f2e8}.avatar--you{background:var(--clay-tint);border:1.5px dashed var(--clay-dash);color:var(--clay)}.avatar-stack{display:flex}.avatar-stack>*{border:2px solid var(--surface)}.avatar-stack>*+*{margin-left:-8px}.photo{aspect-ratio:4/5;background:var(--photo-1);object-fit:cover;background-position:50%;background-size:cover;width:100%;display:block}.photo--wide{aspect-ratio:16/11}.segmented{background:var(--cream);border-radius:15px;gap:4px;padding:4px;display:flex}.segmented__opt{min-height:44px;color:var(--muted-2);border-radius:12px;flex-grow:1;justify-content:center;align-items:center;gap:6px;font-size:13.5px;display:flex}.segmented__opt[aria-selected=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #3c2c1a1a}.segmented--dark{background:#17130f}.segmented--dark .segmented__opt{color:#9a8d7d}.segmented--dark .segmented__opt[aria-selected=true]{background:var(--on-dark);color:var(--ink)}.field{background:var(--surface);resize:none;border:1px solid #e2d6c2;border-radius:16px;outline:none;width:100%;min-height:52px;padding:14px 16px;font-size:15px}.field:focus{border-color:var(--clay)}.field::placeholder{color:var(--fainter)}.field--pill{border-radius:var(--r-pill);padding:0 18px}.codebox{background:var(--surface);text-align:center;text-transform:uppercase;border:1px solid #e2d6c2;border-radius:14px;width:46px;height:56px;font-size:22px;font-weight:600}.codebox:focus{border:2px solid var(--clay);outline:none}.tabbar{left:var(--pad);right:var(--pad);bottom:calc(var(--safe-bottom) + var(--tabbar-gap));height:var(--tabbar-h);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);z-index:30;border-radius:32px;justify-content:space-around;align-items:center;max-width:560px;margin:0 auto;padding:0 12px;display:flex;position:fixed}.tabbar__item{border-radius:var(--r-pill);width:48px;height:48px;color:var(--fainter);justify-content:center;align-items:center;display:flex}.tabbar__item[aria-current=page]{background:var(--ink);color:var(--on-dark)}.fade-bottom{height:calc(var(--tabbar-clearance) + 70px);background:linear-gradient(180deg, #fbf7f000 0%, var(--bg) 58%);pointer-events:none;z-index:20;position:fixed;bottom:0;left:0;right:0}.sheet-backdrop{z-index:50;background:#1c171466;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:var(--r-2xl) var(--r-2xl) 0 0;width:100%;max-width:560px;padding:10px var(--pad) calc(var(--safe-bottom) + 20px);max-height:86vh;overflow-y:auto}.sheet__grab{background:var(--ghost);border-radius:2px;width:40px;height:4px;margin:6px auto 14px}.spinner{border:2px solid var(--clay-border);border-top-color:var(--clay);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.spinner--on-dark{border-color:#fff8ee40;border-top-color:var(--on-dark)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--cream-sunk) 25%, #efe7da 50%, var(--cream-sunk) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toast{left:50%;bottom:calc(var(--tabbar-clearance) + 12px);background:var(--ink);color:var(--on-dark);border-radius:var(--r-pill);z-index:60;box-shadow:var(--shadow-lift);max-width:calc(100% - 40px);padding:12px 18px;font-size:13.5px;position:fixed;transform:translate(-50%)}.toast--error{background:var(--danger)}.empty{text-align:center;color:var(--faint);padding:40px 24px;font-size:14px;line-height:1.55}.divider{background:var(--line-soft);height:1px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{max-width:560px;height:100%;margin:0 auto;position:relative}.capture-hint{color:#b0865c;opacity:.6}.ember{color:var(--ember)}.hscroll{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}