:root{--bg: #f4f1ea;--bg-alt: #ebe6db;--ink: #2b2a26;--ink-soft: #6b675e;--accent: #5b7b6f;--accent-deep:#41594f;--card: #fbf9f4;--line: #ddd6c8;--error: #a04848;--radius: 18px;--ease: cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;background:var(--bg-alt);padding:1px 6px;border-radius:4px;font-size:.92em}.screen{min-height:100%;display:flex;flex-direction:column}.screen-center{align-items:center;justify-content:center;padding:32px 20px}.content{width:100%;max-width:720px;margin:0 auto;padding:24px 20px 60px;display:flex;flex-direction:column;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Fraunces,Georgia,serif}.brand-name{font-size:1.15rem;font-weight:600}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #5b7b6f2e;animation:breathe 5s var(--ease) infinite}@keyframes breathe{0%,to{box-shadow:0 0 0 4px #5b7b6f2e}50%{box-shadow:0 0 0 9px #5b7b6f0f}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:#f4f1eaeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-right{display:inline-flex;align-items:center;gap:12px}.topbar-center{display:inline-flex;align-items:center;gap:10px}.topbar-spacer{width:60px}.me-name{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92rem;color:var(--ink-soft)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card-narrow{width:100%;max-width:460px}.card .eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent-deep);font-weight:600;margin:18px 0 6px}.h-display{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.55rem;line-height:1.2;margin:0 0 12px}.h-section{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.25rem;margin:0 0 8px}.muted{color:var(--ink-soft);margin:0 0 12px;font-size:.96rem}.muted.center{text-align:center}.footnote{color:var(--ink-soft);font-size:.82rem;margin:16px 0 0;text-align:center}.error{color:var(--error);font-size:.9rem;margin:8px 0 0}.error-inline{padding:0 20px 12px}.alert{background:#fdf3e3;border:1px solid #e7d4b0;border-radius:12px;padding:12px 14px;font-size:.92rem;margin:16px 0;color:#6b4f1d}.alert code{background:#0000000f}.form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.82rem;color:var(--ink-soft)}input[type=text],input[type=email],textarea{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);width:100%}.form-inline input{flex:1;min-width:180px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b7b6f26}input:disabled,textarea:disabled,button:disabled{opacity:.55;cursor:not-allowed}textarea{resize:vertical;min-height:56px;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:999px;font-weight:500;font-size:.96rem;border:1px solid transparent;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #5b7b6f38}.btn-primary:not(:disabled):hover{background:var(--accent-deep);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:not(:disabled):hover{background:var(--card)}.btn-small{padding:6px 12px;font-size:.85rem}.friend-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.friend-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px 8px 8px}.friend-row-main{flex:1;display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:6px;border-radius:10px;text-align:left;color:inherit}.friend-row-main:hover{background:var(--bg)}.friend-avatar{width:38px;height:38px;flex:none;border-radius:50%;background:var(--accent);color:#fff;font-family:Fraunces,serif;font-weight:600;display:grid;place-items:center}.friend-avatar-sm{width:28px;height:28px;font-size:.9rem}.friend-text{display:flex;flex-direction:column;min-width:0}.friend-name{font-weight:500}.friend-preview{font-size:.85rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.bubbles-scroll{flex:1;overflow-y:auto;padding:24px 16px 16px;background:var(--bg)}.bubbles-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.conversation-hint{text-align:center;font-size:.76rem;color:var(--ink-soft);margin:0 0 14px;font-family:Fraunces,serif;font-style:italic}.link-button{background:none;border:none;padding:0;color:var(--accent-deep);font:inherit;font-style:italic;text-decoration:underline;text-decoration-color:#41594f59;text-underline-offset:3px;cursor:pointer}.link-button:hover{text-decoration-color:var(--accent-deep)}.safety-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 auto 16px;max-width:540px}.safety-label{margin:0 0 8px;font-size:.82rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em}.safety-digits{margin:0 0 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.05rem;letter-spacing:.04em;color:var(--ink);word-break:break-all}.safety-help{margin:0;font-size:.85rem;color:var(--ink-soft);line-height:1.5}.bubble{max-width:78%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.45;position:relative;white-space:pre-wrap;word-wrap:break-word}.bubble.in{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}.bubble.out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px}.bubble-body{margin:0}.bubble-time{font-size:.68rem;opacity:.7;margin-top:4px;text-align:right}.composer-row{display:flex;gap:10px;padding:12px 16px 16px;background:var(--card);border-top:1px solid var(--line);align-items:flex-end}.card.card-negative{border-color:#5b7b6f4d;background:var(--card)}.kv{margin:14px 0 0;display:flex;flex-direction:column;gap:0}.kv-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.kv-row:last-child{border-bottom:none}.kv dt{color:var(--ink-soft);font-size:.9rem;margin:0}.kv dd{margin:0;font-size:.95rem}.kv-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;word-break:break-all}.negative-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.negative-list li{position:relative;padding-left:28px;line-height:1.55;color:var(--ink)}.negative-list li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:2px;background:var(--accent);border-radius:2px}.negative-list strong{color:var(--accent-deep)}.tab-row{display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;width:max-content;margin:0 auto}.tab{background:transparent;border:none;padding:8px 18px;border-radius:999px;font:inherit;color:var(--ink-soft);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}.tab:hover{color:var(--ink)}.tab-active{background:var(--accent);color:#fff}.tab-active:hover{color:#fff}.card.center{text-align:center}.qr-img{display:block;margin:18px auto 8px;border-radius:14px;border:1px solid var(--line);padding:12px;background:var(--card)}.scanner-frame{position:relative;width:100%;max-width:480px;margin:12px auto 0;aspect-ratio:1/1;background:#000;border-radius:14px;overflow:hidden}.scanner-video{width:100%;height:100%;object-fit:cover}.found-card{background:#5b7b6f14;border:1px solid var(--accent);border-radius:14px;padding:18px;margin-top:18px;text-align:center}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-header-row .h-section{margin:0}.group-avatar{background:var(--accent-deep)}.member-pick{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.member-pick-row{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;cursor:pointer;text-align:left;color:inherit;transition:background .2s var(--ease),border-color .2s var(--ease)}.member-pick-row:hover{background:var(--bg)}.member-pick-row.on{border-color:var(--accent);background:#5b7b6f12}.pick-bullet{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);margin-left:auto;flex:none;transition:background .2s var(--ease),border-color .2s var(--ease)}.pick-bullet.on{background:var(--accent);border-color:var(--accent)}.member-list-inline{list-style:none;margin:8px 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}.member-list-inline li{font-size:.94rem}.member-safety{color:var(--ink-soft);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem}.bubble-author{font-size:.75rem;color:var(--accent-deep);margin-bottom:4px;font-weight:500}.bubble.out .bubble-author{color:#ffffffd9}.composer-attach-btn{font-size:1.2rem;padding:8px 14px}.composer-attachment{display:flex;align-items:center;gap:12px;background:var(--card);border-top:1px solid var(--line);padding:10px 16px}.composer-attachment img{max-height:80px;max-width:120px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}.bubble-media{display:block;max-width:100%;max-height:320px;border-radius:10px;margin-bottom:6px;cursor:pointer}.bubble-media-link{color:inherit;text-decoration:underline;font-size:.9rem}.media-loading{font-size:.82rem;color:var(--ink-soft);font-style:italic;padding:8px 0}.media-error{font-size:.82rem;color:var(--error);padding:8px 0}.composer-audio{max-width:240px;height:36px}.bubble-audio{display:block;width:100%;max-width:320px;margin:4px 0 6px}.voice-recorder{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--accent);border-radius:999px;background:#5b7b6f0f;font-size:.9rem;margin:0 4px}.voice-recorder-dot{width:10px;height:10px;border-radius:50%;background:var(--error);animation:voice-pulse 1.4s var(--ease) infinite;flex:none}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.25)}}.voice-recorder-timer{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--ink);min-width:36px}.voice-recorder-bar{width:60px;height:6px;border-radius:3px;background:#5b7b6f2e;overflow:hidden;flex:none}.voice-recorder-bar-fill{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:transform .08s linear}@media (max-width: 560px){.voice-recorder-bar{display:none}}.empty-stack{display:flex;flex-direction:column;gap:18px;padding-top:4px}.empty-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.empty-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;text-align:left;color:inherit}.empty-card-button{cursor:pointer;transition:border-color .25s var(--ease),transform .25s var(--ease)}.empty-card-button:hover{border-color:var(--accent);transform:translateY(-1px)}.empty-card-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:4px}.empty-card-title{font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:500;margin:2px 0 8px}.empty-card-body{font-size:.92rem;color:var(--ink-soft);line-height:1.5}.empty-footnote{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--ink-soft);text-align:center;margin:6px 0 0;font-size:1rem;line-height:1.5}@media (max-width: 560px){.empty-row{grid-template-columns:1fr}}.bubble-wrap{display:flex;flex-direction:column;max-width:78%}.bubble-wrap.in{align-self:flex-start}.bubble-wrap.out{align-self:flex-end;align-items:flex-end}.bubble-wrap .bubble{max-width:100%;align-self:stretch}.bubble-reactions{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:.82rem;line-height:1.4}.reaction-badge.mine{background:#5b7b6f1f;border-color:var(--accent)}.reaction-count{font-size:.72rem;color:var(--ink-soft);font-family:ui-monospace,Menlo,Consolas,monospace}.bubble-react-row{position:relative;display:flex;margin-top:4px;opacity:0;transition:opacity .2s var(--ease)}.bubble-wrap:hover .bubble-react-row,.bubble-react-row:focus-within{opacity:1}@media (hover: none){.bubble-react-row{opacity:1}}.react-trigger{background:transparent;border:1px solid var(--line);color:var(--ink-soft);width:26px;height:26px;border-radius:50%;font-size:1rem;display:grid;place-items:center;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.react-trigger:hover{background:var(--card);color:var(--ink)}.react-palette{position:absolute;bottom:32px;left:0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 8px;display:inline-flex;gap:4px;box-shadow:0 10px 30px #2b2a261f;z-index:5}.bubble-wrap.out .react-palette{left:auto;right:0}.react-palette-btn{background:transparent;border:none;padding:4px 6px;border-radius:999px;font-size:1.15rem;cursor:pointer;transition:background .15s var(--ease)}.react-palette-btn:hover{background:var(--bg)}.react-palette-btn.mine{background:#5b7b6f2e}.composer-row textarea{flex:1;background:#fff}@media (max-width: 560px){.content{padding:16px 14px 60px;gap:14px}.topbar{padding:10px 14px}.card{padding:18px 16px}.friend-preview{max-width:200px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}