:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}body{display:grid;position:relative;place-items: center;min-width:320px;min-height:100vh;margin:0}body:before{content:"";position:fixed;z-index:-1;opacity:.05;animation:slide 30s linear infinite;pointer-events:none;background-size:256px;inset:0;transform:rotate(-12deg)scale(1.35)}@keyframes slide{0%{background-position:0 0}to{background-position:256px 224px}}.app{text-align:center;position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:2rem}.logo-container{display:flex;justify-content:center;align-items: center;gap:2rem;margin-bottom:2rem}.logo{will-change:filter;height:6em;padding:1.5em;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:#1a1a1a;border-radius:.3em;padding:.2em .4em;font-family:monospace}.api-tester{text-align:left;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:600px;margin:2rem auto 0}.endpoint-row{display:flex;font:monospace;box-sizing:border-box;background:#1a1a1a;border:1px solid #fbf0df;border-radius:12px;align-items: center;gap:.5rem;width:100%;padding:.75rem;transition:all .3s}.endpoint-row:focus-within{border-color:#f3d5a3}.method{color:#1a1a1a;appearance:none;display:block;background:#fbf0df;border:none;border-radius:8px;flex-shrink:0;width:min-content;margin:0;padding:.3rem .7rem;font-size:.9em;font-weight:700}.method option{text-align:left}.url-input{color:#fbf0df;outline:0;background:0;border:0;flex:1;width:100%;padding:.2rem;font:1em monospace}.url-input:focus{color:#fff}.url-input::placeholder{color:#fbf0df66}.send-button{color:#1a1a1a;cursor:var(--bun-cursor);background:#fbf0df;border:0;border-radius:8px;padding:.4rem 1.2rem;transition:all .1s;font-weight:700}.send-button:hover{cursor:pointer;background:#f3d5a3;transform:translateY(-1px)}.response-area{color:#fbf0df;font:monospace;resize:vertical;box-sizing:border-box;background:#1a1a1a;border:1px solid #fbf0df;border-radius:12px;width:100%;min-height:120px;padding:.75rem}.response-area:focus{border-color:#f3d5a3}.response-area::placeholder{color:#fbf0df66}.auth-page{display:grid;box-sizing:border-box;place-items: center;min-height:100vh;padding:1rem}.auth-card{box-sizing:border-box;display:flex;background:#1a1a1a;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:400px;padding:2rem}.auth-title{color:#fbf0df;margin:0;font-size:1.8em}.auth-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;text-align:left;flex-direction:column;gap:.4rem}.field label{color:#fbf0dfb3;font-size:.85em;font-weight:500}.field input{color:#fbf0df;outline:none;box-sizing:border-box;background:#242424;border:1px solid #fbf0df1a;border-radius:8px;width:100%;padding:.6rem .8rem;transition:border-color .2s;font-size:1em}.field input:focus{border-color:#fbf0df3f}.field input::placeholder{color:#fbf0df4d}.form-error{color:#ff8080;text-align:left;background:#ff50501f;border:1px solid #ff505080;border-radius:8px;margin:0;padding:.6rem .8rem;font-size:.9em}.btn-primary{color:#1a1a1a;cursor:pointer;background:#fbf0df;border:none;border-radius:8px;width:100%;padding:.65rem 1.2rem;transition:background .15s,transform .1s;font-size:1em;font-weight:700}.btn-primary:hover:not(:disabled){background:#f3d5a3;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#fbf0df;cursor:pointer;background:0 0;border:1px solid #fbf0df66;border-radius:8px;width:100%;padding:.6rem 1.2rem;transition:border-color .15s,background .15s;font-size:.95em;font-weight:600}.btn-secondary:hover{background:#fbf0df0f;border-color:#fbf0df}.auth-link{color:#ffffff80;text-align:center;margin:0;font-size:.9em}.link-btn{color:#fbf0df;cursor:pointer;font-size:inherit;text-decoration:underline;text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:600}.link-btn:hover{color:#f3d5a3}.profile-info{display:flex;background:#242424;border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem}.profile-row{display:flex;justify-content:space-between;align-items: center;gap:1rem}.profile-label{color:#fbf0df80;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.8em;font-weight:500}.profile-value{color:#fbf0df;word-break:break-all;text-align:right;font-size:.95em}.loading-text{color:#fbf0df80;text-align:center;margin:0;font-size:.9em}@media (prefers-reduced-motion){*,:before,:after{animation:none!important}}