.trade-page-container{min-height:100vh;background-color:#fff;padding-bottom:20px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.custom-navbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:56px;background-color:#fff;padding:0 1rem;box-shadow:0 1px 4px #0000001a;z-index:1000}.navbar-back{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}.back-icon{font-size:2rem;color:#333;font-weight:300}.navbar-title{font-size:1.125rem;font-weight:700;color:#333}.trade-page-content{padding:1rem}.price-box,.input-box,.future-price-box,.result-box,.instruction-box{border-radius:12px;padding:1.25rem 1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background .8s ease}.price-box:active,.future-price-box:active,.result-box:active,.instruction-box:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.box-bg-green{background:linear-gradient(135deg,#6d6,#8e8,#afa,#bfb,#cfc,#dfd,#efe,#f5fff5,#fafffa,#fff,#fff)}.box-bg-red{background:linear-gradient(135deg,#f66,#f88,#faa,#fbb,#fcc,#fdd,#fee,#fff5f5,snow,#fff,#fff)}.box-bg-neutral{background:linear-gradient(135deg,#ccc,#ddd,#eee,#f0f0f0,#f5f5f5,#fafafa,#fcfcfc,#fdfdfd,#fefefe,#fff,#fff)}.box-bg-gray{background:linear-gradient(135deg,#e0e0e0,#f5f5f5)}.box-bg-light-green{background:linear-gradient(135deg,#e6ffee,#f0fff5)}.box-bg-light-red{background:linear-gradient(135deg,#fee,#fff5f5)}.value-up,.change-up{color:#0a0}.value-down,.change-down{color:red}.value-neutral,.change-neutral{color:#999}.price-triangle,.future-price-triangle{width:0;height:0;flex-shrink:0}.triangle-up-green{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid #00AA00}.triangle-down-red{border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #FF0000}.triangle-up-neutral{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid #999999}.price-box-name{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:1rem}.price-box-value-wrapper{display:flex;align-items:center;gap:.5rem}.price-box-value{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.price-box-change{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.input-box{background:linear-gradient(135deg,#e6f3ff,#f0f8ff,#fff)}.input-container{position:relative;margin-bottom:1rem}.price-input{width:100%;height:50px;border-radius:8px;background-color:#fff;padding:0 1rem;font-size:1rem;color:#333;border:1px solid #E0E0E0;box-sizing:border-box;-moz-appearance:textfield}.price-input::-webkit-outer-spin-button,.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.price-input.input-error{border-color:red}.error-message{color:red;font-size:.75rem;padding-top:4px}.button-container{display:flex;flex-direction:column;gap:.75rem}.action-button{height:44px;border-radius:22px;border:none;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;cursor:pointer}.action-button:active{transform:scale(.95);opacity:.9;box-shadow:0 1px 4px #0003}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-buy{background-color:#0a0}.button-sell{background-color:red}.button-text{color:#fff;font-size:1rem;font-weight:700}.hint-container{display:flex;align-items:center;gap:.5rem}.hint-text{flex:1;font-size:.75rem;color:#333;line-height:1.4}.refresh-icon{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.refresh-symbol{font-size:1rem;color:#666}.future-price-content{display:flex;justify-content:space-between;align-items:center}.future-price-left{flex:1}.future-price-label{font-size:1rem;font-weight:700;color:#000;margin-bottom:.5rem}.future-price-value-wrapper{display:flex;align-items:center;gap:.5rem}.future-price-value{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.future-price-change{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.future-price-placeholder{font-size:2rem;color:#999;font-weight:700}.countdown-box{width:60px;height:60px;border-radius:50%;background-color:#007aff;display:flex;align-items:center;justify-content:center}.countdown-number{font-size:2rem;font-weight:700;color:#fff}.result-content{display:flex;justify-content:space-between;align-items:center}.result-left{display:flex;flex-direction:column;align-items:flex-start}.result-value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums}.result-auto-multiply-hint{font-size:.7rem;color:#666;margin-top:4px}.result-right{text-align:right}.margin-label{font-size:1rem;color:#333}.margin-value{font-size:1.5rem;font-weight:700;color:#000;font-variant-numeric:tabular-nums}.margin-liquidated{text-decoration:line-through;color:red}.result-status{margin-top:1rem;text-align:center}.status-text{font-size:1rem;font-weight:700}.status-profit{color:#0a0}.status-loss{color:red}.status-liquidated{color:#555}.instruction-box{background:linear-gradient(135deg,#faebc8,#fbf0d0 20%,#fdf5e0 30%,#fef9f0,#fff 40%,#fff)}.instruction-header{display:flex;align-items:center;margin-bottom:1rem}.instruction-vertical-bar{width:4px;height:24px;background-color:#fff;border-radius:2px;margin-right:.75rem;box-shadow:0 1px 2px #0000001a}.instruction-title{font-size:1.25rem;font-weight:700;color:#000}.instruction-content{display:flex;flex-direction:column;gap:.75rem}.instruction-item{line-height:1.6}.instruction-text{font-size:.875rem;color:#000}.instruction-text-red{color:red;font-weight:700}.securities-note-container,.copyright-footer{text-align:center;margin-top:1rem}.securities-note-text,.copyright-text{font-size:.75rem;color:#999}.copyright-footer{padding-bottom:1rem}.reward-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.reward-modal{background-color:#fff;border-radius:1rem;padding:2rem;text-align:center;position:relative;width:90%;max-width:400px;animation:modalSlideIn .3s ease}.reward-modal-close{position:absolute;top:.5rem;right:1rem;font-size:1.5rem;color:#999;cursor:pointer}.reward-modal-title{margin-bottom:1rem}.reward-title-text{font-size:1.75rem;font-weight:700;color:#333}.reward-hint-text{font-size:.875rem;color:#666}.rainbow-border{padding:.5rem 1rem;border-radius:.5rem;position:relative;background:#fff;border:4px solid transparent;background-clip:padding-box}.rainbow-border:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;z-index:-1;margin:0;border-radius:inherit;background:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet,red);background-size:400% 400%;animation:rainbow-spin 3s linear infinite}@keyframes rainbow-spin{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1999;pointer-events:none}.firework{position:absolute;width:4px;height:4px;border-radius:50%;animation-name:explode;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes explode{0%{transform:scale(1);opacity:1}to{transform:scale(30) translate(var(--translateX),var(--translateY));opacity:0}}.firework-1{top:20%;left:30%;animation-delay:0s;background-color:#fc0;--translateX: 5px;--translateY: -10px}.firework-2{top:50%;left:70%;animation-delay:.2s;background-color:#f36;--translateX: -5px;--translateY: 10px}.firework-3{top:80%;left:40%;animation-delay:.4s;background-color:#3cf;--translateX: 10px;--translateY: 5px}.firework-4{top:30%;left:80%;animation-delay:.6s;background-color:#6f9;--translateX: -10px;--translateY: -5px}.firework-5{top:60%;left:20%;animation-delay:.1s;background-color:#f9c;--translateX: 8px;--translateY: 8px}.firework-6{top:15%;left:50%;animation-delay:.3s;background-color:#c9f;--translateX: -8px;--translateY: -8px}.firework-7{top:70%;left:85%;animation-delay:.5s;background-color:#9fc;--translateX: 12px;--translateY: -12px}.firework-8{top:40%;left:10%;animation-delay:.7s;background-color:#fc9;--translateX: -12px;--translateY: 12px}.firework-9{top:25%;left:60%;animation-delay:.15s;background-color:#9cf;--translateX: -7px;--translateY: 15px}.firework-10{top:55%;left:35%;animation-delay:.35s;background-color:#f99;--translateX: 7px;--translateY: -15px}.firework-11{top:75%;left:65%;animation-delay:.55s;background-color:#ff9;--translateX: 15px;--translateY: 7px}.firework-12{top:90%;left:25%;animation-delay:.75s;background-color:#cf9;--translateX: -15px;--translateY: -7px}