:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.maindiv{min-width:320px;max-width:550px;padding:0 20px;margin:0 auto;border-radius:10px}.skinnierdiv{max-width:580px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}code{font-family:Courier New,Courier,monospace;background-color:#ffffff1a;padding:.2em .4em;border-radius:3px;font-size:.9em}.credential-item{margin-top:5px;display:flex;align-items:center}.credential-label{min-width:80px;margin-right:0}.footer{margin:20px auto 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);border-radius:100px;display:flex;width:400px;position:absolute;bottom:0rem;left:0;right:0;justify-content:center}.footer-section{flex:1;text-align:center}.footer-section h3{margin:0 0 10px;font-size:1.1em;color:#fffc}.footer-links{display:flex;flex-direction:row;gap:20px}.footer-links a{display:inline-block;padding:4px 0}.app-demo-container{display:flex;flex-direction:column;align-items:center;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;width:100%}.demo-button{margin-bottom:15px!important;font-size:1.1em;padding:.8em 2em;animation:ringPulse 3s infinite}.credentials{display:flex;flex-direction:column;gap:12px;width:100%}.app-showcase{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:20px auto}.app-links{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.app-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;text-decoration:none;transition:all .2s;font-size:.95em}.app-links a:hover{background-color:#ffffff1a;border-color:#646cff;transform:scale(1.05)}body{margin:0;display:block;min-width:320px;min-height:100%;max-width:100%;overflow-x:hidden}h1{font-size:2.8em;line-height:1;margin:.3em 0}h2{font-size:1.2em;line-height:1.1;margin:.3em 0 .8em}button{border-radius:8px;border:1px solid #646cff;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#646cff;color:#fff;cursor:pointer;animation:subtleShake 3s 1}button:hover{background-color:#454bb8;transform:scale(1.05)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes subtleShake{0%,60%,to{transform:rotate(0)}68%{transform:rotate(1deg)}76%{transform:rotate(-1deg)}84%{transform:rotate(1deg)}92%{transform:rotate(-1deg)}}@keyframes ringPulse{0%{box-shadow:0 0 #646cff00}50%{box-shadow:0 0 0 4px #85858566}}@media (max-width: 768px){*{box-sizing:border-box}.maindiv{padding:0 15px 10px;margin:0 auto;width:100%;max-width:100vw}h1{font-size:2.2em;line-height:1;margin:.5em 0}h2{font-size:1.1em;line-height:1.1;margin:.5em 0 1em}p{margin:.5em 0}.app-showcase{max-width:100%;margin:15px 0}.app-links{flex-direction:row;gap:8px;align-items:center;justify-content:center;margin-bottom:15px}.app-links a{flex:1;max-width:160px;justify-content:center;padding:8px;word-wrap:break-word;overflow-wrap:break-word;font-size:.8em;white-space:nowrap}.app-demo-container{padding:15px 10px}.demo-button{font-size:1.1em;padding:.8em 1.5em;width:100%;max-width:250px;margin-bottom:15px!important}.credentials{width:100%;max-width:250px;gap:8px}.credential-item{flex-direction:row;align-items:center;gap:6px;font-size:.9em}.credential-label{min-width:60px;margin-right:0;font-weight:600;font-size:.9em}.footer{width:100%;max-width:100%;flex-direction:row;margin:15px auto 0;padding-top:10px}.footer-section{text-align:center;flex:1}.footer-section h3{font-size:1em;margin:0 0 8px}.footer-links{align-items:center}.footer-links a{font-size:.9em;padding:2px 0}code{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;display:inline-block;font-size:.8em}.credential-item{width:100%;max-width:100%}.credential-item code{max-width:calc(100% - 60px);word-break:break-all}}@media (max-width: 480px){.maindiv{min-width:280px;padding:0 10px 5px;margin:0 auto}h1{font-size:2em;line-height:.9;margin:.3em 0}h2{font-size:1em;line-height:1;margin:.3em 0 .8em}p{margin:.3em 0}.app-showcase{margin:10px 0}.app-links{gap:6px;margin-bottom:10px}.app-links a{max-width:100%;padding:6px;font-size:.75em;white-space:nowrap}.app-demo-container{padding:12px 8px}.demo-button{font-size:1em;padding:.7em 1.2em;margin-bottom:12px!important}.credentials{gap:6px}.credential-item{font-size:.85em;gap:4px}.credential-label{min-width:50px;font-size:.85em}.footer{margin:10px auto 0;padding-top:8px;justify-content:center}.footer-section h3{font-size:.9em;margin:0 0 6px}.footer-links a{font-size:.85em;padding:1px 0}.credential-item code{font-size:.75em;max-width:calc(100% - 50px)}}