:root{--bg: #1a1c23;--card: #242732;--card2: #2d3140;--border: #3a3f52;--text: #e8eaf0;--muted: #8a93a6;--accent: #e8b04b;--blue: #4b9fe8;--green: #5dc264;--red: #e85b5b}:root[data-theme=pride]{--bg: #17131f;--card: #221a2e;--card2: #2c2140;--border: #4a3566;--text: #fbeffb;--muted: #c39bd6;--accent: #ff3d8b;--blue: #22b7ff;--green: #33d17a;--red: #ff5b5b;--pride-grad: linear-gradient(90deg,#e40303 0%,#ff8c00 20%,#ffed00 40%,#008026 60%,#004dff 80%,#750787 100%)}:root[data-theme=pride] body{background:radial-gradient(1200px 500px at 50% -180px,rgba(255,61,139,.18),transparent 60%),var(--bg)}:root[data-theme=pride] .app:before{content:"";position:fixed;top:0;left:0;right:0;height:5px;z-index:60;background:var(--pride-grad)}:root[data-theme=pride] .app{padding-top:5px}:root[data-theme=pride] h1{background:var(--pride-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800}:root[data-theme=pride] .logo .mark{background:var(--pride-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}:root[data-theme=pride] h2{color:var(--accent);-webkit-text-fill-color:currentColor}:root[data-theme=pride] button:not(.secondary):not(.danger),:root[data-theme=pride] .btn:not(.secondary):not(.danger){background:var(--pride-grad);color:#fff;background-size:200% 100%}:root[data-theme=pride] button:not(.secondary):not(.danger):active,:root[data-theme=pride] .btn:not(.secondary):not(.danger):active{background-position:100% 0}:root[data-theme=pride] .chip.on,:root[data-theme=pride] .badge{background:var(--pride-grad);color:#fff;border-color:transparent}:root[data-theme=pride] .bar{background:var(--pride-grad)}:root[data-theme=pride] .bar span,:root[data-theme=pride] .stat .v{color:#fff}:root[data-theme=pride] .stat .v{-webkit-text-fill-color:#fff}:root[data-theme=pride] .nav{border-top:3px solid transparent;border-image:var(--pride-grad) 1}:root[data-theme=pride] .nav a.on{color:var(--accent)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}#root{min-height:100dvh}.app{padding-bottom:calc(64px + env(safe-area-inset-bottom));min-height:100dvh}.page{padding:14px 14px 20px;max-width:720px;margin:0 auto}h1{font-size:1.35rem;margin:8px 0 14px}h2{font-size:1.05rem;margin:18px 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}a{color:var(--blue);text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:.85rem}.small{font-size:.8rem}.mt{margin-top:10px}input,select,textarea{width:100%;padding:11px 12px;border-radius:10px;font-size:16px;border:1px solid var(--border);background:var(--card2);color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{width:auto;padding:0;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;accent-color:var(--accent)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}label.fld{display:block;margin-bottom:10px}label.fld>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px}label.fld .req{color:var(--accent)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border-radius:10px;border:none;font-size:15px;font-weight:600;background:var(--accent);color:#1a1c23;cursor:pointer}button.secondary,.btn.secondary{background:var(--card2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--red);color:#fff}button.sm{padding:7px 12px;font-size:13px;border-radius:8px}button:disabled{opacity:.5}button.block,.btn.block{width:100%}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:700;color:#14161b;white-space:nowrap}.chip{padding:7px 13px;border-radius:20px;background:var(--card2);border:1px solid var(--border);font-size:.82rem;color:var(--text);white-space:nowrap}.chip.on{background:var(--accent);color:#1a1c23;border-color:var(--accent);font-weight:700}.chips{display:flex;gap:7px;overflow-x:auto;padding:4px 0 8px;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 7px;color:var(--muted);font-size:.65rem;font-weight:600}.nav a.on{color:var(--accent)}.nav svg{width:23px;height:23px}.item-card{display:flex;gap:11px;align-items:center}.thumb{width:56px;height:56px;border-radius:9px;background:var(--card2);object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}.title{font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.photo-wrap{position:relative}.photo-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000000a6;color:#fff;border:none;font-size:14px;line-height:1;padding:0}.err{background:#3a2026;border:1px solid #71333f;color:#f2a0a8;padding:10px 12px;border-radius:10px;margin:10px 0;font-size:.88rem}.ok{background:#1f3326;border:1px solid #2f6b40;color:#9fe0ab;padding:10px 12px;border-radius:10px;margin:10px 0;font-size:.88rem}.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.bar-label{width:108px;font-size:.78rem;color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.bar-track{flex:1}.bar{height:20px;border-radius:5px;background:var(--blue);min-width:2px;display:flex;align-items:center}.bar span{padding-left:7px;font-size:.72rem;font-weight:700;color:#14161b}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px}.stat .v{font-size:1.5rem;font-weight:700;color:var(--accent)}.stat .k{font-size:.75rem;color:var(--muted);margin-top:2px}table.preview{border-collapse:collapse;font-size:.75rem;width:100%}table.preview th,table.preview td{border:1px solid var(--border);padding:4px 7px;text-align:left;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scanner-box{position:relative;border-radius:14px;overflow:hidden;background:#000}.scanner-box video{width:100%;display:block}.scan-target{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:2px solid rgba(232,176,75,.85);border-radius:12px;pointer-events:none}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:380px}.logo{text-align:center;margin-bottom:22px}.logo .mark{font-size:2rem;font-weight:800;color:var(--accent);letter-spacing:.02em}