*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:linear-gradient(135deg,#0a0e21,#141c36);color:#fff;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(0,255,255,.1)1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,255,.1)1px,transparent 1px);background-size:30px 30px;z-index:-1}.container{width:100%;max-width:500px;margin:0 auto;padding:20px;display:flex;flex-direction:column;min-height:100vh;justify-content:space-between}.header-image{width:100%;margin-bottom:20px;border-radius:12px;box-shadow:0 4px 20px #0ff3}.content-image{width:100%;margin-bottom:15px;border-radius:12px;box-shadow:0 4px 20px #0ff3}.input-container{margin-bottom:20px}.stock-input{width:100%;padding:15px;border-radius:10px;border:2px solid #00FFFF;background:#0a0e21b3;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.stock-input:focus{border-color:#f0f;box-shadow:0 0 15px #ff00ff80}.stock-input::placeholder{color:#ffffffb3}.analyze-btn{width:100%;padding:16px;border-radius:50px;background:linear-gradient(45deg,#0ff,#f0f);color:#fff;font-weight:700;font-size:18px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #00ffff4d;position:relative;overflow:hidden;margin-bottom:20px}.analyze-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00ffff80}.analyze-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%,to{left:100%}}.footer{font-size:12px;color:#ffffffb3;text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,255,255,.2)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:100;justify-content:center;align-items:center}.modal-content{background:linear-gradient(135deg,#141c36,#0a0e21);border-radius:15px;width:90%;max-width:350px;padding:20px;text-align:center;position:relative;box-shadow:0 5px 30px #00ffff4d;border:1px solid rgba(0,255,255,.3)}.close{position:absolute;top:10px;right:15px;font-size:20px;font-weight:700;cursor:pointer;color:#0ff}.progress-container{position:relative;width:150px;height:150px;margin:20px auto}.progress-ring{transform:rotate(-90deg);width:150px;height:150px}.progress-ring__circle{stroke:#0ff;stroke-width:8;fill:transparent;transition:stroke-dashoffset .5s linear}.progress-bg{position:absolute;top:0;left:0;width:100%;height:100%;stroke:#ffffff1a;stroke-width:8;fill:transparent}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#0ff}.modal-title{font-size:20px;margin-bottom:10px;color:#0ff}.modal-text{margin-bottom:15px;line-height:1.5}.highlight{color:#f0f;font-weight:700}.modal-btn{padding:12px 25px;border-radius:50px;background:linear-gradient(45deg,#0ff,#f0f);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;margin-top:10px}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}