:root{--bg:#081014;--panel:#111b20;--panel2:#142126;--line:#26353b;--green:#36e78c;--greendark:#00b76d;--muted:#90a5aa;--text:#f3f8f6;--red:#ff5967;--amber:#ffd350}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:#081014;color:var(--text);font-family:Inter,Roboto,'Arial',sans-serif;padding:0;margin:0;font-size:14px;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svgdefs{height:0;width:0;position:absolute;overflow:hidden}.app-shell{max-width:530px;margin:auto;min-height:100dvh;position:relative;background:radial-gradient(ellipse at 70% 6%,rgba(9,101,70,.17) 0%,transparent 47%),var(--bg);box-shadow:0 0 80px rgba(0,0,0,.2)}.app-header{padding:23px 23px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.045);position:relative}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-mark{display:flex;justify-content:center;align-items:center;width:37px;height:37px;background:#12362a;border:1px solid #317b54;border-radius:12px;color:var(--green)}.brand-mark svg{width:23px;height:23px}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{letter-spacing:1.6px;font-size:17px}.brand-copy strong em{font-style:normal;color:var(--green)}.brand-copy small{font-weight:800;font-size:8px;letter-spacing:2.15px;color:#66827b}.edition-pill{color:#7ad9ac;border:1px solid #225641;background:#102a20;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:1px}.screen{padding:25px 21px 110px;display:none;animation:enter .16s ease-out}.screen.active{display:block}@keyframes enter{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}.eyebrow,.screen-kicker{color:var(--green);font-size:10px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #31dd8a19;display:inline-block}.screen h1{font-weight:800;margin:13px 0 12px;letter-spacing:-1.65px;line-height:1.08}.screen-home h1{font-size:39px}.screen-home h1 span{color:var(--green)}.intro,.screen-description{line-height:1.65;color:var(--muted);font-size:13px;max-width:400px;margin-bottom:24px}.preview-card{height:205px;border-radius:18px;border:1px solid #2b3d3d;background:radial-gradient(circle at 30% 50%,#213934,#0b1417 68%);position:relative;display:flex;align-items:center;overflow:hidden;box-shadow:0 18px 50px #00000044;margin-bottom:19px}.preview-target{width:188px;height:188px;flex-shrink:0;position:absolute;left:-24px;top:8px;border-radius:50%;background:repeating-radial-gradient(circle at center,#0f1e20 0px,#0f1e20 7.5px,#486052 8px,#0f1e20 9px);box-shadow:0 0 40px #0a9b5840;border:1px solid #649c7770}.preview-target:before{content:'';position:absolute;inset:64px;border-radius:50%;background:#5ceba51c;box-shadow:0 0 0 1px #5be79570}.preview-target:after{content:'';position:absolute;left:77px;top:87px;width:8px;height:8px;background:#f85a62;border:2px solid #ffd8bc;border-radius:50%;box-shadow:12px -12px #fa5b67,-12px 10px #f95b67,18px 9px #f95b67,3px 16px #f95b67}.preview-overlay{margin-left:160px;position:relative;z-index:2;flex:1;padding-right:24px}.preview-tag{display:inline-flex;color:var(--green);font-size:9px;font-weight:800;letter-spacing:1.2px;align-items:center;gap:8px;margin-bottom:14px}.preview-hero-num{font-size:49px;font-weight:800;letter-spacing:-3px;line-height:1.1}.preview-hero-num span{font-size:24px;color:#78918a;letter-spacing:-1px}.preview-overlay small{display:block;margin-top:7px;color:#a8bdb7;font-size:11px}.preview-progress{height:5px;background:#294138;border-radius:10px;margin-top:14px;overflow:hidden}.preview-progress b{display:block;width:96%;height:100%;background:var(--green);border-radius:10px}.home-actions{display:flex;flex-direction:column;gap:9px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 15px;min-height:49px;width:100%;border-radius:12px;border:1px solid transparent;font-weight:750;font-size:13px}.btn svg{width:19px;height:19px}.btn-primary{background:linear-gradient(110deg,#51e993,#24c777);color:#04150d;border-color:#40e18c;box-shadow:0 10px 24px #19e18a16}.btn-primary:active{filter:brightness(.9)}.btn-secondary{background:#172329;border-color:#324047;color:#eef6f3}.btn-secondary:active{background:#213037}.btn-subtle{background:none;border:0;color:#65dba3;min-height:40px;font-size:11px;gap:8px}.btn-subtle svg{width:14px;height:14px}.btn .right-icon{margin-left:auto}.btn-primary .right-icon{width:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:29px;margin-bottom:14px}.section-heading h2{margin:0;font-size:16px}.section-heading span{color:#829792;font-size:11px}.steps{border:1px solid var(--line);background:#10191d;border-radius:16px;padding:3px 17px}.step{display:flex;gap:15px;align-items:center;padding:15px 0}.step+.step{border-top:1px solid #263238}.step-num{color:var(--green);font-weight:800;font-size:17px}.step strong{font-size:12px}.step p{margin:4px 0 0;line-height:1.5;color:#81969a;font-size:11px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,530px);background:#0e171bf5;backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr);padding:11px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #2a393e;box-shadow:0 -7px 30px #00000030}.nav{display:flex;align-items:center;flex-direction:column;gap:5px;background:none;border:0;color:#7b9399;font-size:10px;padding:2px;min-height:43px}.nav svg{width:20px;height:20px}.nav.active{color:var(--green);font-weight:800}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.screen-heading h1{font-size:29px;margin:11px 0}.status-pill{font-size:10px;color:#c9c69b;background:#292c22;border:1px solid #4f4c27;border-radius:20px;padding:6px 10px;white-space:nowrap}.status-pill.success{background:#16372b;border-color:#28684b;color:#6ef3aa}.image-card,.mode-card,.settings-card,.results-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:12px}.image-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:10px;color:#8fa5a9;letter-spacing:1px}.image-meta span{display:flex;align-items:center;gap:8px}.image-meta strong{font-size:11px;color:#b0d2bb;letter-spacing:0}.canvas-outer{position:relative;line-height:0;background:linear-gradient(120deg,#1d292c,#223033)}.canvas-outer canvas{display:block;width:100%;height:auto;touch-action:none}.canvas-label{position:absolute;z-index:2;bottom:11px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:9px 12px;border-radius:30px;background:#0a151bdd;border:1px solid #6ee29b88;color:#effff4;font-weight:750;font-size:10px;line-height:1}.image-legend{display:flex;justify-content:space-around;padding:11px 8px;color:#8da7a3;font-size:10px}.image-legend span{display:flex;align-items:center;gap:6px}.image-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.legend-green{background:#39e98d}.legend-red{background:#ff5365}.mode-card,.settings-card{padding:15px}.mode-title{color:#7f9b9c;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-bottom:14px}.tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.tool{min-width:0;background:#19282b;border:1px solid #2a3b3c;color:#adbfbd;border-radius:10px;height:65px;display:flex;gap:7px;align-items:center;justify-content:center;flex-direction:column;font-size:9px}.tool svg{width:20px;height:20px}.tool.active{background:#113a2d;border-color:#2ddb83;color:#5bffad}.hint,.small-note{font-size:11px;color:#89a0a1;line-height:1.5}.hint{margin:13px 0 0}.settings-card label{display:block;font-size:11px;color:#afc1c1;margin-bottom:14px;font-weight:700}.settings-card label:last-of-type{margin-bottom:8px}.settings-card input,.settings-card select{display:block;width:100%;margin-top:7px;background:#0b1519;border:1px solid #304047;border-radius:10px;padding:13px;color:#f8fff9;font-size:12px;outline:none}.settings-card select{appearance:auto}.settings-card .small-note{margin-bottom:0}.quick-summary{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-summary>div{background:#172529;padding:13px 9px;border:1px solid #293c40;border-radius:12px;min-width:0}.quick-summary small{font-size:8px;color:#7f9899;letter-spacing:.4px;display:block;line-height:1.45}.quick-summary b{display:block;margin-top:7px;font-size:21px;font-weight:800}.analysis-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.analysis-actions .btn{padding:11px 8px;line-height:1.25}.analysis-actions .btn .right-icon{display:none}.text-link{margin-top:15px;border:0;background:none;color:#9faeb1;width:100%;font-size:11px;padding:10px}.results-banner{margin-top:12px;border-radius:17px;border:1px solid #2d7355;background:radial-gradient(circle at 90% -45%,#2dd78634,transparent 60%),linear-gradient(145deg,#193d2d,#112823);padding:23px}.results-banner>span{font-size:10px;letter-spacing:2px;color:#8ce6b2;font-weight:800}.results-banner>div{margin:8px 0;font-size:50px;letter-spacing:-2px}.results-banner>div b{font-weight:850}.results-banner>div span{font-size:22px;color:#6b9b87}.results-banner>small{color:#a5d5b6;font-size:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0}.metric{background:#141f24;border:1px solid #2b3b42;border-radius:12px;padding:15px;min-height:85px}.metric span{color:#93aaa9;display:block;font-size:10px;line-height:1.4}.metric strong{display:block;font-size:22px;letter-spacing:-.5px;margin-top:9px}.results-card{padding:15px;margin-top:10px}.results-card h3{margin:1px 0 12px;font-size:14px}.results-image{border-radius:10px;overflow:hidden;background:#202d31}.results-image canvas{display:block;width:100%;height:auto}.offset-viz{display:flex;gap:20px;align-items:center}.offset-mini{flex:0 0 100px;height:100px;border:1px solid #40504e;border-radius:50%;position:relative;background:radial-gradient(circle,transparent 0%,transparent 48%,#274438 49%,transparent 51%),#10211e}.offset-mini .axis{position:absolute;background:#41635a}.offset-mini .axis.h{left:5px;right:5px;top:50%;height:1px}.offset-mini .axis.v{left:50%;top:5px;bottom:5px;width:1px}.offset-mini .zero{position:absolute;width:6px;height:6px;border-radius:50%;left:calc(50% - 3px);top:calc(50% - 3px);background:#8bd9ae}.offset-mini .mean{position:absolute;width:12px;height:12px;background:#ffd45a;border:2px solid #543f0c;border-radius:50%;top:45%;left:45%;box-shadow:0 0 0 4px #e9c24a26}.offset-viz>div:last-child b{display:block;font-size:13px;line-height:1.6}.offset-viz>div:last-child small{display:block;font-size:11px;color:#a4bbb4;margin-top:4px}.results-list-title{margin:0 0 4px}.results-list-title h3{margin:0}.shot-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #26363c;padding:12px 1px;font-size:12px}.shot-row:last-child{border:0}.shot-num{display:flex;align-items:center;gap:9px}.shot-num i{background:#db5163;border:3px solid #562630;border-radius:50%;width:13px;height:13px}.shot-row .shot-score{font-size:16px;font-weight:800;color:#dafbe6}.shot-row small{color:#82999b;display:block;font-size:10px;margin-top:3px}.share-actions{display:flex;justify-content:space-around;gap:5px;margin-top:11px}.share-actions button{background:transparent;border:0;color:#a4eec4;padding:10px;font-size:12px;display:flex;gap:7px;align-items:center}.share-actions button svg{width:15px;height:15px}.empty-history{text-align:center;padding:50px 20px;border:1px dashed #314145;border-radius:15px;margin-top:25px;background:#121e22}.empty-history>svg{width:43px;height:43px;color:#54dca0;display:block;margin:0 auto 20px}.empty-history b{display:block}.empty-history p{color:#9aacae;font-size:12px;line-height:1.5}.empty-history .btn{margin-top:20px}.history-item{display:flex;gap:14px;background:#142126;border:1px solid #2a3a40;border-radius:13px;padding:12px;margin-top:10px;align-items:center}.history-img{width:83px;height:83px;object-fit:cover;border-radius:9px;flex-shrink:0;background:#3a4546}.history-detail{flex:1;min-width:0}.history-detail strong{font-size:14px;display:block}.history-detail small{font-size:10px;color:#8fa4a3;display:block;margin:5px 0}.history-detail span{font-size:11px;color:#aef0c8}.history-detail button{background:none;color:#55e29a;border:0;padding:8px 5px 4px 0;font-weight:700;font-size:11px}.history-del{padding:10px;border:0;background:none;color:#96a7ab;font-size:18px}#toast{position:fixed;z-index:100;left:50%;transform:translateX(-50%) translateY(20px);bottom:95px;background:#d6ffdf;color:#10241a;border-radius:10px;box-shadow:0 12px 25px #0005;padding:13px 18px;white-space:normal;width:max-content;max-width:min(95%,400px);text-align:center;font-size:12px;visibility:hidden;opacity:0;transition:.2s}#toast.visible{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:350px){.screen{padding-left:13px;padding-right:13px}.app-header{padding-left:13px;padding-right:13px}.preview-overlay{margin-left:150px}.screen-home h1{font-size:33px}.tools{gap:3px}.tool{font-size:8px}.analysis-actions{grid-template-columns:1fr}}

/* v0.2 — manual candidate review and high-precision image inspection */
.zoom-controls{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#132025;border-top:1px solid #26343a;padding:8px 12px;color:#93acad;font-size:10px;line-height:1.3}.zoom-controls>span{max-width:55%}.zoom-controls>div{display:flex;gap:8px;align-items:center}.zoom-controls button{width:32px;height:32px;border-radius:9px;background:#203238;border:1px solid #3b5659;color:#d4f8e6;font-size:22px}.zoom-controls #zoomLevel{font-weight:800;min-width:22px;text-align:center;color:#60e9aa}.canvas-outer{overflow:auto;max-height:72vh;overscroll-behavior:contain}.canvas-outer canvas{width:100%;max-width:none;height:auto}.canvas-label{position:sticky;display:table;bottom:9px;left:50%;transform:translateX(-50%);pointer-events:none}.image-legend{gap:5px;flex-wrap:wrap}.legend-cyan{background:#57d9ff}.count-status{background:#142b21;color:#77f0b4;border:1px solid #265740;padding:10px 12px;border-radius:10px;font-size:11px;line-height:1.5;margin-top:5px}.count-status.mismatch,.results-warning:not(:empty){background:#33291a;color:#ffe1a2;border:1px solid #7a6331}.results-warning:not(:empty){border-radius:10px;padding:13px;line-height:1.5;font-size:12px;margin:12px 0}.results-warning:empty{display:none}.candidate-actions{border:1px solid #315f6f;border-radius:14px;background:#13292f;padding:12px;margin:13px 0 0}.candidate-actions[hidden]{display:none}.candidate-actions .small-note{margin:0 0 9px;color:#a7dbe8}.candidate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.candidate-buttons .btn{font-size:10px;min-height:43px;padding:9px 6px}.analysis-actions button:disabled{opacity:.6;cursor:wait}.canvas-outer canvas{touch-action:none}
.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.photo-actions .text-link{margin-top:12px}