body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:left;min-height:100vh;display:flex;justify-content:flex-end;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;padding:20px;box-sizing:border-box;font-family:Roboto,sans-serif}.logo{position:absolute;top:20px;left:20px;width:80px;height:auto;max-width:15vw;z-index:3;animation:fadeInDown .5s ease-out}.switch-button{position:absolute;top:0;left:0;height:100vh;width:100vw;cursor:pointer;z-index:1;background-color:transparent;border:none;transition:background-color .3s ease}.switch-button:hover{background-color:#ffffff1a}.box-container{display:flex;flex-direction:column;align-items:flex-end;width:auto;max-width:300px;margin-right:40px;gap:20px;z-index:2;animation:slideInRight .5s ease-out}.box{background-color:#000c;color:#fff;padding:20px;border-radius:12px;width:100%;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .5s ease-out}.box:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0006}.box input{font-size:1rem;padding:10px 0 10px 10px;border:none;border-radius:8px;margin-top:8px;width:100%;background-color:#ffffff1a;color:#fff;z-index:3;transition:background-color .3s ease}.box input:focus{background-color:#fff3;outline:none}.maneki{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:100px;height:auto;display:none;z-index:2;transition:opacity .5s ease,transform .5s ease}.maneki.on{display:block;animation:fadeInUp .5s ease-out,wave 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes wave{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}@media (max-width: 768px){.App{padding:20px;justify-content:center}.logo{top:10px;left:10px}.box-container{margin-right:0;margin-left:0;align-items:center;width:80%;position:absolute;bottom:20px;transform:translateY(-10%);animation:slideInUp .5s ease-out}.box{font-size:.9rem;padding:15px;width:100%}.maneki{width:80px}}@media (max-width: 480px){.App{padding:10px;justify-content:center}.box-container{margin-right:0;margin-left:0;align-items:center;width:100%;position:absolute;bottom:20px;transform:translateY(-10%)}.box{font-size:.8rem;padding:10px;width:100%}.maneki{width:60px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(-10%)}}