:root{--cream: #f8efe4;--paper: #fffaf3;--ink: #2c2118;--muted: #6d5848;--line: #e6d4c0;--green: #2f6b4f;--green-soft: #e4f3ea;--red: #b3392b;--red-soft: #f8e4df;--terracotta: #c45c26;--shadow: 0 18px 40px rgba(70, 42, 22, .16);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Nunito,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(232,148,90,.22),transparent 34%),radial-gradient(circle at 90% 0%,rgba(122,161,122,.2),transparent 32%),radial-gradient(circle at 80% 90%,rgba(196,92,38,.12),transparent 30%),var(--cream)}button{font:inherit}.app{width:min(460px,100%);height:100dvh;margin:0 auto;padding:14px 16px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overflow:hidden}.top{text-align:center}.eyebrow{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800;color:var(--terracotta)}h1{margin:2px 0 0;font-family:Fraunces,Georgia,serif;font-size:2.05rem;line-height:1.05}.lede,.empty-list,.empty-deck p{margin:6px 0 0;color:var(--muted)}.progress{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:#fffaf3b3;border:1px solid var(--line);border-radius:999px;font-size:.95rem}.progress strong{font-family:Fraunces,Georgia,serif}.dot{opacity:.45}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;background:#efe2d2;padding:5px;border-radius:16px}.tabs button{border:0;background:transparent;color:var(--muted);border-radius:12px;padding:10px 6px;font-weight:800;cursor:pointer}.tabs button.active{background:var(--paper);color:var(--ink);box-shadow:0 4px 12px #462a1614}.main{flex:1;min-height:0;display:flex;flex-direction:column}.deck-wrap{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.stack{position:relative;flex:1;min-height:280px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.stack:active{cursor:grabbing}.card{position:absolute;top:6px;right:8px;bottom:26px;left:8px;background:linear-gradient(180deg,rgba(255,248,238,.4),transparent 40%),var(--paper);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;text-align:center;border:1px solid #eddcc6}.card-top{z-index:3}.card-hero{flex:1;display:flex;align-items:center;justify-content:center;min-height:168px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 42%),linear-gradient(160deg,#f3d7b5,#e8c3a0 55%,#d9b48a);padding:22px 16px 18px}.avatar{margin:0 auto;border-radius:28%;overflow:hidden;box-shadow:0 10px 24px #462a1633}.card-body{padding:14px 18px 18px}.card h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:2.15rem}.household{margin:4px 0 0;font-weight:800}.email,.alts,.meta,.notes{margin:4px 0 0;word-break:break-word}.alts,.meta,.notes,.muted,.row-alts{color:var(--muted);font-size:.92rem}.pills{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:10px}.pill{background:#f3e1c7;color:#7a4a1f;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.hint{margin:4px 0 0;color:var(--terracotta);font-size:.86rem;font-weight:800}.stamp{position:absolute;top:22px;padding:6px 12px;border:3px solid;border-radius:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-12deg);pointer-events:none}.stamp-in{right:18px;color:var(--green);border-color:var(--green);background:var(--green-soft)}.stamp-out{left:18px;color:var(--red);border-color:var(--red);background:var(--red-soft);transform:rotate(12deg)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{border:0;border-radius:999px;padding:16px 12px;font-weight:800;font-size:1.15rem;color:#fff;cursor:pointer;box-shadow:0 8px 18px #462a1624}.btn-out{background:var(--red)}.btn-in{background:var(--green)}.btn:focus-visible,.tabs button:focus-visible,.btn-text:focus-visible,.btn-ghost:focus-visible{outline:3px solid #f0b27a;outline-offset:2px}.empty-deck,.empty-list{margin:28px 8px;text-align:center;background:#fffaf3b8;border:1px dashed var(--line);border-radius:22px;padding:28px 16px}.empty-title{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.6rem}.person-list{list-style:none;margin:0;padding:0 0 8px;display:flex;flex-direction:column;gap:10px;overflow:auto}.person-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;background:var(--paper);border-radius:18px;padding:10px;box-shadow:0 6px 16px #462a160f}.person-copy{display:flex;flex-direction:column;min-width:0}.person-copy strong{font-family:Fraunces,Georgia,serif;font-size:1.1rem}.person-copy span{font-size:.86rem;color:var(--muted);overflow-wrap:anywhere}.btn-ghost,.btn-text{border:0;background:#f3e7d8;color:var(--ink);border-radius:999px;padding:8px 10px;font-weight:800;cursor:pointer}.btn-text{background:transparent}.btn-text:disabled{opacity:.4;cursor:not-allowed}.btn-text.danger{color:var(--red)}.toolbar{display:flex;justify-content:space-between;gap:8px;flex-shrink:0;padding:8px 4px 0;background:#fffaf38c;border-radius:16px}.top,.progress,.tabs{flex-shrink:0}@media(max-width:380px){.card h2{font-size:1.8rem}.person-row{grid-template-columns:48px 1fr}.btn-ghost{grid-column:1 / -1}}