:root{--gold: #F6B814;--gold-bright: #FFD24A;--gold-deep: #C9910A;--maroon: #6E1F2A;--maroon-soft: #8B2D3A;--brown: #3F2118;--black: #0B0B0C;--surface: #141416;--surface-2: #1D1D20;--border: #2C2C31;--text: #F5F3EF;--text-dim: #A5A29C;--ok: #3FB96B;--warn: #E5A32B;--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--black);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}body{-webkit-user-select:none;user-select:none}input{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.screen{min-height:100%;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 18px) 18px calc(var(--safe-b) + 18px)}.screen-head{margin-bottom:22px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}h1{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0}.sub{color:var(--text-dim);font-size:14px;margin:6px 0 0}.brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-bright),var(--gold-deep));color:#000;font-weight:900;font-size:15px;letter-spacing:-.04em;box-shadow:0 3px 14px #f6b81447}.brand-name{font-size:13px;font-weight:700;letter-spacing:.03em}.brand-name span{color:var(--gold)}.people{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.person{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;position:relative;overflow:hidden}.person:active{background:var(--surface-2)}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#000;background:linear-gradient(145deg,var(--gold-bright),var(--gold-deep));object-fit:cover}.person-name{font-size:14px;font-weight:600;line-height:1.25}.no-pin{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--warn)}.pin-wrap{flex:1;display:flex;flex-direction:column}.pin-who{display:flex;align-items:center;gap:13px;margin-bottom:30px}.pin-who .avatar{width:52px;height:52px;font-size:18px}.dots{display:flex;gap:15px;justify-content:center;margin:8px 0 30px}.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);background:transparent}.dot.on{background:var(--gold);border-color:var(--gold)}.dot.err{background:var(--maroon-soft);border-color:var(--maroon-soft)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto}.key{height:68px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);font-size:26px;font-weight:700;display:grid;place-items:center}.key:active{background:var(--gold);color:#000;border-color:var(--gold)}.key.util{font-size:14px;font-weight:700;color:var(--text-dim);background:transparent;border-color:transparent}.key.util:active{background:var(--surface-2);color:var(--text)}.pin-error{text-align:center;font-size:13px;font-weight:600;color:#ff8a8a;min-height:20px;margin-bottom:6px}.clusters{display:grid;gap:12px}.cluster{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);text-align:left;position:relative;overflow:hidden}.cluster:active{background:var(--surface-2)}.cluster:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--maroon-soft)}.cluster.home:before{background:var(--gold)}.cluster-name{font-size:20px;font-weight:700;letter-spacing:-.01em}.cluster-meta{font-size:12px;color:var(--text-dim);margin-top:3px}.pts{font-size:11px;font-weight:800;letter-spacing:.04em;padding:5px 9px;border-radius:7px;white-space:nowrap}.pts.home{background:#f6b81424;color:var(--gold)}.pts.away{background:#8b2d3a47;color:#f0a9b2}.search-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:0 14px;margin-bottom:14px}.search-bar:focus-within{border-color:var(--gold)}.search-bar input{flex:1;height:52px;background:transparent;border:0;outline:0;color:var(--text);font-size:16px}.search-bar input::placeholder{color:var(--text-dim)}.search-icon{color:var(--text-dim);font-size:17px}.search-clear{width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--text-dim);display:grid;place-items:center;font-size:15px}.machines{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.machine{padding:16px 14px;min-height:92px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);text-align:left;display:flex;flex-direction:column;justify-content:space-between}.machine:active{background:var(--surface-2);border-color:var(--gold)}.machine.hit{border-color:var(--gold);background:#f6b81412}.machine-name{font-size:15px;font-weight:650;line-height:1.25}.machine-foot{display:flex;align-items:center;gap:6px;margin-top:10px}.vmid{font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--text-dim);font-variant-numeric:tabular-nums}.op-dot{width:6px;height:6px;border-radius:50%}.op-dalchini{background:var(--gold)}.op-nutritap{background:#4fa3e3}.op-londonbytes{background:var(--maroon-soft)}.op-compass{background:#7fc48a}mark{background:#f6b81452;color:inherit;border-radius:3px;padding:0 1px}.empty{text-align:center;color:var(--text-dim);padding:44px 20px;font-size:14px}.capture-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.shutter{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;gap:0;background:radial-gradient(circle at 50% 38%,var(--surface-2),var(--surface));border:1px solid var(--border);position:relative}.shutter:active{border-color:var(--gold)}.shutter-ring{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;border:3px solid var(--gold);box-shadow:0 0 26px #f6b81438}.shutter-label{font-size:15px;font-weight:700;color:var(--gold);z-index:1}.capture-review{flex:1;display:flex;flex-direction:column;gap:14px}.shot{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.shot img{display:block;width:100%;max-height:52vh;object-fit:contain}.shot-tag{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.06em;padding:5px 8px;border-radius:6px;background:var(--maroon);color:var(--gold-bright)}.date-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;font-size:14px;color:var(--text-dim)}.date-row input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font:inherit;padding:9px 11px;min-height:44px}.capture-actions{margin-top:auto;display:flex;gap:11px}.btn-primary,.btn-ghost{flex:1;min-height:58px;border-radius:var(--r-md);font-size:16px;font-weight:700;display:grid;place-items:center}.btn-primary{background:linear-gradient(145deg,var(--gold-bright),var(--gold-deep));color:#000}.btn-primary:active{filter:brightness(.94)}.btn-primary:disabled{opacity:.6}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text);flex:0 0 34%}.btn-ghost:active{background:var(--surface-2)}.done-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.done-mark{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:700}.done-mark.ok{background:#3fb96b24;color:var(--ok);box-shadow:0 0 0 2px #3fb96b4d inset}.done-mark.hold{background:#e5a32b24;color:var(--warn);box-shadow:0 0 0 2px #e5a32b4d inset}.done-mark.bad{background:#8b2d3a47;color:#f0a9b2}.points-badge{display:inline-flex;align-items:baseline;gap:7px;margin:18px 0 10px;padding:10px 18px;border-radius:999px;font-size:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.points-badge span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.points-badge.ok{background:#f6b81424;color:var(--gold)}.points-badge.hold{background:#e5a32b1f;color:var(--warn)}.done-message{font-size:14px;color:var(--text-dim);max-width:30ch;margin:0 auto;text-align:center}.done-actions{margin-top:auto;display:flex;gap:11px;width:100%}.done-actions .btn-ghost{flex:0 0 42%}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.back{width:42px;height:42px;flex:none;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;font-size:19px}.back:active{background:var(--surface-2)}.topbar-title{flex:1;min-width:0}.topbar-title h1{font-size:21px}.count-pill{font-size:11px;font-weight:700;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);padding:6px 10px;border-radius:20px;white-space:nowrap}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{flex:1;display:grid;place-items:center;gap:16px}.foot-note{margin-top:20px;text-align:center;font-size:11px;color:var(--text-dim)}.link-btn{color:var(--gold);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}