:root{--bg-primary: #03060a;--bg-mesh: radial-gradient(at 0% 0%, hsla(180, 100%, 15%, .15) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(260, 100%, 15%, .15) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(320, 100%, 15%, .1) 0, transparent 50%);--surface: rgba(255, 255, 255, .02);--surface-hover: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--accent-cyan: #00f2ff;--accent-cyan-glow: rgba(0, 242, 255, .35);--accent-teal: #10ffca;--accent-teal-glow: rgba(16, 255, 202, .3);--accent-purple: #a78bfa;--accent-purple-glow: rgba(167, 139, 250, .35);--accent-amber: #ffcc00;--accent-amber-glow: rgba(255, 204, 0, .3);--download-color: #00f2ff;--upload-color: #b166ff;--ping-color: #10ffca;--error-color: #f87171;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 32px;--shadow-glow: 0 0 80px -20px rgba(6, 182, 212, .15);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #e2e8f0;--bg-tertiary: #cbd5e1;--surface: rgba(0, 0, 0, .04);--surface-hover: rgba(0, 0, 0, .07);--surface-strong: rgba(0, 0, 0, .1);--border: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .2);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-cyan: #0284c7;--accent-cyan-glow: rgba(2, 132, 199, .4);--accent-teal: #0d9488;--accent-teal-glow: rgba(13, 148, 136, .35);--accent-purple: #7c3aed;--accent-purple-glow: rgba(124, 58, 237, .35);--accent-amber: #d97706;--accent-amber-glow: rgba(217, 119, 6, .35);--download-color: #0d9488;--upload-color: #7c3aed;--ping-color: #d97706;--error-color: #dc2626;--card-bg: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .1)}[data-theme=cyberpunk]{--bg-primary: #0b001a;--bg-secondary: #1a0033;--bg-tertiary: #2e004d;--surface: rgba(255, 0, 127, .08);--surface-hover: rgba(255, 0, 127, .15);--surface-strong: rgba(255, 0, 127, .25);--border: rgba(0, 255, 204, .2);--border-hover: rgba(0, 255, 204, .5);--text-primary: #00ffcc;--text-secondary: #ff007f;--text-muted: #b30059;--accent-cyan: #00ffcc;--accent-cyan-glow: rgba(0, 255, 204, .6);--accent-teal: #ff00ff;--accent-teal-glow: rgba(255, 0, 255, .6);--accent-purple: #ff00ff;--accent-purple-glow: rgba(255, 255, 0, .6);--accent-amber: #ff007f;--accent-amber-glow: rgba(255, 0, 127, .6);--download-color: #00ffcc;--upload-color: #ff00ff;--ping-color: #ff00ff;--error-color: #ff0000;--card-bg: rgba(255, 0, 127, .1);--border-color: rgba(0, 255, 204, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;background-color:var(--bg-primary);background-image:var(--bg-mesh);background-attachment:fixed;color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;position:relative}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:-1}#root{min-height:100vh;position:relative}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.ambient-glow{position:fixed;inset:0;background:radial-gradient(600px circle at var(--x, 50%) var(--y, 50%),rgba(0,242,255,.08),transparent 80%);pointer-events:none;z-index:1;transition:background .3s ease}@keyframes ambientDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,-3%) scale(1.05)}66%{transform:translate(-3%,4%) scale(.97)}}.app-container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:2rem 1.25rem 3rem}.header{text-align:center;margin-bottom:2.5rem}.header-logo{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.header-logo-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-teal));display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 8px 32px var(--accent-cyan-glow),inset 0 1px 0 var(--border-hover)}.header h1{font-size:2rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text-primary) 0%,#94a3b8 50%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{color:var(--text-muted);font-size:.9rem;font-weight:400;margin-top:.25rem;letter-spacing:-.01em}.speedometer-section{text-align:center;margin-bottom:2rem;background:var(--surface);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3rem 2rem;box-shadow:0 20px 50px #00000080,0 0 0 1px var(--border) inset;position:relative;overflow:hidden}.speedometer-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),transparent)}.speedometer-wrapper{position:relative;width:320px;height:320px;margin:0 auto 1.75rem}.speedometer-svg{width:100%;height:100%}.speed-display{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.speed-value{font-size:3.75rem;font-weight:900;line-height:1;color:var(--text-primary);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.speed-unit{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:.35rem}.speed-label{font-size:.7rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem}.go-button-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.go-button{position:relative;width:96px;height:96px;border-radius:50%;border:2px solid rgba(6,182,212,.4);background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);font-family:var(--font);font-size:1.25rem;font-weight:800;letter-spacing:.15em;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 40px -10px var(--accent-cyan-glow);z-index:1;overflow:visible}.go-button:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent-cyan),var(--accent-teal),var(--accent-amber),var(--accent-cyan));opacity:0;transition:opacity var(--transition-base);z-index:-2}.go-button:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:var(--bg-primary);z-index:-1}.go-button:hover:not(:disabled){transform:scale(1.08);border-color:var(--accent-cyan);box-shadow:0 0 60px -5px var(--accent-cyan-glow),0 0 0 1px #06b6d44d}.go-button:hover:not(:disabled):before{opacity:1}.go-button:active:not(:disabled){transform:scale(1.02)}.go-button:disabled{opacity:.3;cursor:not-allowed}.go-button.testing{border-color:var(--accent-cyan);animation:pulseRipple 1.5s cubic-bezier(.24,0,.38,1) infinite}@keyframes pulseRipple{0%{box-shadow:0 0 #06b6d466}70%{box-shadow:0 0 0 25px #06b6d400}to{box-shadow:0 0 #06b6d400}}.progress-section{margin:1rem 0;text-align:center}.status-text{font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color var(--transition-fast);margin-bottom:.75rem}.status-text.active{color:var(--accent-cyan)}.phase-dots{display:flex;justify-content:center;gap:8px;margin-bottom:1rem}.phase-dot{width:8px;height:8px;border-radius:50%;background:var(--surface-strong);transition:all var(--transition-base)}.phase-dot.active{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-glow)}.phase-dot.done{background:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal-glow)}.progress-bar-wrapper{max-width:520px;margin:0 auto}.progress-bar-header{display:flex;justify-content:space-between;font-size:.7rem;font-weight:500;color:var(--text-muted);margin-bottom:.4rem;letter-spacing:.02em}.progress-bar-track{height:6px;border-radius:999px;background:var(--surface-hover);overflow:hidden;border:1px solid var(--surface-hover)}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-teal),var(--accent-amber));box-shadow:0 0 12px var(--accent-teal-glow);transition:width .2s linear}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.result-card{background:var(--surface);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 1.25rem;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #0000004d}.result-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--accent-cyan);box-shadow:0 12px 30px #00f2ff26,0 0 20px #00f2ff1a}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.result-card.download:before{background:linear-gradient(90deg,transparent,var(--download-color),transparent)}.result-card.upload:before{background:linear-gradient(90deg,transparent,var(--upload-color),transparent)}.result-card.ping:before{background:linear-gradient(90deg,transparent,var(--ping-color),transparent)}.result-icon{font-size:1.3rem;margin-bottom:.5rem}.result-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.5rem}.result-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.result-card.download .result-value{color:var(--download-color)}.result-card.upload .result-value{color:var(--upload-color)}.result-card.ping .result-value{color:var(--ping-color)}.result-unit{font-size:.7rem;font-weight:500;color:var(--text-muted);margin-top:.15rem}.mini-gauge{width:72px;height:40px;margin:.6rem auto 0}.mini-gauge-track{fill:none;stroke:var(--surface-hover);stroke-width:5;stroke-linecap:round}.mini-gauge-fill{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.quality-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;margin-bottom:1.25rem;border:1px solid}.quality-badge.excellent{background:#2dd4bf1a;color:var(--accent-teal);border-color:#2dd4bf33}.quality-badge.good{background:#06b6d41a;color:var(--accent-cyan);border-color:#06b6d433}.quality-badge.fair{background:#fbbf241a;color:var(--accent-amber);border-color:#fbbf2433}.quality-badge.poor{background:#f871711a;color:var(--error-color);border-color:#f8717133}.server-info{text-align:center;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-weight:500}.server-info span{color:var(--text-primary)}.network-section{margin-top:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.network-title{font-size:.72rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.network-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.network-item{background:var(--surface);border:1px solid var(--surface);border-radius:var(--radius-md);padding:.85rem;transition:border-color var(--transition-fast)}.network-item:hover{border-color:var(--border-hover)}.network-item-label{font-size:.62rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}.network-item-value{font-size:.9rem;font-weight:600;color:var(--text-primary);word-break:break-all}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;height:1em;width:80%;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.history-section{margin-top:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.history-title{font-size:.72rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.history-clear{font-size:.65rem;color:var(--text-muted);cursor:pointer;font-weight:500;letter-spacing:.05em;transition:color var(--transition-fast);background:none;border:none;font-family:var(--font)}.history-clear:hover{color:var(--error-color)}.history-bars{display:flex;align-items:flex-end;gap:8px;height:80px}.history-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.history-bar-pair{display:flex;align-items:flex-end;gap:3px;height:60px;width:100%;justify-content:center}.history-bar{width:12px;border-radius:3px 3px 0 0;min-height:3px;transition:height var(--transition-slow)}.history-bar.dl{background:linear-gradient(180deg,var(--download-color),rgba(45,212,191,.4))}.history-bar.ul{background:linear-gradient(180deg,var(--upload-color),rgba(167,139,250,.4))}.history-bar-label{font-size:.55rem;color:var(--text-muted);font-weight:500}.history-empty{text-align:center;color:var(--text-muted);font-size:.8rem;padding:1rem 0}.error-message{text-align:center;color:var(--error-color);font-size:.85rem;font-weight:500;padding:1rem;margin-top:1rem;background:#f871710f;border:1px solid rgba(248,113,113,.15);border-radius:var(--radius-md)}@media(max-width:768px){.app-container{padding:1.5rem 1rem 2rem}.header h1{font-size:1.6rem}.speedometer-wrapper{width:260px;height:260px}.speed-value{font-size:3rem}.results-grid{grid-template-columns:1fr;gap:.75rem}.network-grid{grid-template-columns:1fr}.go-button{width:84px;height:84px;font-size:1.1rem}}@media(max-width:480px){.speedometer-wrapper{width:220px;height:220px}.speed-value{font-size:2.5rem}.header h1{font-size:1.4rem}}.scanner-section{margin-top:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.scanner-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.2),transparent)}.scanner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.scanner-title-row{display:flex;align-items:center;gap:.75rem}.scanner-title{font-size:.72rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.scanner-device-count{font-size:.7rem;font-weight:600;color:var(--accent-teal);background:#2dd4bf1a;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(45,212,191,.2)}.scanner-btn{padding:.5rem 1.25rem;border-radius:var(--radius-sm);border:1px solid rgba(6,182,212,.3);background:#06b6d414;color:var(--accent-cyan);font-family:var(--font);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.02em}.scanner-btn:hover:not(:disabled){background:#06b6d426;border-color:var(--accent-cyan);box-shadow:0 0 20px -5px var(--accent-cyan-glow)}.scanner-btn:disabled{opacity:.6;cursor:not-allowed}.scanner-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(6,182,212,.2);border-top-color:var(--accent-cyan);border-radius:50%;animation:spinnerRotate .7s linear infinite}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.scanner-gateway{overflow:hidden}.scanner-gateway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.scanner-gw-item{background:var(--surface);border:1px solid var(--surface);border-radius:var(--radius-md);padding:.85rem;transition:border-color var(--transition-fast)}.scanner-gw-item:hover{border-color:var(--border-hover)}.scanner-gw-label{display:block;font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}.scanner-gw-value{display:block;font-size:.88rem;font-weight:600;color:var(--text-primary);word-break:break-all}.scanner-loading{text-align:center;padding:2.5rem 1rem;color:var(--text-secondary);font-size:.85rem;position:relative}.scanner-loading p{position:relative;z-index:1}.scanner-loading-sub{color:var(--text-muted);font-size:.72rem;margin-top:.4rem}.scanner-pulse-ring{width:80px;height:80px;border-radius:50%;border:2px solid var(--accent-cyan);margin:0 auto 1.25rem;animation:scanPulse 1.5s ease-out infinite;position:relative}.scanner-pulse-ring:before,.scanner-pulse-ring:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--accent-cyan);animation:scanPulse 1.5s ease-out infinite}.scanner-pulse-ring:before{animation-delay:.3s}.scanner-pulse-ring:after{inset:-16px;animation-delay:.6s}@keyframes scanPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.scanner-devices{margin-top:.5rem}.scanner-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.scanner-table{width:100%;border-collapse:collapse;font-size:.8rem}.scanner-table thead{background:var(--surface)}.scanner-table th{padding:.7rem .85rem;text-align:left;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.scanner-table td{padding:.7rem .85rem;border-bottom:1px solid var(--surface);color:var(--text-secondary);vertical-align:middle}.scanner-table tbody tr{transition:background var(--transition-fast)}.scanner-table tbody tr:hover{background:var(--surface)}.scanner-table tbody tr:last-child td{border-bottom:none}.gateway-row{background:#06b6d40a!important}.gateway-row td{color:var(--text-primary)}.scanner-type-badge{display:inline-block;font-size:.78rem;white-space:nowrap}.scanner-ip-cell{font-family:SF Mono,Fira Code,Courier New,monospace;font-weight:600;color:var(--text-primary);white-space:nowrap}.scanner-gateway-badge{display:inline-block;margin-left:.5rem;font-size:.55rem;font-weight:700;letter-spacing:.1em;padding:.15rem .4rem;border-radius:3px;background:#06b6d426;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.25);vertical-align:middle;font-family:var(--font)}.scanner-mac-cell{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.72rem;color:var(--text-muted);white-space:nowrap}.scanner-host-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scanner-vendor-cell{white-space:nowrap;font-weight:500}@media(max-width:768px){.scanner-gateway-grid{grid-template-columns:repeat(2,1fr)}.scanner-table{font-size:.72rem}.scanner-table th,.scanner-table td{padding:.55rem .65rem}.scanner-host-cell{max-width:120px}}@media(max-width:480px){.scanner-header{flex-direction:column;align-items:flex-start}.scanner-gateway-grid{grid-template-columns:1fr}.scanner-table th:nth-child(4),.scanner-table td:nth-child(4){display:none}}.status-bar-fixed{position:fixed;bottom:0;left:0;right:0;background:var(--surface);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--border);padding:.75rem 1.5rem;z-index:100;display:flex;justify-content:center;gap:2rem;box-shadow:0 -4px 20px #0003}.status-bar-item{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.status-bar-item span{color:var(--text-primary)}@media(max-width:768px){.status-bar-fixed{gap:1rem;padding:.6rem 1rem;flex-wrap:wrap;justify-content:space-around}.status-bar-item{font-size:.6rem}.app-container{padding-bottom:6rem}}.top-bar{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.5rem;position:relative;z-index:100}.help-button{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.help-button:hover{background:var(--surface-hover);border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow);transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.help-modal{background:var(--bg-primary);background-image:var(--bg-mesh);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:85vh;overflow-y:auto;padding:2.5rem;position:relative;box-shadow:0 30px 60px #0009}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.modal-header h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.close-btn{background:none;border:none;color:var(--text-muted);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.help-section{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.section-icon{font-size:1.25rem;color:var(--accent-cyan)}.section-title h3{font-size:1.1rem;font-weight:700}.section-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.range-list{background:#ffffff08;border-radius:var(--radius-md);padding:.75rem;border:1px solid rgba(255,255,255,.05)}.range-item{display:flex;justify-content:space-between;padding:.5rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.03)}.range-item:last-child{border-bottom:none}.range-label{font-weight:600;color:var(--text-muted)}.range-value{font-weight:700}.modal-footer{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);text-align:center}@media(max-width:480px){.help-modal{padding:1.5rem}}