:root{color:#111;background-color:#f5f5f5;font-family:Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}body{justify-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;padding:20px;display:flex}#root{justify-content:center;width:100%;display:flex}.app-container{background:#fff;border-radius:24px;flex-direction:column;justify-content:center;width:100%;max-width:400px;min-height:500px;padding:32px;display:flex;box-shadow:0 10px 25px #0000000d}button{cursor:pointer;background-color:#f9f9f9;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:14px 20px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:flex}button:hover{background-color:#eee;transform:translateY(-1px)}button.primary{color:#fff;background-color:#111;box-shadow:0 4px 12px #0003}button.primary:hover{background-color:#333;box-shadow:0 6px 16px #00000040}button:disabled{color:#aaa;cursor:not-allowed;box-shadow:none;background-color:#eee;transform:none}h1{color:#111;text-align:center;margin:0 0 8px;font-size:1.5rem;font-weight:700}p{color:#666;text-align:center;margin:0 0 24px;font-size:.95rem}.w-full{width:100%}.center{justify-content:center;align-items:center;display:flex}.flex-col{flexDirection:column;display:flex}.progress-container{background-color:#f0f0f0;border-radius:99px;width:100%;height:6px;margin-top:30px;overflow:hidden}.progress-bar{background-color:#111;border-radius:99px;height:100%;transition:width .3s}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.6;transform:scale(1)}}.breathing{margin-top:10px;font-weight:600;animation:2s ease-in-out infinite pulse}pre{white-space:pre-wrap;word-wrap:break-word;text-align:left;font-family:monospace}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}