:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light;color:#1a1a1a;background-color:#f5f5f5}body{margin:0;min-width:320px;min-height:100vh;position:relative}#root{width:100%;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.05;background:url(./logo.svg);background-size:256px;transform:rotate(-12deg) scale(1.35);animation:slide 30s linear infinite;pointer-events:none}@keyframes slide{0%{background-position:0 0}to{background-position:256px 224px}}.app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;position:relative;z-index:1}.logo-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.bun-logo{transform:scale(1.2)}.bun-logo:hover{filter:drop-shadow(0 0 2em #fbf0dfaa)}.react-logo{animation:spin 20s linear infinite}.react-logo:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{font-size:3.2em;line-height:1.1}code{background-color:#ebebeb;padding:.2em .4em;border-radius:.3em;font-family:monospace}.api-tester{margin:2rem auto 0;width:100%;max-width:600px;text-align:left;display:flex;flex-direction:column;gap:1rem}.endpoint-row{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.75rem;border-radius:12px;font:monospace;border:2px solid #d0d0d0;transition:.3s;width:100%;box-sizing:border-box}.endpoint-row:focus-within{border-color:#0078d4}.method{background:#e8e8e8;color:#1a1a1a;padding:.3rem .7rem;border-radius:8px;font-weight:700;font-size:.9em;appearance:none;margin:0;width:min-content;display:block;flex-shrink:0;border:none}.method option{text-align:left}.url-input{width:100%;flex:1;background:0;border:0;color:#1a1a1a;font:1em monospace;padding:.2rem;outline:0}.url-input:focus{color:#000}.url-input::placeholder{color:#00000059}.send-button{background:#0078d4;color:#fff;border:0;padding:.4rem 1.2rem;border-radius:8px;font-weight:700;transition:.1s;cursor:pointer}.send-button:hover{background:#106ebe;transform:translateY(-1px)}.response-area{width:100%;min-height:120px;background:#fff;border:2px solid #d0d0d0;border-radius:12px;padding:.75rem;color:#1a1a1a;font:monospace;resize:vertical;box-sizing:border-box}.response-area:focus{border-color:#0078d4}.response-area::placeholder{color:#00000059}@media(prefers-reduced-motion){*,:before,:after{animation:none!important}}