.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}header{padding:2rem;text-align:center;border-bottom:1px solid #ddd}header h1{font-size:2.5rem;margin:0 0 .3rem;font-weight:700;letter-spacing:-1px}header p{margin:0;color:#666;font-size:.95rem}.tabs-container{padding:1.5rem 2rem;border-bottom:1px solid #eee;max-width:1200px;margin:0 auto;width:100%}.category{margin-bottom:1.5rem}.category:last-child{margin-bottom:0}.category h3{font-size:.9rem;font-weight:600;color:#666;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.5px}.tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tabs button{padding:.5rem 1rem;border:1px solid #000;background:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:.15s}.tabs button:hover{background:#f5f5f5}.tabs button:active{background:#000;color:#fff}.content{flex:1;padding:2rem;max-width:800px;margin:0 auto;width:100%}.content h2{font-size:1.2rem;margin:0 0 1.5rem;font-weight:600}.results{background:#f8f8f8;padding:1.5rem;border:1px solid #ddd;font-family:Courier New,monospace;font-size:.9rem}.result-row{display:flex;align-items:baseline;gap:.8rem;margin:.6rem 0}.result-row .label{font-weight:600;min-width:140px;color:#333}.result-row .value{color:#666;word-break:break-all;flex:1}footer{text-align:center;padding:1.5rem;border-top:1px solid #eee;font-size:.9rem;color:#666}footer a{color:#000;text-decoration:none;font-weight:500;margin:0 .3rem}footer a:hover{text-decoration:underline}@media (max-width: 600px){header h1{font-size:1.8rem}.tabs-container{padding:1rem}.category h3{font-size:.8rem;margin-bottom:.4rem}.tabs{gap:.3rem}.tabs button{padding:.4rem .8rem;font-size:.75rem}.content{padding:1rem}.result-row{flex-direction:column;gap:.3rem}.result-row .label{min-width:auto}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#000}#root{width:100%;min-height:100vh}button{border-radius:0;border:1px solid #000000;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:#000;cursor:pointer;transition:all .2s}button:hover{background-color:#f5f5f5}button:focus,button:focus-visible{outline:2px solid #000000;outline-offset:2px}