: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;margin-bottom:22px}.brand-logo{display:block;width:150px;height:auto;max-width:46%}.brand-crest{display:block;width:auto;height:34px}.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}.share-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.btn-share{min-height:52px;width:100%;border-radius:var(--r-md);background:#f6b8141a;border:1px solid rgba(246,184,20,.42);color:var(--gold);font-size:15px;font-weight:700;display:grid;place-items:center}.btn-share:active{background:#f6b8142e}.btn-share:disabled{opacity:.55;color:var(--text-dim);border-color:var(--border);background:var(--surface)}.share-note{text-align:center;max-width:32ch}.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}.switch-mode{display:block;margin:26px auto 0;opacity:.65}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.admin-who{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-dim)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none;margin-right:8px}.dot-green{background:var(--ok)}.dot-orange{background:var(--warn)}.dot-red{background:#e2603c}.dot-maroon{background:var(--maroon-soft);box-shadow:0 0 0 2px #8b2d3a47}.dot-never{background:var(--border)}.t-green{color:var(--ok)}.t-orange{color:var(--warn)}.t-red{color:#e2603c}.t-maroon{color:var(--maroon-soft);font-weight:700}.t-never{color:var(--text-dim)}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;color:var(--text-dim);padding:10px 12px;margin-bottom:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.legend-item{display:flex;align-items:center}.legend-note{margin-left:auto;opacity:.7;font-style:italic}.search{width:100%;padding:13px 14px;margin-bottom:12px;font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.search:focus{outline:none;border-color:var(--gold-deep)}.seg{display:flex;gap:6px;margin-bottom:16px}.seg-btn{flex:1;padding:11px 8px;font-size:12px;font-weight:600;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}.seg-btn.on{color:var(--black);background:var(--gold);border-color:var(--gold)}.seg-sm .seg-btn{padding:9px 6px;font-size:11px}.mlist{display:flex;flex-direction:column;gap:8px}.mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:13px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.mrow:active{background:var(--surface-2)}.mrow-main{min-width:0}.mrow-name{display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--text)}.mrow-sub{font-size:11px;color:var(--text-dim);margin-top:3px}.mrow-right{font-size:11px;white-space:nowrap;color:var(--text-dim)}.sheet{position:sticky;top:8px;z-index:5;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--gold-deep);border-radius:var(--r-lg);box-shadow:0 12px 40px #0000008c}.editor{padding:16px}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.editor-head h2{font-size:16px;font-weight:700}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:7px}.field input{width:100%;padding:13px 14px;font-size:17px;font-weight:700;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.field input:focus{outline:none;border-color:var(--gold)}.hint{font-size:11px;color:var(--text-dim);margin-top:8px;line-height:1.5}.err{font-size:12px;color:#e2603c;margin-bottom:10px}.primary{width:100%;padding:15px;font-size:15px;font-weight:800;color:var(--black);background:linear-gradient(145deg,var(--gold-bright),var(--gold-deep));border-radius:var(--r-md)}.primary:disabled{opacity:.55}.refresh{display:block;margin:20px auto 0}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:var(--r-md)}.tab.on{color:var(--gold);border-color:var(--gold-deep);background:var(--surface)}.badge{min-width:20px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.5;color:var(--black);background:var(--text-dim);border-radius:20px}.badge-hot{background:var(--maroon-soft);color:var(--text)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + var(--safe-b));z-index:40;max-width:min(92vw,460px);display:flex;align-items:center;gap:9px;padding:13px 17px;font-size:13px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--ok);border-radius:var(--r-lg);box-shadow:0 10px 34px #0009}.toast-tick{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;font-size:11px;font-weight:900;color:var(--black);background:var(--ok)}.mrow-saved{border-color:var(--ok);background:var(--surface-2)}.saved-tick{color:var(--ok);font-weight:700}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}