body{font-family:Noto Sans JP,sans-serif;background-color:#f4f6f8;color:#333;margin:0;padding:24px;display:flex;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease-in,visibility 0s linear .3s}body.loaded{opacity:1;visibility:visible;transition:opacity .3s ease-in,visibility 0s linear 0s}.container{width:100%;max-width:800px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:32px 40px;box-sizing:border-box}.hidden{display:none!important}.info-box{margin-bottom:12px;padding:12px;background-color:#f8f9fa;border-radius:4px;font-size:14px;line-height:1.6}.code-box{background-color:#f1f5f9;padding:8px;margin:8px 0;border-radius:3px;font-family:monospace;font-size:12px;overflow-x:auto;border:1px solid #e2e8f0}h1{font-size:28px;color:#1a202c;text-align:center;margin-bottom:16px}.description-box{background-color:#f9fafb;border-left:4px solid #4a90e2;padding:16px;margin-bottom:32px;border-radius:4px;font-size:14px;line-height:1.7}.description-box h4{margin-top:16px;margin-bottom:8px;color:#2d3748}.description-box p,.description-box ul{margin:0;padding-left:20px}.description-box a{color:#4a90e2;text-decoration:none}.description-box a:hover{text-decoration:underline}.form-section{margin-bottom:32px;border-top:1px solid #e2e8f0;padding-top:24px}.form-group{margin-bottom:24px}label{display:block;font-weight:700;margin-bottom:8px;font-size:16px}input[type=text],input[type=url],input[type=time],textarea,select{width:100%;padding:12px;border:1px solid #cbd5e0;border-radius:6px;box-sizing:border-box;font-size:16px;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=url]:focus,input[type=time]:focus,textarea:focus,select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;outline:none}textarea{min-height:120px;resize:vertical}.radio-group label,.checkbox-group label{font-weight:400;display:flex;align-items:center;margin-bottom:12px}input[type=radio],input[type=checkbox]{margin-right:10px;width:18px;height:18px}button{width:100%;padding:14px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .2s}button:hover{background-color:#357abd}button:disabled{background-color:#a0aec0;cursor:not-allowed}#message{margin-top:20px;text-align:center;font-weight:700;padding:12px;border-radius:6px}.success{display:block;background-color:#e6fffa;color:#2c7a7b;border:1px solid #81e6d9}.error{display:block;background-color:#fff5f5;color:#c53030;border:1px solid #feb2b2}.warning{display:block;background-color:#fffbeb;color:#c05621;border:1px solid #fbd38d}.field-error{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e33!important}.error-text{color:#e53e3e;font-size:14px;margin-top:4px;margin-bottom:8px;display:block;font-weight:400;line-height:1.4}.password-container{position:relative;width:100%}.password-container input[type=password],.password-container input[type=text]{width:100%!important;height:48px!important;padding:12px 70px 12px 12px!important;box-sizing:border-box!important;border:1px solid #cbd5e0!important;border-radius:6px!important;font-size:16px!important;line-height:normal!important}.password-container input[type=password]:focus,.password-container input[type=text]:focus{border-color:#4a90e2!important;box-shadow:0 0 0 3px #4a90e233!important;outline:none!important}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#4a90e2;font-size:14px;padding:4px 8px;width:50px;height:auto;white-space:nowrap;text-align:center}.password-toggle:hover{color:#357abd;background:none}#auth-container{text-align:center;margin:40px 0}#login-button{padding:12px 24px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}#user-info{text-align:center;margin:16px 0;padding:12px;background-color:#f8f9fa;border-radius:6px;font-size:14px;color:#555;border:1px solid #e9ecef}#logout-button{background:none;border:none;color:#4a90e2;cursor:pointer;text-decoration:underline;font-size:14px;margin-left:8px}.success-screen{text-align:center;padding:48px 40px}.success-icon{font-size:80px;color:#38a169;margin-bottom:32px;line-height:1}.success-title{font-size:36px;color:#38a169;font-weight:700;margin-bottom:24px;line-height:1.2}.success-message{font-size:20px;color:#4a5568;line-height:1.6;margin-bottom:40px}.next-steps-section{background-color:#f0fff4;border-left:4px solid #38a169;padding:24px;border-radius:8px;margin-top:32px;text-align:left}.next-steps-title{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:16px;text-align:center}.next-steps-list{list-style:none;padding:0;margin:0}.next-steps-list li{font-size:16px;color:#4a5568;margin-bottom:12px;padding-left:24px;position:relative}.next-steps-list li:before{content:"✓";color:#38a169;font-weight:700;position:absolute;left:0}.contact-section{background-color:#f7fafc;border-left:4px solid #4a90e2;padding:24px;border-radius:8px;margin-top:24px}.contact-title{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:12px}.contact-info{font-size:16px;color:#4a5568;font-family:monospace;background-color:#edf2f7;padding:12px 16px;border-radius:6px;display:inline-block}.success-details{font-size:14px;color:#718096;margin-top:32px;line-height:1.5}.error-screen{text-align:center;padding:48px 40px}.error-icon{font-size:80px;color:#e53e3e;margin-bottom:32px;line-height:1}.error-title{font-size:36px;color:#e53e3e;font-weight:700;margin-bottom:24px;line-height:1.2}.error-message{font-size:20px;color:#4a5568;line-height:1.6;margin-bottom:40px}.error-details{font-size:14px;color:#718096;margin-top:32px;line-height:1.5}.error-code{font-size:14px;color:#9ca3af;font-family:monospace;background-color:#f3f4f6;padding:8px 12px;border-radius:4px;margin-top:16px;border:1px solid #e5e7eb}