.port-checker[data-astro-cid-ly7vfthz]{margin:1.5rem 0}.check-form[data-astro-cid-ly7vfthz]{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.input-group[data-astro-cid-ly7vfthz]{flex:1;min-width:200px;position:relative}.input-group[data-astro-cid-ly7vfthz] label[data-astro-cid-ly7vfthz]{display:block;font-size:.78rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.input-group[data-astro-cid-ly7vfthz] input[data-astro-cid-ly7vfthz]{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body)}.input-group[data-astro-cid-ly7vfthz] input[data-astro-cid-ly7vfthz]:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-glow)}.use-my-ip[data-astro-cid-ly7vfthz]{position:absolute;right:.5rem;bottom:.5rem;padding:.25rem .5rem;font-size:.75rem;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer}.use-my-ip[data-astro-cid-ly7vfthz]:hover{background:var(--bg-card-hover);color:var(--accent-cyan)}.check-btn[data-astro-cid-ly7vfthz]{padding:.75rem 1.5rem;background:var(--accent-amber);color:var(--bg-deep);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer}.check-btn[data-astro-cid-ly7vfthz]:hover:not(:disabled){box-shadow:var(--shadow-glow-amber)}.check-btn[data-astro-cid-ly7vfthz]:disabled{opacity:.7;cursor:not-allowed}.common-ports[data-astro-cid-ly7vfthz]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.common-label[data-astro-cid-ly7vfthz]{font-size:.875rem;color:var(--text-muted);font-family:var(--font-mono)}.port-quick[data-astro-cid-ly7vfthz]{padding:.375rem .75rem;font-size:.8125rem;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono)}.port-quick[data-astro-cid-ly7vfthz]:hover{background:var(--bg-card-hover);color:var(--accent-cyan);border-color:var(--accent-cyan)}.result[data-astro-cid-ly7vfthz]{margin-top:1.5rem}.result-card[data-astro-cid-ly7vfthz]{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card)}.result-card[data-astro-cid-ly7vfthz].checking{border-color:var(--accent-amber);background:var(--accent-amber-glow)}.result-card[data-astro-cid-ly7vfthz].open{border-color:var(--accent-green);background:var(--accent-green-glow)}.result-card[data-astro-cid-ly7vfthz].closed{border-color:var(--accent-red);background:var(--accent-red-glow)}.result-icon[data-astro-cid-ly7vfthz]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:50%;background:var(--bg-elevated);color:var(--text-secondary)}.checking[data-astro-cid-ly7vfthz] .result-icon[data-astro-cid-ly7vfthz]{background:var(--accent-amber-glow);color:var(--accent-amber)}.open[data-astro-cid-ly7vfthz] .result-icon[data-astro-cid-ly7vfthz]{background:#40d08033;color:var(--accent-green)}.closed[data-astro-cid-ly7vfthz] .result-icon[data-astro-cid-ly7vfthz]{background:#e0505033;color:var(--accent-red)}.result-status[data-astro-cid-ly7vfthz]{display:block;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.result-details[data-astro-cid-ly7vfthz]{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.info-box[data-astro-cid-ly7vfthz]{margin-top:1.5rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary)}.info-box[data-astro-cid-ly7vfthz] p[data-astro-cid-ly7vfthz]{margin:0}.info-box[data-astro-cid-ly7vfthz] strong[data-astro-cid-ly7vfthz]{color:var(--text-primary)}@media(max-width:640px){.check-form[data-astro-cid-ly7vfthz]{flex-direction:column}.input-group[data-astro-cid-ly7vfthz],.check-btn[data-astro-cid-ly7vfthz]{width:100%}}