:root{--green-900: #16381a;--green-700: #2f5233;--green-600: #1f4a25;--brass: #a9812f;--gold: #d8b25a;--sand: #f4ecdd;--page: #e7dcc6;--surface: #fbf6ea;--input-bg: #fffdf7;--ink: #26221b;--muted: #5c5445;--muted-2: #7a7161;--faint: #8a8272;--label-gold: #8a6620;--line: #eaddc2;--line-2: #d8cbb0;--avatar-bg: #e3d3af;--avatar-ink: #5c4a1e;--chip-bg: #f0e4c6;--chip-line: #e0cd9e;--r-card: 16px;--r-ctl: 14px;--maxw: 460px;--serif: "Lora", Georgia, serif;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button{font-family:var(--sans)}input,button{font-family:inherit}a{color:var(--green-900);text-decoration:none}::-webkit-scrollbar{width:0;height:0}.tnum{font-variant-numeric:tabular-nums}.app{max-width:var(--maxw);margin:0 auto;min-height:100dvh;background:var(--sand);display:flex;flex-direction:column;position:relative;box-shadow:0 0 60px -20px #14190c40}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.pad{padding:20px 24px calc(28px + env(safe-area-inset-bottom))}.safe-top{padding-top:calc(14px + env(safe-area-inset-top))}.h-serif{font-family:var(--serif);color:var(--green-900);margin:0}.eyebrow{font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--label-gold)}.btn{height:58px;border:none;border-radius:var(--r-ctl);background:var(--green-900);color:var(--sand);font:600 17px var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;transition:background .15s ease,opacity .15s ease,transform .05s ease}.btn:active{transform:scale(.99)}.btn:hover{background:var(--green-600)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;color:var(--green-900);border:1.5px solid var(--green-900)}.btn.ghost:hover{background:#16381a0d}.btn.gold{background:var(--gold);color:#2a2410}.btn.gold:hover{background:#e3bf6a}.btn.sm{height:52px;width:auto;padding:0 24px;font-size:15px}.field{display:flex;flex-direction:column;gap:8px}.label{font:600 13px var(--sans);color:var(--muted)}.input{height:56px;border-radius:var(--r-ctl);border:1.5px solid var(--line-2);background:var(--input-bg);padding:0 18px;font:400 17px var(--sans);color:var(--ink);outline:none;width:100%}.input:focus{border-color:var(--green-900)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:600;flex:none;background:var(--avatar-bg);color:var(--avatar-ink)}.avatar.me{background:var(--green-900);color:var(--gold)}.chip{font:600 12px var(--sans);color:var(--label-gold);background:var(--chip-bg);border:1px solid var(--chip-line);padding:5px 11px;border-radius:20px;white-space:nowrap}.spin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(22,56,26,.2);border-top-color:var(--green-900);animation:spin .8s linear infinite}.spin.on-dark{border-color:#f4ecdd4d;border-top-color:var(--sand)}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{flex:1;display:grid;place-items:center;padding:40px}.fade{animation:fade .28s ease both}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}