:root{--ink:#102b49;--muted:#647a91;--line:#d5e2ef;--blue:#1677ee;--cyan:#19b8e8;--green:#18a957;--pale:#f3f8fd;--white:#fff;--navy:#0d2b4c;--shadow:0 18px 50px rgba(34,76,118,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#f5f9fe,#eaf3fb);color:var(--ink)}button,a,input,select,textarea{font:inherit}.app-header{height:78px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:800;letter-spacing:.08em}.brand-symbol{display:grid;place-items:center;width:38px;height:38px;border:1px solid #9fc7ef;border-radius:12px;color:var(--blue);font-size:28px;background:#eff7ff}.brand small{display:block;color:#7a8fa5;font:9px 'DM Mono',monospace;letter-spacing:.12em;margin-top:4px}.header-right{display:flex;align-items:center;gap:24px}.system-status,.header-link{font:10px 'DM Mono',monospace;letter-spacing:.06em}.system-status{color:#24724b}.system-status i,.eyebrow-dot,.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#27bf71;margin-right:7px;box-shadow:0 0 0 4px #e2f7eb}.header-link{color:var(--blue);text-decoration:none;padding:11px 14px;border:1px solid #c5dcf5;border-radius:9px;background:#f8fbff}.scanner-layout{max-width:1480px;margin:0 auto;padding:34px clamp(16px,3.5vw,54px) 28px;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(440px,1.12fr);gap:28px}.intro-panel{padding:10px 0}.eyebrow{font:10px 'DM Mono',monospace;color:#64809a;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.eyebrow .mono{margin-left:auto;color:#8da3b8}.intro-panel h1{font-size:clamp(34px,4vw,56px);line-height:1.07;letter-spacing:-.055em;margin:23px 0 16px;font-weight:750}.intro-panel h1 span{color:#1677ee}.intro-copy{max-width:500px;color:#5f748b;line-height:1.75;font-size:14px;margin:0 0 24px}.scan-target-card{border:1px solid #d5e4f2;border-radius:17px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.target-top,.target-foot{height:43px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font:9px 'DM Mono',monospace;letter-spacing:.07em;color:#6e859c}.target-top{border-bottom:1px solid #e7eff7}.target-foot{border-top:1px solid #e7eff7}.target-foot span:first-child{color:#25835b}.target-visual{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#e8f5ff 0,#d8ecfb 36%,#f5faff 72%)}.target-grid{position:absolute;inset:0;background-image:linear-gradient(#8bbde51a 1px,transparent 1px),linear-gradient(90deg,#8bbde51a 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,#000 25%,transparent 75%)}.target-ring{position:absolute;left:50%;top:50%;border:1px solid #4b9cf066;border-radius:50%;transform:translate(-50%,-50%)}.tr1{width:120px;height:120px}.tr2{width:190px;height:190px}.tr3{width:255px;height:255px}.target-axis{position:absolute;background:#2889ec42}.axis-x{height:1px;left:8%;right:8%;top:50%}.axis-y{width:1px;top:8%;bottom:8%;left:50%}.target-object{position:absolute;left:50%;top:50%;width:78px;height:90px;transform:translate(-50%,-50%) rotate(28deg);border:1px solid #2186e9;background:linear-gradient(135deg,#ffffffd9,#b9ddfb90);box-shadow:0 0 30px #4fa7ef36;clip-path:polygon(50% 0,100% 25%,92% 78%,50% 100%,8% 78%,0 25%);animation:objectFloat 4s ease-in-out infinite}.target-object:before,.target-object:after{content:"";position:absolute;inset:0;border:1px solid #2787e5;clip-path:polygon(50% 0,100% 25%,50% 55%,0 25%)}.target-object:after{clip-path:polygon(0 25%,50% 55%,50% 100%,8% 78%);background:#8ac8f72b}.target-object span{position:absolute;width:3px;height:3px;border-radius:50%;background:#1677ee;box-shadow:0 0 6px #1677ee}.target-object span:nth-child(1){left:50%;top:3%}.target-object span:nth-child(2){left:95%;top:26%}.target-object span:nth-child(3){left:50%;top:54%}.target-object span:nth-child(4){left:5%;top:26%}.target-object span:nth-child(5){left:50%;top:96%}.target-object span:nth-child(6){left:12%;top:76%}.target-object span:nth-child(7){left:86%;top:76%}.target-object span:nth-child(8){left:70%;top:15%}.scan-plane{position:absolute;left:12%;right:12%;height:2px;top:12%;opacity:0;background:linear-gradient(90deg,transparent,#18b8e8,#1677ee,transparent);box-shadow:0 0 12px #35b9ff}.target-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#1677ee;font-size:20px;font-weight:300}.target-visual.scanning .scan-plane{opacity:1;animation:scanSweep 2.2s linear infinite}.target-visual.scanning .target-ring{animation:ringPulse 2s ease-in-out infinite}.target-visual.scanning .target-object{animation:objectFloat 1.2s ease-in-out infinite,objectGlow 1.4s ease-in-out infinite alternate}.start-button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:0;border-radius:13px;padding:15px 18px;margin-top:16px;background:linear-gradient(110deg,#1677ee,#1c91f2);color:#fff;cursor:pointer;box-shadow:0 10px 25px #1677ee2c;transition:transform .2s,box-shadow .2s}.start-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #1677ee3b}.start-button:disabled{opacity:.65;cursor:wait;transform:none}.button-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff22;font-size:12px}.start-button b,.start-button small{display:block}.start-button b{font-size:14px}.start-button small{font-size:10px;color:#d6eaff;margin-top:4px}.button-arrow{margin-left:auto;font-size:22px}.disclaimer{font-size:10px;color:#8a9bad;line-height:1.6;margin:13px 2px}.process-panel{background:#fff;border:1px solid #d8e5f1;border-radius:18px;box-shadow:var(--shadow);padding:24px;min-width:0}.process-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.process-header h2{font-size:22px;letter-spacing:-.035em;margin:9px 0 0}.process-state{border-radius:100px;padding:7px 10px;background:#f0f5fa;color:#71859a;font:9px 'DM Mono',monospace;white-space:nowrap}.process-state.running{background:#eaf5ff;color:#1473d4}.process-state.complete{background:#e6f8ee;color:#16864c}.progress-block{margin-top:24px;padding:17px;border:1px solid #e0eaf4;border-radius:12px;background:#f9fcff}.progress-meta,.progress-time{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#667e96}.progress-meta strong{font:12px 'DM Mono',monospace;color:#1677ee}.progress-track{height:8px;border-radius:20px;background:#dce8f4;overflow:hidden;margin:12px 0 9px}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#1677ee,#27c0e6);border-radius:20px;transition:width .25s}.progress-time{font:9px 'DM Mono',monospace;color:#8a9db0}.phase-list{margin-top:18px;display:grid;gap:8px}.phase-row{display:grid;grid-template-columns:28px 32px minmax(0,1fr) 22px;gap:10px;align-items:center;border:1px solid transparent;border-radius:11px;padding:11px 12px;color:#8293a5;transition:all .25s}.phase-row.active{background:#f0f8ff;border-color:#c8e3ff;color:#174b7e}.phase-row.done{background:#f1fbf5;color:#24784d}.phase-number{font:10px 'DM Mono',monospace;color:#a4b4c4}.phase-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f0f4f8;color:#7f96ac;font-size:18px}.phase-row.active .phase-icon{background:#d8edff;color:#1677ee}.phase-row.done .phase-icon{background:#d8f4e4;color:#16a05b}.phase-row b,.phase-row small{display:block}.phase-row b{font-size:11px;font-weight:650}.phase-row small{font-size:10px;margin-top:4px;color:#91a1b2}.phase-check{text-align:center;font-size:16px}.phase-row.done .phase-check{color:#18a957}.signal-card{border:1px solid #dce8f4;border-radius:12px;margin-top:16px;padding:14px 15px 10px;background:#fbfdff}.signal-head{display:flex;justify-content:space-between;font:9px 'DM Mono',monospace;color:#6c849b;letter-spacing:.05em}.signal-head span:last-child{color:#9aabba}.signal-chart{height:78px;display:flex;align-items:end;gap:3px;padding:10px 2px 0;border-bottom:1px solid #dce8f4;background:repeating-linear-gradient(to bottom,transparent 0,transparent 18px,#e9f1f8 19px)}.signal-chart span{flex:1;height:var(--h,10%);min-width:2px;border-radius:2px 2px 0 0;background:linear-gradient(0deg,#2583ee70,#31bde8);opacity:.62;transition:height .3s}.signal-chart.active span{animation:signalBars .7s ease-in-out infinite alternate;opacity:.95}.signal-chart.active span:nth-child(3n){animation-delay:.2s}.signal-chart.active span:nth-child(4n){animation-delay:.4s}.signal-axis{display:flex;justify-content:space-between;color:#9aabba;font:8px 'DM Mono',monospace;padding-top:6px}.result-panel{margin-top:18px;border:1px solid #b9e5cd;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#fbfffd,#f0fbf5);animation:resultEnter .6s ease both}.result-complete{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #d7efe1}.complete-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#19a957;color:#fff;font-weight:800}.result-complete b,.result-complete small{display:block}.result-complete b{font-size:12px}.result-complete small{font-size:10px;color:#6f8d7c;margin-top:3px}.verified-badge{margin-left:auto;font:8px 'DM Mono',monospace;letter-spacing:.05em;color:#1a9154;background:#dcf6e7;padding:6px 8px;border-radius:6px}.result-main{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 17px}.result-kicker{font:9px 'DM Mono',monospace;color:#2e9862;letter-spacing:.08em}.result-main h3{font-size:20px;margin:7px 0 6px;letter-spacing:-.03em}.result-main p{font-size:10px;color:#6c8979;margin:0;max-width:220px;line-height:1.6}.measurement{text-align:right;white-space:nowrap}.measurement strong{display:block;font-size:40px;line-height:1;color:#14974d;letter-spacing:-.07em}.measurement span{display:block;font-size:12px;color:#218c50;margin-top:6px}.result-meta{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid #d7efe1;border-bottom:1px solid #d7efe1}.result-meta div{padding:12px 14px;border-right:1px solid #d7efe1;min-width:0}.result-meta div:last-child{border:0}.result-meta span,.result-meta b{display:block}.result-meta span{font:8px 'DM Mono',monospace;color:#8aa596;margin-bottom:5px}.result-meta b{font-size:10px;overflow-wrap:anywhere}.published-label{color:#18864c}.result-actions{display:flex;gap:10px;padding:14px}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:9px;padding:11px 14px;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}.primary-button{background:#1677ee;border:1px solid #1677ee;color:#fff}.secondary-button{background:#fff;border:1px solid #cfe0ef;color:#315c83}.panel-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2f7;margin-top:18px;padding-top:15px;color:#9aacbd;font:8px 'DM Mono',monospace;letter-spacing:.04em}.site-footer{max-width:1380px;margin:0 auto;padding:0 clamp(16px,3.5vw,54px) 24px;display:flex;justify-content:space-between;gap:16px;color:#9aabba;font:8px 'DM Mono',monospace;letter-spacing:.04em}.mono{font-family:'DM Mono',monospace}@keyframes scanSweep{0%{top:12%}100%{top:88%}}@keyframes ringPulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.98)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}@keyframes objectFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes objectGlow{from{filter:drop-shadow(0 0 3px #1683ee)}to{filter:drop-shadow(0 0 14px #1683ee)}}@keyframes signalBars{from{height:12%}to{height:var(--h,80%)}}@keyframes resultEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.scanner-layout{grid-template-columns:1fr;max-width:760px}.intro-panel h1{font-size:46px}.target-visual{height:240px}.process-panel{padding:20px}.site-footer{max-width:760px;flex-direction:column}}@media(max-width:560px){.app-header{height:68px;padding:0 14px}.brand{font-size:11px;gap:8px}.brand-symbol{width:32px;height:32px}.brand small{font-size:7px}.header-right{gap:8px}.system-status{display:none}.header-link{font-size:9px;padding:9px}.scanner-layout{padding:22px 13px;gap:18px}.intro-panel h1{font-size:38px}.intro-copy{font-size:12px}.target-visual{height:210px}.process-panel{padding:15px}.process-header h2{font-size:18px}.progress-block{padding:12px}.phase-row{padding:9px 7px;grid-template-columns:22px 29px minmax(0,1fr) 18px;gap:7px}.phase-row b{font-size:10px}.phase-row small{font-size:9px}.result-main{padding:17px 12px;gap:10px}.result-main h3{font-size:16px}.measurement strong{font-size:34px}.measurement span{font-size:10px}.result-meta div{padding:10px 7px}.result-meta span{font-size:7px}.result-meta b{font-size:9px}.result-actions{flex-direction:column}.panel-bottom{flex-direction:column}.site-footer{padding:0 14px 18px;font-size:7px}}