:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #f1f5f9;--muted: #94a3b8;--accent: #0d9488;--accent-2: #14b8a6;--warn: #f59e0b;--danger: #ef4444;--ok: #22c55e;--radius: 14px;--tap: 52px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.app-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:var(--bg);border-bottom:1px solid var(--surface-2)}.app-bar__title{font-weight:700;font-size:18px}.app-bar__ver{font-weight:500;font-size:11px;color:var(--muted);vertical-align:middle}.app-bar__actions{display:flex;align-items:center;gap:8px}.app-bar__who{font-size:13px;color:var(--muted)}.sync-btn{position:relative;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--muted);background:var(--surface);border:1px solid var(--surface-2);border-radius:999px;cursor:pointer}.sync-btn--pending{color:var(--accent-2);border-color:var(--accent)}.sync-btn em{font-style:normal;font-size:10px;position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;display:none;align-items:center;justify-content:center;background:var(--warn);color:#3a2a00;border-radius:999px}.sync-btn--pending em{display:inline-flex}.sync-btn--spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.view{flex:1;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.card{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;color:var(--muted)}.field>span em{color:var(--warn);font-style:normal;font-size:11px}.field--row{flex-direction:row;align-items:center;justify-content:space-between}.control{width:100%;min-height:var(--tap);padding:12px 14px;font-size:17px;color:var(--text);background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);appearance:none}textarea.control{min-height:84px;resize:vertical}.control:focus{outline:2px solid var(--accent-2);border-color:var(--accent-2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 18px;font-size:17px;font-weight:600;color:var(--text);background:var(--surface-2);border:none;border-radius:var(--radius);cursor:pointer}.btn--photo{background:var(--surface);border:1px dashed var(--surface-2)}.btn--primary{background:var(--accent)}.btn--primary:active{background:var(--accent-2)}.btn--save{margin-top:4px}.segmented{display:flex;gap:8px}.seg{flex:1;min-height:var(--tap);background:var(--surface);color:var(--muted);border:1px solid var(--surface-2);border-radius:var(--radius);font-size:16px;text-transform:capitalize}.seg--on{background:var(--accent);color:var(--text);border-color:var(--accent)}.switch{width:28px;height:28px;accent-color:var(--accent)}.thumbs{display:flex;flex-wrap:wrap;gap:8px}.thumb{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;background:var(--surface)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb__kb{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;padding:1px 0;background:#0000008c;color:var(--text)}.empty{text-align:center;color:var(--muted);margin-top:25vh;line-height:1.6}.booth-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.booth-row{display:flex;gap:12px;background:var(--surface);border-radius:var(--radius);padding:12px;text-decoration:none;color:inherit}.booth-row:active{background:var(--surface-2)}.booth-row__thumb{width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--surface-2);flex-shrink:0}.booth-row__thumb img{width:100%;height:100%;object-fit:cover}.booth-row__body{flex:1;min-width:0}.booth-row__top{display:flex;align-items:center;gap:8px}.booth-row__top strong{font-size:17px}.booth-row__vendor{font-size:15px;margin-top:2px}.booth-row__summary{font-size:13px;color:var(--muted);margin-top:2px}.booth-row__meta{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-top:6px}.chip{font-size:11px;padding:2px 8px;border-radius:999px;text-transform:capitalize;background:var(--surface-2);color:var(--text)}.chip--revisit{background:#1d4ed8}.chip--order{background:var(--ok);color:#06281a}.chip--pass{background:var(--surface-2)}.chip--show{background:transparent;border:1px solid var(--surface-2);color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{font-size:11px;padding:1px 7px;border-radius:6px;background:var(--surface-2);color:var(--muted)}.badge{font-size:11px;padding:2px 8px;border-radius:999px}.badge--local{background:var(--warn);color:#3a2a00}.badge--synced{background:var(--ok);color:#06281a}.tabbar{position:sticky;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--surface-2);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:22px}.tab span{font-size:11px}.tab--on{color:var(--accent-2)}.tab em{font-style:normal;background:var(--warn);color:#3a2a00;border-radius:999px;padding:0 5px;font-size:10px}.link{background:none;border:none;color:var(--accent-2);font-size:13px;cursor:pointer;padding:6px}.offline-banner{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));text-align:center;font-size:12px;padding:6px;background:var(--warn);color:#3a2a00}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:var(--surface-2);color:var(--text);padding:12px 20px;border-radius:999px;font-size:15px;opacity:0;transition:opacity .2s,transform .2s;z-index:50;box-shadow:0 8px 24px #0006}.toast--show{opacity:1;transform:translate(-50%)}.toast--ok{background:var(--ok);color:#06281a}.toast--warn{background:var(--warn);color:#3a2a00}.snapshot__head h2{margin:0 0 4px;font-size:18px}.snapshot__hint{font-size:13px;color:var(--muted);margin:4px 0 0;line-height:1.5}.snapshot__status{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:12px;font-size:13px;color:var(--muted);word-break:break-word}.snapshot__meta{display:flex;flex-direction:column;gap:4px}.snapshot__meta strong{color:var(--ok)}.snapshot__none{color:var(--muted)}.vendors__fresh{font-size:12px;color:var(--muted)}.vendors__browsehint{font-size:13px;color:var(--muted);padding:4px 2px}.vendor-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.vendor-row{background:var(--surface);border-radius:var(--radius);padding:10px 12px;cursor:pointer}.vendor-row:active{background:var(--surface-2)}.vendor-row__name{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vendor-row__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-top:4px}.vendor-row__sku{font-size:11px;color:var(--muted);margin-top:4px}.vendor-row--empty{color:var(--muted);text-align:center;background:none}.miss{background:var(--surface);border:1px dashed var(--surface-2);border-radius:var(--radius);padding:14px;font-size:13px;color:var(--muted);text-align:center}.chip--supplier{background:var(--ok);color:#06281a}.chip--match{background:var(--warn);color:#3a2a00;font-size:10px}.v360{display:flex;flex-direction:column;gap:12px}.v360__name{margin:4px 0 0;font-size:20px}.v360__flag{font-size:13px;padding:8px 12px;border-radius:var(--radius)}.v360__flag--yes{background:#22c55e26;color:var(--ok)}.v360__flag--no{background:var(--surface);color:var(--muted);border:1px solid var(--surface-2)}.v360__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.v360__fact{background:var(--surface);border-radius:10px;padding:10px}.v360__fact dt{font-size:11px;color:var(--muted)}.v360__fact dd{margin:2px 0 0;font-size:16px;font-weight:600}.v360__note{font-size:12px;color:var(--muted);line-height:1.5}.v360__phead{margin:6px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.v360__ploading{color:var(--muted);font-size:15px;padding:14px 2px}.v360__signal{font-size:13px;padding:10px 12px;border-radius:var(--radius);background:#f59e0b24;color:var(--warn);line-height:1.5}.v360__signal--warn{background:#ef444424;color:var(--danger);word-break:break-word}.vendor-row__go{margin-left:auto;color:var(--muted);font-size:18px;line-height:1}.detail__head{display:flex;align-items:center;justify-content:space-between}.detail__head .link{padding:0}.detail__meta{font-size:12px;color:var(--muted)}.p360{gap:14px}.p360__back{padding:0;align-self:flex-start}.p360__name{margin:0;font-size:21px;line-height:1.25}.p360__cat{font-size:13px;color:var(--muted);margin-top:-6px}.p360__loading{color:var(--text);font-size:19px;font-weight:600;text-align:center;padding:40px 16px;line-height:1.5}.p360__loading:after{content:"";display:block;width:26px;height:26px;margin:18px auto 0;border:3px solid var(--surface-2);border-top-color:var(--accent-2);border-radius:50%;animation:spin .9s linear infinite}.p360__signal{font-size:13px;padding:10px 12px;border-radius:var(--radius);background:#f59e0b24;color:var(--warn);line-height:1.5}.p360__signal--warn{background:#ef444424;color:var(--danger);word-break:break-word}.p360__assess{background:var(--surface);border-radius:var(--radius);padding:14px;border-left:3px solid var(--accent)}.p360__summary{margin:0;font-size:15px;line-height:1.5}.p-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.p-tag{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--text)}.p360__h{margin:6px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.p360__hsub{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted);opacity:.8}.p360__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.p360__grid--3{grid-template-columns:1fr 1fr 1fr}.p360__stat{background:var(--surface);border-radius:10px;padding:10px 12px}.p360__stat dt{font-size:11px;color:var(--muted)}.p360__stat dd{margin:3px 0 0;font-size:18px;font-weight:700}.p360__stat-sub{font-size:11px;color:var(--muted);margin-top:2px}.p360__badge{font-size:10px;padding:1px 7px;border-radius:999px;vertical-align:middle;text-transform:capitalize}.p360__badge--ok{background:var(--ok);color:#06281a}.p360__badge--warn{background:var(--warn);color:#3a2a00}.p360__badge--over{background:#1d4ed8;color:var(--text)}.p360__trend--up{color:var(--ok)}.p360__trend--down{color:var(--danger)}.p360__trend--flat{color:var(--muted)}.p360__reach,.p360__family{font-size:12px;color:var(--muted)}.p360__below{font-size:10px;color:var(--danger)}.p360__spark{width:100%;height:44px;display:block}.p360__spark rect{fill:var(--accent-2)}.p360__spark-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:2px}.p360__peaks{font-size:12px;color:var(--muted);margin-top:4px}.p360__vendors{font-size:15px;font-weight:600}.p360__single,.p360__var{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-weight:500}.p360__mix{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.p360__mix-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px}.p360__mix-label{font-size:13px}.p360__mix-bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.p360__mix-bar>span{display:block;height:100%;background:var(--accent-2);border-radius:999px}.p360__mix-pct{font-size:12px;color:var(--muted);white-space:nowrap}.p360__variants{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;border-top:1px solid var(--surface-2)}.p360__varlbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.p360__note{font-size:12px;color:var(--muted);line-height:1.5}.p360__cands{margin:8px 0 0;padding-left:18px;text-align:left}