:root{--ink:#2a2018;--ink-soft:#5c4e3f;--ink-faint:#8a7b6a;--cream-2:#f6efe3;--cream-3:#fbf7ee;--cream-4:#fffcf5;--sage-100:#e4eee5;--sage-200:#c9ddcd;--sage-600:#6f9881;--sage-800:#3f5e4c;--peach-200:#f4cdb9;--toy-b:2px;--toy-drop:4px;--display:"Bricolage Grotesque",Georgia,serif;--body:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--cream-3);color:var(--ink-soft);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--display);color:var(--ink);margin:0;letter-spacing:-.02em}.toy{border:var(--toy-b) solid var(--ink);box-shadow:0 var(--toy-drop) 0 var(--ink)}.splash{display:grid;place-items:center;height:100%;color:var(--ink-faint)}.auth-shell{min-height:100%;display:grid;place-items:center;padding:32px 18px}.card{background:var(--cream-4);border-radius:18px}.auth-card{width:100%;max-width:420px;padding:30px 28px}.brand{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-weight:800;font-size:20px;color:var(--ink);margin-bottom:14px}.brand .house{margin-bottom:-2px}.auth-card h1{font-size:26px;margin-bottom:4px}.sub{color:var(--ink-faint);margin:0 0 18px;font-size:14px}.stack{display:flex;flex-direction:column;gap:10px}.lbl{font-size:13px;font-weight:600;color:var(--ink-soft);margin-top:6px}.hint{font-weight:400;color:var(--ink-faint)}.input{width:100%;padding:11px 13px;border-radius:11px;background:var(--cream-4);font:15px var(--body);color:var(--ink);outline:none}.input:focus{box-shadow:0 2px 0 var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border-radius:11px;background:var(--cream-4);color:var(--ink);font:600 15px var(--body);cursor:pointer;transition:transform .04s ease}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--sage-600);color:#fff}.btn.google{width:100%;background:var(--cream-4)}.btn.ghost{background:var(--cream-2)}.btn.full{width:100%}.divider{display:flex;align-items:center;gap:10px;color:var(--ink-faint);font-size:12px;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--sage-200)}.notice{margin-top:14px;padding:10px 12px;border-radius:10px;font-size:14px;background:var(--sage-100);color:var(--sage-800)}.notice.err{background:#fbeae0;color:#7e4f3a}.switch{margin-top:16px;font-size:14px;color:var(--ink-faint)}.link{background:none;border:none;padding:0;color:var(--sage-800);font-weight:600;cursor:pointer;font-size:14px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;padding:9px;border-radius:10px;border:var(--toy-b) solid var(--sage-200);background:var(--cream-4);color:var(--ink-soft);font-weight:600;cursor:pointer}.tab.on{border-color:var(--ink);box-shadow:0 3px 0 var(--ink);color:var(--ink)}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:2px solid var(--sage-200);background:var(--cream-4)}.topbar .spacer{flex:1}.who{font-size:13px;color:var(--ink-faint)}.onboard-wrap{max-width:520px;width:100%;margin:0 auto;padding:26px 22px;display:flex;flex-direction:column;gap:16px}.onboard-wrap .panel{border-color:var(--sage-600)}.steps{display:flex;gap:10px;font-size:13px;font-weight:600;color:var(--ink-faint);justify-content:center}.steps .on{color:var(--ink)}.steps .ok{color:var(--sage-800)}.wa-qr{width:220px;height:220px;display:block;margin:12px auto;border-radius:12px;border:var(--toy-b) solid var(--ink);background:#fff;padding:8px}.wa-chats{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto;margin:12px 0}.wa-chat{display:flex;align-items:center;gap:9px;padding:9px 11px;background:var(--cream-2);border-radius:10px;font-size:14px;cursor:pointer}.app-grid{flex:1;display:grid;grid-template-columns:1fr 360px;gap:18px;max-width:1080px;width:100%;margin:0 auto;padding:22px}@media (max-width:840px){.app-grid{grid-template-columns:1fr}}.right-col{display:flex;flex-direction:column;gap:18px}.panel{padding:20px;display:flex;flex-direction:column}.panel h2{font-size:19px;margin-bottom:14px}.chat{flex:1;min-height:340px;max-height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.bubble{max-width:80%;padding:9px 13px;border-radius:14px;font-size:14.5px}.bubble.me{align-self:flex-end;background:var(--sage-600);color:#fff;border-bottom-right-radius:5px}.bubble.bot{align-self:flex-start;background:var(--cream-2);color:var(--ink);border-bottom-left-radius:5px}.bubble.dim{opacity:.6}.chat-input{display:flex;gap:8px;margin-top:14px}.chat-input .input{flex:1}.people{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px}.people li{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;background:var(--cream-2);border-radius:10px;font-size:14px}.role{font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;background:var(--sage-200);color:var(--sage-800);font-weight:700}.role.owner{background:var(--peach-200);color:#7e4f3a}.invite-box{border-top:2px dashed var(--sage-200);padding-top:14px;margin-top:auto}.invite-link{display:flex;gap:8px;margin-top:10px}.invite-link .input{flex:1;font-size:13px}.invite-list{margin-top:14px}.invite-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:var(--ink-faint)}.invite-row code{color:var(--ink-soft)}