@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.port-checker{border:1px solid var(--border-color-1,#40475624);background:var(--primary-text);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.port-checker--spin{animation:.9s linear infinite port-checker-spin}.port-checker--detected{background:linear-gradient(135deg,#7c3aed14,#06b6d412);border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.port-checker--detected-label{letter-spacing:.03em;text-transform:uppercase;opacity:.7;font-size:12px;font-weight:700}.port-checker--detected-ip{color:var(--gradient-24);word-break:break-all;font-size:22px}.port-checker--privacy{opacity:.8;margin:4px 0 0;font-size:13px;line-height:1.5}.port-checker--picker-title,.port-checker--label{margin:0 0 10px;font-size:14px;font-weight:700;display:block}.port-checker--chips{flex-wrap:wrap;gap:8px;display:flex}.port-checker--chip{color:var(--text-foreground);cursor:pointer;background:0 0;border:1px solid #7c3aed47;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,color .16s}.port-checker--chip.is-selected{background:var(--gradient-24);color:#fff;border-color:#0000}.port-checker--custom{margin-top:18px}.port-checker--custom-row{gap:8px;display:flex}.port-checker--input{background:var(--primary-bg);min-width:0;color:var(--text-1);border:1px solid #40475633;border-radius:8px;flex:1;padding:10px 12px;font-size:15px}.port-checker--add,.port-checker--run{background:var(--gradient-24);color:#fff;cursor:pointer;border:none;border-radius:8px;font-weight:700}.port-checker--add{padding:0 18px;font-size:14px}.port-checker--run{justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:18px;padding:0 22px;font-size:15px;display:flex}.port-checker--run:disabled{opacity:.55;cursor:not-allowed}.port-checker--selected-note{opacity:.8;margin:14px 0 0;font-size:13px}.port-checker--error{color:var(--gradient-6);background:#e6007614;border-radius:10px;margin:0;padding:12px 14px;font-size:14px}.port-checker--results-head{margin:0 0 12px;font-size:15px;font-weight:700}.port-checker--result-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.port-checker--result{background:var(--primary-bg);border-left:3px solid #0000;border-radius:10px;grid-template-columns:24px 90px 90px 1fr;align-items:center;gap:10px;padding:12px 14px;display:grid}.port-checker--result.is-open{border-left-color:var(--gradient-11)}.port-checker--result.is-closed{border-left-color:var(--gradient-20)}.port-checker--result.is-filtered{border-left-color:var(--gradient-6)}.port-checker--result-icon{justify-content:center;align-items:center;display:flex}.is-open .port-checker--result-icon{color:var(--gradient-11)}.is-closed .port-checker--result-icon{color:var(--gradient-20)}.is-filtered .port-checker--result-icon{color:var(--gradient-6)}.port-checker--result-port{font-size:14px;font-weight:700}.port-checker--result-status{font-size:13px;font-weight:700}.port-checker--result-hint{opacity:.85;font-size:13px;line-height:1.45}.port-checker--cgnat-note{color:var(--gradient-6);background:#e600760f;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:14px 16px;display:flex}.port-checker--cgnat-note p{color:var(--text-foreground);margin:0;font-size:13px;line-height:1.55}.port-checker--cgnat-note a{color:var(--gradient-24);text-decoration:underline}@media (max-width:640px){.port-checker{padding:18px 16px}.port-checker--result{grid-template-columns:22px 1fr auto;row-gap:4px}.port-checker--result-hint{grid-column:1/-1}}@keyframes port-checker-spin{to{transform:rotate(360deg)}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.port-checker{color:var(--text-1);border:1px solid #cbced4e6;border-radius:18px;margin-top:20px;animation:.55s ease-out backwards fadeInUp;box-shadow:0 20px 50px #2b125a1a}.port-checker--detected{background:linear-gradient(135deg,#7c3aed17,#155dfc0d);border:1px solid #7c3aed24;border-radius:14px;gap:5px;padding:18px 20px}.port-checker--detected-label{letter-spacing:.06em;color:var(--icon-color-2);opacity:1;font-weight:800}.port-checker--detected-ip{font-family:var(--font-space-mono),"Space Mono",monospace;font-size:24px;line-height:1.25}.port-checker--privacy{color:var(--text-foreground);opacity:1;line-height:1.55}.port-checker--picker-title,.port-checker--label{color:var(--text-1);font-weight:800}.port-checker--picker-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.port-checker--picker-title{margin-bottom:0}.port-checker--toggle-all{min-height:32px;color:var(--gradient-24);white-space:nowrap;cursor:pointer;background:#faf7ff;border:1px solid #7c3aed42;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.port-checker--toggle-all:hover{background:#f3edff;border-color:#7c3aed80}.port-checker--toggle-all:focus-visible{border-color:var(--icon-color-1);outline:none;box-shadow:0 0 0 3px #155dfc24}.port-checker--chip{color:#4b5563;background:#fff;min-height:36px;padding:8px 14px;font-weight:700;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s}.port-checker--chip:hover{color:var(--gradient-24);background:#faf7ff;border-color:#7c3aed8c;transform:translateY(-1px)}.port-checker--chip:focus-visible{border-color:var(--icon-color-1);outline:none;box-shadow:0 0 0 3px #155dfc24}.port-checker--chip.is-selected{background:linear-gradient(135deg, var(--icon-color-1), var(--gradient-24));color:#fff;border-color:#0000;box-shadow:0 7px 16px #7c3aed33}.port-checker--chip.is-selected:hover{color:#fff}.port-checker--chip-custom{align-items:center;gap:5px;display:inline-flex}.port-checker--input{background:#fff;border:1px solid #94a3b88c;border-radius:10px;min-height:44px;padding:10px 14px}.port-checker--input::placeholder{color:#94a3b8;opacity:1}.port-checker--input:focus{border-color:var(--icon-color-1);outline:none;box-shadow:0 0 0 3px #155dfc24}.port-checker--add,.port-checker--run{background:linear-gradient(135deg, var(--icon-color-1), var(--gradient-24));border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;display:flex;box-shadow:0 10px 20px #5a3ed633}.port-checker--add:hover:not(:disabled),.port-checker--run:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 24px #5a3ed647}.port-checker--add:focus-visible,.port-checker--run:focus-visible{outline-offset:2px;outline:3px solid #155dfc33}.port-checker--add{min-height:44px;padding:0 20px}.port-checker--run{width:100%;min-height:48px}.port-checker--selected-note{color:var(--text-foreground);opacity:1;line-height:1.5}.port-checker--error{border:1px solid #e600762e}.port-checker--results-head{font-weight:800}.port-checker--results-head code{color:var(--gradient-24);font-family:var(--font-space-mono),"Space Mono",monospace;background:#f3f0ff;border-radius:7px;padding:3px 7px}.port-checker--result{background:#f8fafc;border:1px solid #cbced4bf;border-left-width:3px}.port-checker--result-status{border-radius:999px;justify-self:start;padding:4px 8px;font-size:12px}.is-open .port-checker--result-status{color:#166534;background:#dcfce7}.is-closed .port-checker--result-status{color:#92400e;background:#fef3c7}.is-filtered .port-checker--result-status{color:#9d174d;background:#fce7f3}.port-checker--result-hint{color:var(--text-foreground);opacity:1}.port-checker--cgnat-note{border:1px solid #e6007624}@media (max-width:640px){.port-checker{gap:18px;margin-top:16px}.port-checker--detected{padding:16px}.port-checker--detected-ip{font-size:21px}.port-checker--custom-row{align-items:stretch}.port-checker--picker-header{align-items:flex-start}.port-checker--add{padding:0 14px}}@media (prefers-reduced-motion:reduce){.port-checker,.port-checker--chip,.port-checker--add,.port-checker--run{transition:none;animation:none}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.port-checker-page{max-width:960px;margin:0 auto;padding:0 16px 48px}.port-checker-page>.page-info{border:1px solid #cbced4bf;box-shadow:0 18px 46px #2b125a14}.port-checker-page--hero{background:linear-gradient(135deg,#fff 0%,#faf7ff 100%);border:1px solid #cbced4d9;border-radius:16px;gap:8px;margin-top:20px;padding:22px 24px 22px 28px;animation:.45s ease-out backwards fadeInDown;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #2b125a0f}.port-checker-page--hero:before{content:"";background:linear-gradient(180deg, var(--icon-color-1), var(--icon-color-2));width:5px;position:absolute;inset:0 auto 0 0}.port-checker-page--hero h2{color:var(--text-1);margin:0;font-size:24px;line-height:1.25}.port-checker-page--hero p{color:var(--text-foreground);margin:0;font-size:16px;line-height:1.7}.port-checker-page--hero strong{color:var(--text-1)}.port-checker-page--reading,.port-checker-page--steps{color:var(--text-foreground);flex-direction:column;gap:10px;margin:0 0 14px;padding-left:20px;line-height:1.6;display:flex}.port-checker-page--reading strong,.port-checker-page--steps strong{color:var(--text-1)}@media (max-width:640px){.port-checker-page{padding:0 8px 36px}.port-checker-page--hero{margin-top:16px;padding:18px 18px 18px 22px}.port-checker-page--hero h2{font-size:20px}.port-checker-page--hero p{font-size:15px}}