:root{--ink:#14211d;--muted:#63716c;--line:#dce2db;--paper:#fff;--canvas:#f6f7f0;--green:#0e7c64;--green-dark:#103d35;--coral:#f25f5c;--blue:#3a86ff;--amber:#f6c85f;--soft-green:#e5f3ec;--soft-coral:#ffe8e5;--soft-blue:#e7f0ff;--shadow:0 20px 80px #141f1c1f}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{background:linear-gradient(180deg, #ffffffc2, #f6f7f0f0), var(--canvas);letter-spacing:0;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}img{max-width:100%;display:block}.app-frame{flex-direction:column;min-height:100vh;display:flex}.app-main{width:min(1180px,100%);padding:calc(16px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:var(--paper);border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);border-radius:8px;padding:clamp(20px,5vw,32px)}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--green-dark);color:#fff;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 12px 30px #103d3538}.brand-title{margin:0;font-size:1.55rem;line-height:1.05}.brand-copy,.small-copy{color:var(--muted);line-height:1.5}.brand-copy{margin:12px 0 0}.small-copy{margin:0;font-size:.9rem}.section-title{margin:0;font-size:clamp(1.35rem,4vw,2.1rem);line-height:1.1}.panel-title{margin:0;font-size:1rem;line-height:1.25}.form-stack{gap:14px;margin-top:22px;display:grid}.field{gap:6px;min-width:0;display:grid}.field span{color:var(--muted);font-size:.83rem;font-weight:700}.input,.textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcf8;border-radius:8px;outline:none;min-height:46px;padding:11px 12px;transition:border-color .14s,box-shadow .14s,background .14s}.textarea{resize:vertical;min-height:104px}.input:focus,.textarea:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px #0e7c641f}.split-fields{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12px;display:grid}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button,.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.button{min-width:0;padding:0 14px}.button svg,.icon-button svg{flex:none;width:18px;height:18px}.button-primary{color:#fff;background:var(--green-dark);box-shadow:0 12px 28px #103d3538}.button-secondary{color:var(--ink);background:var(--soft-green)}.button-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.button-danger{color:#fff;background:var(--coral)}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button:active,.icon-button:active{transform:translateY(0)}.icon-button{background:var(--paper);border:1px solid var(--line);width:44px;color:var(--ink);padding:0}.topbar{z-index:10;margin:calc(-16px - env(safe-area-inset-top)) -16px 18px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7f0e0;border-bottom:1px solid #dce2dbb8;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;width:min(1180px,100%);margin:0 auto;display:flex}.status-pill{border:1px solid var(--line);white-space:nowrap;background:#ffffffb8;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-flex}.status-dot{background:var(--amber);border-radius:999px;flex:none;width:8px;height:8px}.status-dot.live{background:var(--green);box-shadow:0 0 0 5px #0e7c6421}.grid-two{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:16px;display:grid}.home-stack{width:min(760px,100%);margin:0 auto}.surface{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 50px #141f1c14}.surface-pad{padding:16px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.person-list,.thread-list,.zone-list,.pending-list{gap:10px;margin-top:14px;display:grid}.person-card,.thread-card,.zone-card,.pending-card,.message-row{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0}.person-card,.thread-card,.pending-card{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;display:grid}.avatar{object-fit:cover;width:64px;height:64px;color:var(--green-dark);background:linear-gradient(135deg,#3a86ff2e,#f25f5c33),#eef2eb;border-radius:8px;place-items:center;font-weight:900;display:grid}.avatar.large{width:92px;height:92px}.person-main,.thread-main,.pending-main{min-width:0}.person-head,.thread-head{justify-content:space-between;align-items:start;gap:8px;min-width:0;display:flex}.person-name,.thread-name{overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.25}.meta-line{color:var(--muted);overflow-wrap:anywhere;margin:3px 0 0;font-size:.86rem;line-height:1.35}.tag-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{background:var(--soft-blue);color:#0d458f;overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:4px 8px;font-size:.74rem;font-weight:800;display:inline-flex}.tag svg{width:13px;height:13px}.tag:nth-child(2n){background:var(--soft-coral);color:#89342f}.tag:nth-child(3n){background:var(--soft-green);color:#155f4f}.empty-state{color:var(--muted);background:#ffffffb3;border:1px dashed #cbd5cc;border-radius:8px;padding:18px;line-height:1.45}.quiet-empty{text-align:center;min-height:220px;color:var(--ink);align-content:center;place-items:center;gap:12px;display:grid}.quiet-empty svg{width:36px;height:36px;color:var(--green)}.notice{background:var(--soft-green);color:#155f4f;border:1px solid #d7e8df;border-radius:8px;align-items:flex-start;gap:9px;padding:12px;line-height:1.45;display:flex}.notice svg{flex:none;width:18px;height:18px;margin-top:1px}.bottom-nav{z-index:20;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #dce2dbe6;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(560px,100% - 24px);min-height:64px;padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 60px #141f1c2e}.nav-button{min-width:0;min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.nav-button svg{width:22px;height:22px}.nav-button.active{color:var(--green-dark);background:var(--soft-green)}.chat-layout{grid-template-rows:auto minmax(320px,1fr) auto;min-height:min(68vh,720px);display:grid}.chat-head,.chat-input{border-bottom:1px solid var(--line);padding:12px}.chat-input{border-top:1px solid var(--line);border-bottom:0;grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.message-list{flex-direction:column;gap:8px;padding:12px;display:flex;overflow:auto}.message-row{overflow-wrap:anywhere;width:fit-content;max-width:min(78%,520px);padding:9px 11px;line-height:1.35}.message-row.mine{background:var(--green-dark);color:#fff;border-color:var(--green-dark);align-self:flex-end}.message-row.theirs{background:#f8faf5;align-self:flex-start}.message-meta{opacity:.72;margin-top:5px;font-size:.72rem;display:block}.zone-map{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(90deg,#14211d0f 1px,#0000 1px),linear-gradient(#14211d0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:280px;position:relative;overflow:hidden}.zone-pin{aspect-ratio:1;color:#fff;background:var(--coral);border-radius:999px;place-items:center;width:clamp(42px,8vw,68px);font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 34px #f25f5c47}.zone-card{padding:12px}.profile-grid{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:16px;display:grid}.badge-row{flex-wrap:wrap;gap:8px;display:flex}.referral-code{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-weight:900;display:inline-flex}.toast-stack{top:calc(12px + env(safe-area-inset-top));z-index:40;gap:8px;width:min(360px,100vw - 24px);display:grid;position:fixed;right:12px}.toast{border:1px solid var(--line);background:#fffffff5;border-radius:8px;padding:12px;line-height:1.35;box-shadow:0 14px 48px #141f1c29}.error{color:#9a2d27;background:var(--soft-coral);border:1px solid #ffd0ca;border-radius:8px;padding:10px 12px;line-height:1.4}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success{color:#155f4f;background:var(--soft-green);border:1px solid #cce6da;border-radius:8px;padding:10px 12px;line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:860px){.app-main{padding-inline:12px}.topbar{margin-inline:-12px;padding-inline:12px}.grid-two,.split-fields,.profile-grid{grid-template-columns:1fr}.topbar-inner{align-items:flex-start}.topbar-actions{justify-content:flex-end}}@media (max-width:520px){.brand-title{font-size:1.32rem}.brand-mark{width:40px;height:40px}.topbar-actions{gap:8px}.topbar-actions .status-pill{min-height:38px}.topbar-actions .icon-button{width:40px;min-height:40px}.auth-shell{align-items:stretch;padding:12px}.auth-panel{flex-direction:column;justify-content:center;width:100%;min-height:calc(100vh - 24px);display:flex}.person-card,.thread-card,.pending-card{grid-template-columns:52px minmax(0,1fr)}.avatar{width:52px;height:52px}.button{min-height:42px;padding-inline:11px}.bottom-nav{min-height:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}