:root{color-scheme:dark;font:15px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;color:#edf1f7;background:#0b0f14;--panel:#151b25;--panel2:#0e131b;--line:#303a4b;--muted:#9ba7ba;--blue:#73adff;--green:#59ddb2;--red:#ff7c89;--amber:#ffc35f}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit;background:#1d2532;border:1px solid var(--line);border-radius:9px;padding:11px 13px}button,a{cursor:pointer}button:hover{border-color:#6e809b}button:disabled{opacity:.5;cursor:default}a{color:#64caff}h1{margin:4px 0;font-size:clamp(25px,4vw,38px)}h2{margin:6px 0 12px;line-height:1.25}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--blue);font-weight:800}.error{color:var(--red)}[hidden]{display:none!important}#login{width:min(430px,calc(100% - 32px));margin:12vh auto}#login label,#login input,#login button{display:block;width:100%;margin-top:12px}.primary{background:#2b68b5}#app{max-width:1760px;margin:auto;padding:20px 24px 120px}header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin:20px 0}.metric{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.metric b{display:block;font-size:22px}.metric span{font-size:12px;color:var(--muted)}.metric.warn b{color:var(--amber)}.metric.bad b{color:var(--red)}.toolbar{justify-content:flex-start}.toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted)}.toolbar #position{margin-left:auto;color:var(--muted)}.submit{background:#183d34;border-color:#347c68;color:var(--green);font-weight:700}#notice{min-height:24px;color:var(--muted)}#empty{padding:100px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.badge{padding:5px 9px;border-radius:999px;background:#252e3e;color:#c4cede;font-size:12px}.badge.review{color:var(--amber);background:#3d2e16}.badge.saved{color:var(--green);background:#17352e}.comparison{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.75fr);gap:14px;align-items:start}.source,.identity,.detail,.conflict{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.photo{height:min(65vh,700px);background:#06090d;display:grid;place-items:center}.photo img{display:block;width:100%;height:100%;object-fit:contain}.source-note{padding:9px 14px;background:#123d32;color:var(--green);font-size:13px}.body,.identity,.detail,.conflict{padding:16px}.body h2{font-size:16px}.body p{color:var(--muted)}.fields{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:7px 15px}.fields span{color:var(--muted)}.fields code{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.identity{position:sticky;top:12px}.identity>h2{font-size:26px;color:var(--amber)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.check{display:flex;justify-content:space-between;padding:8px;border-radius:8px;background:#1b2433;font-size:12px}.check b.match,.check b.compatible{color:var(--green)}.check b.mismatch{color:var(--red)}.check b.unknown{color:var(--amber)}.detail{margin-top:14px}.detail h3,.conflicts-title{margin:0 0 10px}.conflict{margin-top:10px;border-color:#713740;background:#24171b}.conflict-grid{display:grid;grid-template-columns:minmax(180px,320px) minmax(0,1fr);gap:15px}.conflict-photo{height:260px;background:#08090c;border-radius:9px;overflow:hidden}.conflict-photo img{width:100%;height:100%;object-fit:contain}.conflict button{width:100%;margin-top:12px;background:#4a2027;border-color:#8a3b46}.conflict button.marked{background:#17362e;border-color:#4a9a7f;color:var(--green)}.note{display:grid;gap:7px;margin-top:14px;color:var(--muted)}textarea{resize:vertical;width:100%;background:var(--panel2)}.navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.decision-dock{position:fixed;z-index:5;left:0;right:0;bottom:0;padding:10px max(14px,calc((100vw - 1200px)/2)) max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#0b0f14f5;border-top:1px solid var(--line)}.decision-dock button.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
@media(max-width:850px){#app{padding:15px 12px 160px}.comparison{grid-template-columns:1fr}.identity{position:static}.photo{height:52vh}.conflict-grid{grid-template-columns:1fr}.decision-dock{grid-template-columns:repeat(3,1fr)}#clear{grid-column:1/-1}.toolbar #position{width:100%;margin:0}.metrics{display:flex;overflow-x:auto}.metric{min-width:118px}.fields{grid-template-columns:95px minmax(0,1fr)}}