@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Inter:wght@400;500;600&display=swap";:root{--ink:#3e2a26;--berry:#a4817d;--berry-dark:#8b645f;--blush:#e8c7c0;--ivory:#f7f1eb;--gold:#c6a664;--border:#e4d4c8;--muted:#8c6f66}*{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html{width:100%;overflow-x:hidden}body{width:100%;color:var(--ink);background:linear-gradient(#f7f1eb,#f1dad3);min-height:100vh;margin:0;font-family:Inter,sans-serif;font-size:16px;overflow-x:hidden}h1,h2,.serif{font-family:Fraunces,Georgia,serif}.shell{background:var(--ivory);flex-direction:column;max-width:420px;min-height:100vh;margin:0 auto;display:flex}.topbar{padding:calc(28px + env(safe-area-inset-top)) 24px 22px;background:linear-gradient(135deg, var(--berry), var(--berry-dark));color:var(--ivory);border-radius:0 0 20px 20px}.topbar .eyebrow{color:#d9b98a;letter-spacing:.03em;margin-bottom:4px;font-size:12px;font-weight:600}.topbar h1{margin:0;font-size:27px;font-weight:600}.topbar p{color:var(--blush);margin:4px 0 0;font-size:15px}.content{padding:20px;padding-bottom:calc(96px + env(safe-area-inset-bottom));flex:1}.tabbar{border-top:1px solid var(--border);background:var(--ivory);max-width:420px;padding-bottom:env(safe-area-inset-bottom);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #3e2a260d}.tabbar button{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 0 10px;font-size:11px;display:flex}.tabbar button svg{width:25px;height:25px;transition:transform .15s}.tabbar button.active{color:var(--berry);font-weight:600}.tabbar button.active svg{transform:translateY(-2px)}.tabbar button.active-chip{background:var(--blush);border-radius:12px}.card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px;transition:box-shadow .15s;box-shadow:0 1px 3px #3e2a260a}.card:hover{box-shadow:0 4px 12px #3e2a2614}.pink-card{background:var(--blush);border-radius:16px;padding:16px}.dark-card{background:var(--ink);color:var(--ivory);border-radius:16px;padding:16px}button.primary{background:linear-gradient(135deg, var(--berry), var(--berry-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .15s;box-shadow:0 2px 8px #a4817d59}button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #a4817d73}button.primary:active:not(:disabled){transform:translateY(0)}button.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}input.field{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}input.field:focus{border-color:var(--berry);box-shadow:0 0 0 3px #a4817d1f}.center-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}