:root{--bg: #0D0B0C;--surface: #17141A;--line: #2A2530;--text: #F1F0EC;--muted: #9C97A0;--accent: #E60041;--ok: #3DDC97;--r: 16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.4 Onest,system-ui,sans-serif}.wrap{max-width:480px;margin:0 auto;padding:24px 16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:12px}h1{font-size:28px;letter-spacing:.02em;margin:0 0 12px}.muted{color:var(--muted)}input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;margin:8px 0}button{width:100%;padding:14px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:600 16px Onest,system-ui}.tag{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--line);margin:4px 4px 0 0;font-size:14px}h2{font-size:20px;margin:0 0 12px}label{display:block;font-size:14px;margin-top:8px}select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;margin:6px 0}button:disabled{opacity:.4}button.ghost{background:var(--line)}.seg{display:flex;gap:8px;margin:8px 0}.seg button{flex:1;padding:10px}.small{font-size:13px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.row a{color:var(--muted);font-size:13px;cursor:pointer}.st-approved{background:color-mix(in srgb,var(--ok) 25%,transparent)}.st-rejected{background:color-mix(in srgb,var(--accent) 35%,transparent)}nav{position:sticky;bottom:0;display:flex;gap:6px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);max-width:480px;margin:0 auto}nav button{padding:10px 4px;font-size:13px;background:transparent;color:var(--muted)}nav button.on{color:var(--text);background:var(--line)}.toast{background:var(--ok);color:#0d0b0c;padding:12px;border-radius:12px;margin-bottom:12px}.photo{display:flex;align-items:center;justify-content:center;min-height:72px;border:1px dashed var(--line);border-radius:12px;margin:8px 0;color:var(--muted);cursor:pointer;overflow:hidden}.photo img{max-width:100%;max-height:220px;display:block}a{color:var(--accent)}.person{padding:12px 0;border-top:1px solid var(--line)}.person a{color:var(--muted);font-size:13px;cursor:pointer}.zones{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.zones button{width:auto;flex:1 0 40%;padding:8px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block;background:var(--line)}.place{display:flex;flex-direction:column;height:calc(100dvh - 62px - env(safe-area-inset-bottom))}.place .chips{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;background:var(--surface);border-bottom:1px solid var(--line)}.place .chips button{flex:none;width:auto;padding:6px 12px;font-size:13px;background:transparent;color:var(--muted);border:1px solid var(--line)}.place .chips button.on{color:var(--text);background:var(--line)}.placeframe{flex:1;width:100%;border:0;background:#fff}.check{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text)}.check input{width:20px;height:20px;margin:0;accent-color:var(--accent)}.seg.grid2{display:grid;grid-template-columns:1fr 1fr}
