.entrance-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px}.greeting-text{font-size:4rem;font-weight:400;text-align:center;margin:0;color:#333}.header{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 8px #0000001a;z-index:1000;padding:20px}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.header-title{font-size:1.5rem;font-weight:700;margin:0;color:#333}.header-close-button{background:transparent;border:none;font-size:2rem;color:#333;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.header-close-button:hover{color:#e74c3c}.newupdate-btn{font-family:Anton,sans-serif;font-weight:400;font-style:normal;padding:16px 24px;font-size:1.6rem;letter-spacing:.12em;border:solid 2px #1823ff;background-color:#fff;color:#1823ff;border-radius:10px;font-weight:700;cursor:pointer;transition:.3s}.newupdate-btn:hover{background:#1823ff;color:#fff}.btn-try{font-family:Dela Gothic One,sans-serif;font-weight:400;font-style:normal;width:260px;height:260px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:normal;padding:20px;font-size:1.6rem;letter-spacing:.05em;background-color:#ff2167;color:#fff;border-radius:50%;cursor:pointer;transition:.3s;border:none}.btn-try:hover{transform:scale(1.05)}.get-btn{font-family:DotGothic16,sans-serif;font-weight:400;font-style:normal;display:block;text-align:center;vertical-align:middle;text-decoration:none;font-size:2rem;width:600px;margin:auto;padding:1rem 4rem;font-weight:700;border-radius:.3rem;border-bottom:7px solid #0686b2;background:#27acd9;color:#fff;border-top:none;border-left:none;border-right:none;cursor:pointer}.get-btn:hover{margin-top:6px;border-bottom:1px solid #0686b2;color:#fff}.btn-13{position:relative;max-width:180px;margin:24px auto}.btn-13-input{font-family:"Noto Serif JP",serif;font-size:14px;letter-spacing:.1em;color:#333;font-weight:400;display:block;width:100%;text-align:center;padding:4px 16px 4px 0;background:transparent;border:none;cursor:pointer;box-sizing:border-box;transition:all .3s}.btn-13:before{content:"";display:block;position:absolute;width:100%;height:1px;background:#333;bottom:0;left:0;transition:all .3s}.btn-13:after{content:"";display:block;position:absolute;width:30px;height:1px;background:#333;rotate:40deg;right:-3px;bottom:10px;transition:all .3s}.btn-13:hover:before,.btn-13:hover:after{translate:20px 0}.btn-oseyo{width:300px;height:300px;border-radius:50%;background:#fff;color:#333;font-family:kokuryu,sans-serif;font-weight:400;font-style:normal;font-size:3rem;letter-spacing:.05em;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.btn-oseyo span{display:inline-block;transition:transform .3s}.btn-oseyo:hover span{transform:scale(1.2)}.btn-oseyo:hover{background:#333;color:#fff}.color-change-button{padding:14px 32px;font-size:16px;font-weight:500;letter-spacing:.1em;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.color-change-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.color-change-button:hover:before{width:300px;height:300px}.color-change-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.color-change-button:active{transform:translateY(0);box-shadow:0 2px 10px #667eea4d}.navigation-button{padding:12px 24px;font-size:15px;font-weight:500;letter-spacing:.1em;background:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.navigation-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.navigation-button:hover:before{left:100%}.navigation-button:hover{background:#555;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.navigation-button:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.back-to-top-button{padding:12px 24px;font-size:16px;font-weight:500;letter-spacing:.1em;background:#ff6b6b;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:PT Sans,sans-serif}.back-to-top-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}.back-to-top-button:hover:before{left:100%}.back-to-top-button:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.back-to-top-button:active{transform:translateY(0);box-shadow:0 2px 6px #ff6b6b4d}.insult-text{font-size:3rem;font-weight:400;text-align:center;margin:0;color:#333;line-height:1.4;padding:0 20px}.input-check-container{width:100%;padding:40px 20px;box-sizing:border-box;max-width:600px;margin:0 auto}.center{text-align:center;margin-top:20px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.center label{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:18px;font-weight:500;color:#333;width:100%;max-width:400px}.center input[type=text]{padding:16px 20px;font-size:18px;border:3px solid #333;border-radius:12px;width:100%;max-width:400px;background:#fff;color:#333;font-family:PT Sans,sans-serif;transition:all .3s ease;box-sizing:border-box;outline:none}.center input[type=text]:focus{border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a;transform:translateY(-2px)}.center input[type=text]::placeholder{color:#999;font-style:italic}.center input[type=button]{padding:16px 40px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;font-family:PT Sans,sans-serif;letter-spacing:.05em;min-width:150px}.center input[type=button]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.center input[type=button]:active{transform:translateY(-1px);box-shadow:0 2px 10px #667eea66}.error{color:red;font-weight:700;line-height:1.6;white-space:nowrap}#msg{max-height:400px;overflow-y:auto;padding:8px;width:100%;box-sizing:border-box;margin-top:20px;border:1px solid #ff6b6b;border-radius:4px;background:#fff5f5}.scroll-section{border-top:1px dashed rgba(0,0,0,.1);margin-bottom:50px}.message-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9999;animation:fadeIn .3s ease}.message-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;animation:popIn .3s ease}.message-text{font-size:32px;font-weight:700;color:#fff;text-align:center;margin:0;padding:20px 40px;letter-spacing:.1em}.popup-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.navigation{position:fixed;left:0;top:0;bottom:0;width:300px;background:#fff;box-shadow:2px 0 10px #0000001a;z-index:9999;padding:20px;overflow-y:auto;animation:slideInLeft .3s ease}.navigation-close{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:2rem;color:#333;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.navigation-close:hover{color:#e74c3c}.navigation-list{list-style:none;padding:0;margin:40px 0 0}.navigation-item{padding:15px 0;border-bottom:1px solid #eee;font-size:14px;color:#333;line-height:1.6;transition:background-color .2s ease}.navigation-item:hover{background-color:#f5f5f5;padding-left:10px}.navigation-item:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.follow-button{position:absolute;padding:14px 28px;font-size:14px;background:#000;color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;line-height:1.5;text-align:center;z-index:10;transition:transform .2s ease}.follow-button:hover{transform:scale(1.05)}.follow-button:active{transform:scale(.95)}.countdown-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:50px 20px}.countdown-start-btn{font-size:24px;padding:16px 40px;cursor:pointer;background:#333;color:#fff;border:none;border-radius:8px;transition:all .3s ease}.countdown-start-btn:hover:not(:disabled){background:#555;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.countdown-start-btn:disabled{opacity:.6;cursor:not-allowed}.countdown-count{font-size:80px;margin-top:30px;font-weight:700;color:#121111}.countdown-message{margin-top:20px;font-size:32px;color:#000;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}.app{width:100%}main{min-height:10000px}body:has(.header){padding-top:80px}