body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:Segoe UI,sans-serif;margin:0;padding:0}.device-detail-container{align-items:center;background-image:url(/static/media/water2.3d677b8d41cb87105af7.png);display:flex;height:104vh;justify-content:center;margin:2px auto;max-width:fit-content;padding:0}.water-background{border-radius:24px;box-shadow:0 4px 20px #0000001a;padding:20px;text-align:center;width:360px}.title{color:#07c;font-size:20px;font-weight:600;letter-spacing:.5px;margin-bottom:10px}.detection-box{align-items:center;background:conic-gradient(#b2ebf2 0,#f4fcfd 0);background:conic-gradient(#b2ebf2 calc(var(--progress, 0)*1%),#f4fcfd 0);border-radius:50%;box-shadow:inset 0 0 6px #00bfff33,0 6px 12px #0000000d;color:#42a5f5;display:flex;height:200px;justify-content:center;margin:30px auto;position:relative;width:200px}.detection-box:before{color:#333;content:attr(data-label);font-size:1.5rem;position:absolute}.detection-box.safe{background:linear-gradient(135deg,#f8fcfd,#b2ebf2);background-clip:padding-box,border-box;background-origin:border-box;color:#42a5f5}.detection-box.Unsafe,.detection-box.safe{border:2px solid #0000;box-shadow:0 0 0 2px #b2ebf2}.detection-box.Unsafe{background:linear-gradient(135deg,#f8fcfd,#80b9b9);background-clip:padding-box,border-box;background-origin:border-box;color:#e1552f}.detection-box h1{font-size:28px;font-weight:700;z-index:1}.info-panel{display:flex;justify-content:space-around;padding:4px 0}.info-layout{background:#ffffffd9;border:1px solid #fff6;border-radius:16px;box-shadow:0 2px 10px #00000026;margin-top:2px;padding:2px 0}.info-box,.info-layout{display:flex;flex-direction:column}.info-box{align-items:center;color:#888;font-size:13px}.info-box .value{color:#1e88e5;font-size:20px;font-weight:700;margin-top:4px}.reference-container{margin-top:15px}.reference-title{color:#666;font-size:12px;margin-bottom:8px}.reference-bar{background:linear-gradient(90deg,#a5d3f9 0,#a5d3f9 30%,#fff176 0,#fff176 45%,#f0cdcc 0,#f0cdcc);border-radius:20px;height:16px;margin-bottom:6px;margin-left:20px;margin-right:20px;position:relative}.reference-arrow{border-bottom:10px solid #1e88e5;border-left:6px solid #0000;border-right:6px solid #0000;height:0;left:30.42105%;position:absolute;top:-12px;transform:translateX(-50%);width:0}.reference-labels{color:#555;display:flex;font-size:11px;justify-content:space-between;margin-left:20px;margin-right:20px;padding:0 4px}.reference-text{color:#555;font-size:12px;font-style:italic;margin-top:8px}.reference-note{color:#888;font-size:10px;margin-top:4px;padding:0 10px}.circular-progress-container{height:120px;margin:auto;position:relative;width:120px}.circular-progress{transform:rotate(-90deg)}.circular-progress .bg{fill:none;stroke:#e0e0e0;stroke-width:12}.circular-progress .progress{fill:none;stroke:url(#gradient);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-label{color:#42a5f5;font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.brand-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-radius:16px;box-shadow:0 10px 30px #0d264c14;justify-content:space-between;margin:0 0 8px;padding:12px 16px}.brand-header,.brand-left{align-items:center;display:flex;gap:12px}.brand-logo{border-radius:12px;box-shadow:0 0 0 2px #1e88e514;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-title{color:#07c;font-size:1.05rem;font-weight:700;letter-spacing:.2px}.brand-subtitle{color:#888;font-size:.8rem;opacity:.75}.env-badge{background:#e3f2fd;border:1px solid #1e88e533;border-radius:999px;color:#1e88e5;font-size:.72rem;padding:4px 8px}
/*# sourceMappingURL=main.63987ddd.css.map*/