body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:"Noto Sans JP","Meiryo",sans-serif;background-color:#121212;color:#ffffff;overflow:hidden}.container{background:#1e1e1e;padding:20px;box-shadow:0 0 10px rgba(255,255,255,0.1);border-radius:8px;width:100%;max-width:300px;text-align:center;position:relative;transition:opacity 0.5s ease}input{width:calc(100% - 20px);padding:10px;margin:10px 0;border:1px solid #333;border-radius:5px;background:#252525;color:#ffffff}input::placeholder{color:#bbbbbb}button{width:100%;padding:10px;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}.success-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;font-size:20px;font-weight:bold;transition:transform 0.5s ease,opacity 0.5s ease}.show-success{transform:translate(-50%,-50%) scale(1);opacity:1}.error-message{color:red;font-size:14px;margin-top:10px;opacity:0;transition:opacity 0.5s ease}.show-error{opacity:1}.hidden{opacity:0;pointer-events:none}.popup-container{position:fixed;top:0%;bottom:0%;width:100%;height:100%;display:none;z-index:9999;background-color:rgba(0,0,0,0.5)}.popup-div{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222;color:white;padding:20px;border-radius:12px;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center}.popup-div span{padding:6px}.popup-div input{margin:10px 0;padding:6px;border-radius:6px;border:none;width:100%}.popup-div button{padding:8px 12px;margin:5px;border:none;border-radius:6px;cursor:pointer;width:100%}.popup-div-cancel{background:#ff3300;color:white}.popup-div-submit{background:#009933;color:white}.loading-div{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222;color:white;padding:20px;border-radius:12px;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center}.loading-div span{padding:5px}.loading-div img{padding:10px;width:100%}.menu-div{position:fixed;top:99%;left:99%;transform:translate(-100%,-100%);background:rgba(10,10,10,0.5);color:white;padding:7px;border-radius:12px;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;z-index:9999}