:root{--ink:#eefaff;--muted:#78909e;--cyan:#2de6ff;--pink:#ff36b8;--amber:#ffb848;--process:#77f6ae;--panel:#09101cb8}*{box-sizing:border-box}html{background:#03050a}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 23% 42%,#1089a721,#0000 31%),radial-gradient(circle at 84% 90%,#d6159017,#0000 29%),linear-gradient(145deg,#020409,#07101a 52%,#02050a);margin:0;font-family:Inter,Segoe UI,Yu Gothic UI,sans-serif}button,input{font:inherit}button{color:inherit}.shell{min-height:100vh;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03070db8;border-bottom:1px solid #8bd5eb21;justify-content:space-between;align-items:center;height:80px;padding:0 clamp(20px,3.2vw,56px);display:flex}.brand{align-items:center;gap:16px;display:flex}.brandMark{aspect-ratio:1;background:linear-gradient(135deg, var(--cyan), #157fd3 58%, var(--pink));clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);width:40px;box-shadow:0 0 24px #2de6ff8c}.brand div{gap:4px;display:grid}.brand strong{letter-spacing:.18em;font-size:22px;line-height:1}.brand span{color:#7a9ba7;letter-spacing:.24em;font:11px/1 monospace}.workspace{grid-template-columns:minmax(620px,760px) minmax(430px,1fr);min-height:calc(100vh - 80px);display:grid}.mapPanel{border-right:1px solid #8bd5eb1a;grid-template-rows:auto auto auto auto;align-content:start;min-width:0;padding:10px 1.2vw 12px;display:grid}.legend{color:#58717c;letter-spacing:.16em;justify-content:space-between;align-items:center;font:10px/1 monospace;display:flex}.canvasWrap{aspect-ratio:1;width:min(100%,720px);margin:auto;position:relative}.canvasWrap canvas{z-index:2;width:100%;height:100%;display:block;position:relative}.scanRing{border:1px solid #2de6ff14;border-radius:50%;position:absolute;inset:10%;box-shadow:inset 0 0 60px #17a0bf0b,0 0 80px #17a0bf0a}.scanRing:after{content:"";border-radius:inherit;border:1px dashed #2de6ff0f;animation:18s linear infinite spin;position:absolute;inset:9%}@keyframes spin{to{transform:rotate(360deg)}}.decision{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#02070ee6;border:1px solid #ffffff40;min-width:220px;padding:14px 24px;animation:.35s ease-out decisionIn;position:relative;box-shadow:0 0 38px #2de6ff29}.decisionSlot{place-items:center;min-height:74px;margin:-4px 0 9px;display:grid}.decisionSlot:empty{min-height:0;margin:0}.decision:before,.decision:after{content:"";border-color:var(--decision-color,var(--cyan));width:12px;height:12px;position:absolute}.decision:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.decision:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.decision strong{color:var(--decision-color,var(--cyan));letter-spacing:.08em;font-size:25px;display:block}.decision em{color:#fff;margin-top:3px;font:13px/1.2 monospace;display:block}.decision1{--decision-color:var(--pink)}.decision2{--decision-color:var(--amber)}@keyframes decisionIn{0%{opacity:0;filter:blur(8px);transform:scale(.82)}}.timeline{grid-template-columns:repeat(12,1fr);gap:5px;width:min(100%,720px);margin:4px auto 17px;display:grid}.timeline i{background:#7dabbb1f;height:2px;transition:all .18s}.timeline i.active{background:var(--process);box-shadow:0 0 8px #77f6aed1}.legend{justify-content:center;gap:26px;width:min(100%,720px);margin-inline:auto}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:50%;width:7px;height:7px}.legend .cat{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.legend .dog{background:var(--pink);box-shadow:0 0 8px var(--pink)}.legend .other{background:var(--amber);box-shadow:0 0 8px var(--amber)}.controlPanel{background:linear-gradient(130deg,#0a121fbd,#05091170);padding:clamp(38px,5vw,78px) clamp(28px,4vw,64px)}.eyebrow{color:var(--cyan);letter-spacing:.24em;font:10px/1 monospace}h1{letter-spacing:-.04em;margin:18px 0 15px;font-size:clamp(29px,3vw,47px);line-height:1.28}.lead{color:#8ca0aa;max-width:470px;margin:0;font-size:13px;line-height:1.9}.dropzone{cursor:pointer;background:#1226353d;border:1px dashed #2de6ff61;border-radius:4px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:132px;margin:31px 0 26px;padding:16px 18px;transition:all .2s;display:flex}.dropzone:hover:not(:disabled){border-color:var(--cyan);background:#174b5c47;box-shadow:inset 0 0 30px #2de6ff0a}.dropzone:disabled{cursor:progress;opacity:.55}.dropzone img{object-fit:cover;border:1px solid #ffffff21;border-radius:2px;width:94px;height:94px}.uploadIcon{width:48px;height:48px;color:var(--cyan);border:1px solid #2de6ff4d;border-radius:50%;place-items:center;font-size:24px;display:grid}.dropCopy{text-align:left;gap:8px;display:grid}.dropCopy strong{letter-spacing:.05em;font-size:13px}.dropCopy small{color:#56717c;font:10px/1 monospace}.fileInput{display:none}.sampleBlock{margin:-13px 0 25px}.sampleBlock>span{color:#6f8a94;letter-spacing:.16em;margin-bottom:9px;font:9px/1 monospace;display:block}.sampleRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.sampleRow button{color:#b9d0d8;cursor:pointer;background:#0b18249e;border:1px solid #689cad29;border-radius:5px;padding:0;transition:all .2s;overflow:hidden}.sampleRow img{object-fit:cover;width:100%;height:88px;display:block}.sampleRow strong{letter-spacing:.08em;padding:9px 4px 10px;font-size:12px;display:block}.sampleRow button:hover:not(:disabled){color:#fff;border-color:#2de6ff8c;transform:translateY(-2px);box-shadow:0 7px 18px #0003}.sampleRow button:disabled{opacity:.4;cursor:progress}.error{color:#ff7cae;margin:-14px 0 19px;font-size:12px}.scores{gap:15px;display:grid}.score div{color:#8ba1aa;letter-spacing:.08em;justify-content:space-between;align-items:baseline;font-family:monospace;display:flex}.score span{color:#d8eaf0;letter-spacing:.12em;font-size:18px;font-weight:800}.score strong{color:#d8eaf0;font-size:13px}.score>i{background:#6f939f1c;height:3px;margin-top:8px;display:block}.score b{width:0;height:100%;transition:width .5s;display:block;box-shadow:0 0 10px}.bar0{background:var(--cyan);color:var(--cyan)}.bar1{background:var(--pink);color:var(--pink)}.bar2{background:var(--amber);color:var(--amber)}@media (width<=900px){.shell{overflow:visible}.topbar{height:70px;padding:0 18px}.workspace{flex-direction:column;min-height:0;display:flex}.controlPanel{order:1;padding:34px 22px 23px}.mapPanel{border-top:1px solid #8bd5eb1a;border-right:0;order:2;padding:8px 6px 18px}h1{font-size:clamp(28px,8vw,39px)}.lead{font-size:12px}.dropzone{min-height:112px;margin:23px 0}.canvasWrap{width:min(100%,680px)}}@media (width<=480px){.brand{gap:11px}.brandMark{width:34px}.brand strong{font-size:16px}.brand span{font-size:9px}.controlPanel{padding-inline:18px}.dropzone img{width:76px;height:76px}.decision{min-width:185px;padding:15px 18px}.decision strong{font-size:20px}.legend{gap:17px}.score span{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}