body{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100vh;padding:2rem;background:#f7f9fc;font-family:system-ui,sans-serif;box-sizing:border-box;gap:1rem;overflow:hidden}.App .header{text-align:center;perspective:1000px}.App .logo{width:60px;height:60px;margin-bottom:.5rem;animation:shake3D 4s ease-in-out infinite;transform-style:preserve-3d;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}@keyframes shake3D{0%,60%,to{transform:rotateY(0) rotateX(0) rotate(0);filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}10%{transform:rotateY(-12deg) rotateX(3deg) rotate(-2deg);filter:drop-shadow(-4px 4px 6px rgba(0,0,0,.25))}20%{transform:rotateY(12deg) rotateX(-3deg) rotate(2deg);filter:drop-shadow(4px 4px 6px rgba(0,0,0,.25))}30%{transform:rotateY(-8deg) rotateX(2deg) rotate(-1deg);filter:drop-shadow(-3px 4px 5px rgba(0,0,0,.2))}40%{transform:rotateY(8deg) rotateX(-2deg) rotate(1deg);filter:drop-shadow(3px 4px 5px rgba(0,0,0,.2))}50%{transform:rotateY(-4deg) rotateX(1deg) rotate(0);filter:drop-shadow(-2px 4px 5px rgba(0,0,0,.2))}}.App .form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:0 auto;align-items:stretch}.App select{padding:.6rem 1rem;font-size:1rem;border-radius:8px;border:1px solid #ccc;background:#fff;width:100%;box-shadow:0 2px 5px #0000000d;transition:all .2s ease;cursor:pointer}.App select:hover{border-color:#07f;box-shadow:0 0 0 3px #0077ff26}.App select:focus{outline:none;border-color:#07f;box-shadow:0 0 0 3px #0077ff40}.App option{padding:.5rem}.debug{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:small}