:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;color:#ffffffde}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.container{width:100%;max-width:700px;text-align:left;box-sizing:border-box}@media (max-width: 768px){#root{padding:1rem}h1{font-size:2em}form{flex-direction:column}input[type=text]{margin-right:0;margin-bottom:10px}.tabs{overflow-x:auto;white-space:nowrap}.status-card{flex-direction:column;text-align:center}.status-icon{margin-right:0;margin-bottom:1rem}.details-table,.details-table tbody,.details-table tr,.details-table td{display:block;width:100%}.details-table thead{display:none}.details-table tr{margin-bottom:1rem;border:1px solid #444;border-radius:6px}.details-table td{border:none;border-bottom:1px solid #333;position:relative;padding-left:50%}.details-table td:before{position:absolute;top:12px;left:12px;width:45%;padding-right:10px;white-space:nowrap;font-weight:700;content:attr(data-label)}}form{display:flex;margin-bottom:1rem}input[type=text]{flex-grow:1;padding:12px;margin-right:10px;border-radius:6px;border:1px solid #555;background-color:#333;color:#fff;font-size:1em}button{padding:12px 24px;border-radius:6px;border:0;cursor:pointer;background-color:#4f46e5;color:#fff;font-weight:700;font-size:1em}button:hover{background-color:#4338ca}button:disabled{background-color:#555;cursor:not-allowed}.results{margin-top:2rem;background-color:#1a1a1a;padding:1.5rem;border-radius:8px}.error{color:#ff6b6b;margin-top:1rem;background-color:#ff6b6b1a;padding:1rem;border-radius:6px}pre{white-space:pre-wrap;word-wrap:break-word;background-color:#2f2f2f;padding:1rem;border-radius:5px;text-align:left}.tabs{display:flex;border-bottom:2px solid #333;margin-bottom:1.5rem}.tab-button{padding:10px 20px;cursor:pointer;background-color:transparent;border:none;color:#aaa;font-size:1em;font-weight:700;border-bottom:3px solid transparent}.tab-button.active{color:#a78bfa;border-bottom-color:#a78bfa}.status-card{display:flex;align-items:center;padding:2rem;border-radius:8px;margin-top:1rem}.status-card.is-up{background-color:#4ade801a;border:1px solid rgba(74,222,128,.4)}.status-card.is-down{background-color:#ff6b6b1a;border:1px solid rgba(255,107,107,.4)}.status-icon{font-size:3rem;margin-right:1.5rem}.status-text h2{margin-top:0;margin-bottom:.5rem;font-size:2em}.status-text p{margin:0;color:#ccc}.details-container{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.details-table{width:100%;border-collapse:collapse}.details-table th,.details-table td{border:1px solid #444;padding:12px;text-align:left;vertical-align:top}.details-table th{background-color:#2f2f2f}.details-list{list-style-type:none;padding:0}.details-list li{padding:8px 0;border-bottom:1px solid #333}.footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #444;color:#aaa;font-size:.9em;line-height:1.6}.footer h3{color:#fff;border-bottom:2px solid #4f46e5;padding-bottom:.5rem;display:inline-block}.footer a{color:#a78bfa;text-decoration:none;font-weight:700}.footer a:hover{text-decoration:underline}.footer-section{margin-bottom:1.5rem}.footer-meta{text-align:center;margin-top:3rem;font-size:.8em}