/* Niro Field: built on the shared Niro look (kit.css). Big thumb targets for use on the street. */
main{padding-bottom:120px}
.btn-big{width:100%;min-height:56px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{background:var(--card);border-radius:20px;padding:14px;box-shadow:var(--sh)}.stat b{display:block;font-size:26px;font-weight:500;letter-spacing:-.02em}.stat small{color:var(--mut);font-size:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid3 .stat{padding:12px}.grid3 .stat b{font-size:22px}
.sync{display:inline-flex;align-items:center;gap:6px;font-size:12px;border-radius:99px;padding:5px 11px;background:var(--chip);color:var(--ink)}.sync i{width:7px;height:7px;border-radius:50%;background:var(--good)}.sync.off i{background:#d9a066}.sync.q i{background:#13a0fe}
.lead{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line);width:100%;background:none;color:var(--ink);border-radius:0;text-align:left;min-height:64px;font-weight:400}.lead:first-child{border-top:0}
.lead .dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--mut2)}.lead .m{flex:1;min-width:0}.lead b{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead small{color:var(--mut);font-size:12.5px}.lead .d{font-size:12.5px;color:var(--mut);flex:none}
.s-new{--sc:#8a8a8a}.s-visited{--sc:#d9a066}.s-demo{--sc:#13a0fe}.s-interested{--sc:#7a5cff}.s-signed_up{--sc:#2f9e5a}.s-lost{--sc:#c0392b}
.lead .dot,.sp{background:var(--sc)}.sp{display:inline-block;color:#fff;font-size:11px;font-weight:500;padding:2px 9px;border-radius:99px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin:0 -20px;padding-left:20px;padding-right:20px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.cp{flex:none;background:var(--chip);color:var(--ink);border-radius:99px;padding:9px 15px;font-size:14px;min-height:40px;font-weight:400}.cp.on{background:var(--ink);color:var(--solid)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{background:var(--soft);color:var(--ink);border-radius:18px;padding:16px 12px;min-height:72px;text-align:left;font-weight:500;display:flex;flex-direction:column;gap:2px;box-shadow:inset 0 0 0 1.5px transparent}.opt small{font-weight:400;color:var(--mut);font-size:12px}.opt.on{box-shadow:inset 0 0 0 2px var(--ink)}
.nmap{position:relative;overflow:hidden;border-radius:22px;background:#e8e4dc;touch-action:none;height:260px;user-select:none}.nmap.tall{height:calc(100vh - 230px);min-height:340px}
.nm-t,.nm-m{position:absolute;inset:0}.nm-t img{position:absolute;left:0;top:0;width:256px;height:256px;max-width:none}
.nm-k{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--sc,#0a0a0a);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35);padding:0;min-height:0}
.nm-k.me{background:#13a0fe;box-shadow:0 0 0 7px rgba(19,160,254,.25)}
.nm-pin{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-26px 0 0 -13px;border-radius:50% 50% 50% 0;background:#0a0a0a;transform:rotate(-45deg);border:3px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.4);pointer-events:none}
.nm-z{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px}.nm-z button{width:40px;height:40px;min-height:0;padding:0;font-size:20px;background:#fff;color:#0a0a0a;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.nm-a{position:absolute;left:8px;bottom:6px;font-size:10px;background:rgba(255,255,255,.75);color:#333;border-radius:6px;padding:1px 6px}
.fab{position:fixed;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 52px);transform:translateX(-50%);width:62px;height:62px;border-radius:50%;padding:0;display:grid;place-items:center;font-size:30px;font-weight:300;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:30}
.tabbar{width:min(380px,calc(100% - 28px))}.tabbar .gap{flex:0 0 58px}
.ph{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.ph img,.ph label{width:72px;height:72px;border-radius:14px;object-fit:cover;background:var(--soft)}.ph label{display:grid;place-items:center;margin:0;cursor:pointer;font-size:26px;color:var(--mut)}.ph input{display:none}
.tl2{border-left:2px solid var(--line);margin:8px 0 0 6px;padding-left:14px}.tl2 div{margin:0 0 14px;position:relative}.tl2 div::before{content:"";position:absolute;left:-21px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--sc,var(--mut2))}.tl2 small{color:var(--mut)}
.warn{background:rgba(217,160,102,.18);border-radius:16px;padding:12px 14px;margin:10px 0}
.bar{height:8px;border-radius:99px;background:var(--chip);overflow:hidden}.bar i{display:block;height:100%;background:var(--ink)}
table.t{width:100%;border-collapse:collapse;font-size:13px}table.t th{color:var(--mut);font-weight:400;text-align:right;padding:6px 4px}table.t td{padding:9px 4px;border-top:1px solid var(--line);text-align:right}table.t th:first-child,table.t td:first-child{text-align:left}
/* Demo */
.demo{position:fixed;inset:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));overflow:auto}
.demo .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dots2{display:flex;gap:6px}.dots2 i{width:22px;height:4px;border-radius:9px;background:var(--chip)}.dots2 i.on{background:var(--ink)}
.demo h2{margin:10px 0 4px;font-size:26px}.demo .stage{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}
.lc{border-radius:24px;padding:22px;background:var(--b-bg,#111);color:var(--b-ink,#fff);box-shadow:0 14px 34px rgba(0,0,0,.25);position:relative;overflow:hidden}.lc::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--b-acc,#d9a066);opacity:.18}
.lc b{font-size:20px;font-weight:500;display:block}.lc small{opacity:.7}.stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.stamps i{aspect-ratio:1;border-radius:50%;border:2px dashed var(--b-acc,#d9a066);display:grid;place-items:center;color:var(--b-bg,#111);font-style:normal;transition:all .35s}.stamps i.f{background:var(--b-acc,#d9a066);border-style:solid;transform:scale(1.04)}
.pop{background:var(--card);border-radius:20px;padding:14px 16px;box-shadow:var(--sh);display:flex;gap:12px;align-items:center;animation:up .4s}.pop .ic{width:42px;height:42px;border-radius:12px;background:var(--ink);color:var(--solid);display:grid;place-items:center;font-weight:600;flex:none}
.btn.s{background:var(--chip);color:var(--ink)}a.btn{display:flex;text-decoration:none}