@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--bg: #ffffff;--bg-muted: #f6f8f7;--bg-elevated: #ffffff;--text-primary: #0f1f18;--text-secondary: #5a6b62;--accent: #0b6e63;--accent-hover: #09564e;--accent-soft: #e6f4f2;--border: #e3e8e5;--border-strong: #c8d4cd;--danger: #b42318;--danger-soft: #fef3f2;--radius: 8px;--shell-max: 42rem;--shadow-sm: 0 1px 2px rgba(15, 31, 24, .04);--shadow-md: 0 8px 28px rgba(15, 31, 24, .08);--font-sans: "Source Sans 3", "PingFang SC", "Noto Sans SC", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--touch-min: 44px}*,*:before,*:after{box-sizing:border-box}html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;font-size:16px;touch-action:manipulation}a{color:var(--accent)}.page-root{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.page-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 420px at 0% -10%,rgba(11,110,99,.1),transparent 55%),radial-gradient(700px 360px at 100% 0%,rgba(11,110,99,.06),transparent 50%),linear-gradient(180deg,#f0faf8 0%,var(--bg) 38%,var(--bg) 100%)}.page-atmosphere:after{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(15,31,24,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,31,24,.035) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);mask-image:linear-gradient(180deg,#000 0%,transparent 70%)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:min(100%,calc(var(--shell-max) + 2rem));margin:0 auto;padding:max(.9rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left))}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text-primary);min-width:0}.brand-logo{width:32px;height:32px;border-radius:8px;box-shadow:var(--shadow-sm);flex-shrink:0}.brand-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-select{appearance:none;min-height:var(--touch-min);min-width:5.5rem;max-width:9.5rem;padding:.45rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-primary);font-size:16px;font-weight:600;flex-shrink:0}.page-shell{width:min(100% - 2rem,var(--shell-max));margin:0 auto}.page-section{padding:.75rem 0 max(6.5rem,calc(5rem + env(safe-area-inset-bottom)))}.page-header{margin-bottom:1rem}.page-title{margin:0 0 .35rem;font-size:clamp(1.55rem,5vw,1.9rem);line-height:1.2;font-weight:700;letter-spacing:-.03em}.page-lede{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.tool-panel{display:flex;flex-direction:column;gap:.85rem}.surface-card,.tool-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem;display:flex;flex-direction:column;gap:.85rem}.section-heading{margin:0;font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.result-hero{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-radius:var(--radius);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 18%,white)}.result-hero .result-label{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.result-hero .result-value{margin:.15rem 0 0;font-family:var(--font-mono);font-size:clamp(1.5rem,6vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--accent);word-break:break-all;line-height:1.15}.field-block{display:flex;flex-direction:column;gap:.35rem;min-width:0}.field-block label,.field-label-row label{font-size:.8rem;font-weight:650;color:var(--text-secondary)}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mono{font-family:var(--font-mono);font-size:1.05rem;font-weight:600;color:var(--accent);word-break:break-all}.muted{color:var(--text-secondary)}.danger{color:var(--danger);font-weight:500}.meta-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.45rem .75rem}.meta-item{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .6rem;border-left:2px solid var(--accent-soft);background:var(--bg-muted);border-radius:0 var(--radius) var(--radius) 0}.meta-item dt{margin:0;font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.meta-item dd{margin:0;font-size:.88rem;font-weight:600;word-break:break-word}.manual-box{display:flex;flex-direction:column;gap:.55rem}.manual-row{display:flex;flex-wrap:wrap;gap:.45rem}.manual-row .input-field{flex:1 1 12rem;min-width:0}.input-field{width:100%;min-height:var(--touch-min);padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-primary);font-size:16px}.input-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.help-text{margin:0;color:var(--text-secondary);font-size:.82rem}.help-commands{display:grid;gap:.3rem;font-size:.82rem;color:var(--text-secondary)}.help-commands div{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.help-commands code{font-family:var(--font-mono);font-size:.78rem;background:var(--accent-soft);color:var(--accent);padding:.12rem .35rem;border-radius:4px}.btn-primary,.btn-secondary,.btn-ghost{min-height:var(--touch-min);border-radius:var(--radius);border:1px solid transparent;padding:.65rem .9rem;font-weight:700;font-size:16px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--accent-soft);color:var(--accent)}.btn-ghost{background:var(--bg);color:var(--text-primary);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-sm{min-height:34px;padding:.3rem .65rem;font-size:.82rem}.btn-block{width:100%}.alert{border-radius:var(--radius);padding:.65rem .85rem;font-size:.88rem}.alert-danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(180,35,24,.2)}.tool-note{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.site-footer{margin-top:auto;padding:.75rem 1rem max(1rem,env(safe-area-inset-bottom));text-align:center;color:var(--text-secondary);font-size:.78rem}.site-footer p{margin:0}.consent-banner{position:fixed;inset:auto 0 0;z-index:50;padding:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));pointer-events:none}.consent-panel{pointer-events:auto;width:min(100%,36rem);margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:var(--shadow-md)}.consent-title{margin:0 0 .3rem;font-weight:700;font-size:.95rem}.consent-text{margin:0 0 .75rem;color:var(--text-secondary);font-size:.85rem;line-height:1.45}.consent-option{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.88rem}.consent-actions{display:flex;flex-wrap:wrap;gap:.45rem}.consent-actions .btn-primary,.consent-actions .btn-secondary,.consent-actions .btn-ghost{flex:1;min-width:6.5rem}@media (max-width: 640px){.meta-grid{grid-template-columns:1fr}.manual-row,.consent-actions{flex-direction:column}.consent-actions .btn-primary,.consent-actions .btn-secondary,.consent-actions .btn-ghost{width:100%}}@media (min-width: 720px){.page-section{padding-top:1.25rem}.surface-card,.tool-card{padding:1.15rem 1.2rem}}.lang-menu{position:relative;z-index:40}.lang-trigger{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--touch-min);padding:.45rem .7rem .45rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-primary);font-size:.92rem;font-weight:650;cursor:pointer;box-shadow:var(--shadow-sm)}.lang-trigger:hover,.lang-menu.is-open .lang-trigger{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--accent)}.lang-chevron{flex-shrink:0;opacity:.7;transition:transform .15s ease}.lang-menu.is-open .lang-chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;margin:0;padding:.3rem;list-style:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-height:min(60vh,16rem);overflow:auto}.lang-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:40px;padding:.45rem .7rem;border:none;border-radius:6px;background:transparent;color:var(--text-primary);font-size:.92rem;font-weight:600;text-align:left;cursor:pointer}.lang-option:hover{background:var(--bg-muted)}.lang-option.is-selected{background:var(--accent-soft);color:var(--accent)}.lang-check{font-size:.85rem;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.badge-row{margin-bottom:.65rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge-vpn{background:#fef3c7;color:#92400e}.badge-proxy{background:#fce7f3;color:#9d174d}.badge-hosting{background:#e0e7ff;color:#3730a3}.more-tools{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);text-align:left}.more-tools-label{margin:0 0 .5rem;font-size:.82rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.more-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.45rem}.more-tools-link{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);text-decoration:none;color:var(--text-primary);transition:border-color .15s ease}.more-tools-link:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.more-tools-name{font-size:.88rem;font-weight:700;color:var(--accent)}.more-tools-blurb{font-size:.75rem;color:var(--text-secondary)}