*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f172a;--surface: #1e293b;--surface-hover: #334155;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #06b6d4;--accent-hover: #22d3ee;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--informational: #8b5cf6;--redirect: #3b82f6}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}.back{display:inline-block;color:var(--text-muted);text-decoration:none;margin-bottom:1rem;font-size:.9rem;transition:color .2s}.back:hover{color:var(--accent)}h1{margin:0 0 .5rem;font-size:2rem}.subtitle{color:var(--text-muted);margin:0}.input-section{background:var(--surface);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.input-section label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}input[type=number]{width:100%;padding:.875rem 1rem;font-size:1.5rem;font-family:SF Mono,Monaco,Consolas,monospace;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);text-align:center;margin-bottom:1rem}input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #06b6d433}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.primary-btn{width:100%;padding:.875rem;font-size:1rem;font-weight:600;background:var(--accent);color:var(--bg);border:none;border-radius:8px;cursor:pointer;transition:background .2s}.primary-btn:hover{background:var(--accent-hover)}.result-card{background:var(--surface);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.status-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.status-emoji{font-size:3rem}.status-info{display:flex;flex-direction:column}.status-code{font-size:2rem;font-weight:700;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--accent)}.status-name{font-size:1.25rem;color:var(--text)}.status-message{font-size:1.1rem;color:var(--text-muted);margin:0 0 1rem;font-style:italic}.status-meta{display:flex;gap:.5rem}.category-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;text-transform:uppercase}.category-badge.informational{background:#8b5cf633;color:#a78bfa}.category-badge.success{background:#10b98133;color:#34d399}.category-badge.redirect{background:#3b82f633;color:#60a5fa}.category-badge.client-error{background:#f59e0b33;color:#fbbf24}.category-badge.server-error{background:#ef444433;color:#f87171}.categories-section{margin-top:2rem}.categories-section h3{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.category-group{margin-bottom:1.5rem}.category-title{font-size:.85rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid}.category-title.informational{color:#a78bfa;border-color:#8b5cf64d}.category-title.success{color:#34d399;border-color:#10b9814d}.category-title.redirect{color:#60a5fa;border-color:#3b82f64d}.category-title.client-error{color:#fbbf24;border-color:#f59e0b4d}.category-title.server-error{color:#f87171;border-color:#ef44444d}.codes-grid{display:flex;flex-wrap:wrap;gap:.5rem}.code-btn{padding:.5rem .75rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;transition:all .2s}.code-btn:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.footer-credit{margin-top:.5rem;font-size:.8rem}