:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#e2e8f0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}#root{width:100%}.app{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1.5rem}.card{width:min(420px,100%);display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;border-radius:20px;background:#fff;box-shadow:0 20px 45px #526c811f}.title{margin:0;font-size:1.75rem;text-align:center;color:#0f172a}.field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.95rem;font-weight:600;color:#1e293b}.field-select{appearance:none;padding:.75rem 1rem;border-radius:12px;border:1px solid #cbd5f5;background:#f8fafc;font-size:1rem;color:#0f172a;transition:box-shadow .2s ease,border-color .2s ease}.field-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.actions{display:flex}.reset-button{width:100%;padding:.75rem 1.4rem;border-radius:12px;border:none;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.reset-button:hover{background:#dc2626}.reset-button:active{transform:translateY(1px)}.reset-button.loading,.reset-button:disabled{opacity:.9;cursor:default}.reset-button.loading{position:relative}.reset-button.loading:after{content:"";position:absolute;right:14px;top:50%;width:16px;height:16px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;transform:translateY(-50%);animation:spinner .8s linear infinite}.hint,.status{margin:0;font-size:.95rem;color:#475569;text-align:center}.status{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;border:1px solid #86efac;background:#ecfdf5;color:#166534;font-weight:600;box-shadow:0 6px 20px #16653414;opacity:0;transform:translateY(-6px);animation:statusFadeIn .3s ease-out forwards}.status:before{content:"✓";font-weight:800}.status.status-error{border-color:#fecaca;background:#fff1f2;color:#991b1b;box-shadow:0 6px 20px #991b1b14}.status.status-error:before{content:"✕"}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 480px){.card{padding:2rem 1.5rem}.actions{justify-content:center}}