body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-right{gap:12px;margin-left:auto}.header-brand,.header-right{align-items:center;display:flex}.header-brand{gap:.75rem;margin-right:auto}.header-logo{display:block;height:auto;object-fit:contain;width:clamp(32px,4vw,48px)}.header-brand-name{color:#22c55e;font-size:1.2rem;font-weight:700}.dark-theme .header-brand-name{color:#0f8}.beta-badge{animation:pulse 2s ease-in-out infinite;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:.5rem;padding:2px 6px;text-transform:uppercase}.beta-badge,.dark-theme .beta-badge{background:linear-gradient(135deg,#f59e0b,#ef4444)}.dark-theme .beta-badge{box-shadow:0 2px 6px #f59e0b4d}.ranking-btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s ease,color .2s ease,transform .15s ease}.ranking-btn:hover{background:#16a34a;transform:translateY(-1px)}.ranking-btn.active{background:#15803d;color:#fff}.dark-theme .ranking-btn{background:#0006;border:1px solid #00ff884d;color:#0f8}.dark-theme .ranking-btn:hover{background:#00ff8826}.dark-theme .ranking-btn.active{background:#00ff8838;border:1px solid #0f86;color:#0f8}.trading-history-btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s ease,color .2s ease,transform .15s ease}.trading-history-btn:hover{background:#16a34a;transform:translateY(-1px)}.trading-history-btn.active{background:#15803d;color:#fff}.dark-theme .trading-history-btn{background:#0006;border:1px solid #00ff884d;color:#0f8}.dark-theme .trading-history-btn:hover{background:#00ff8826}.dark-theme .trading-history-btn.active{background:#00ff8838;border:1px solid #0f86;color:#0f8}.mypage-btn{align-items:center;background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.mypage-btn:hover{background:#16a34a;box-shadow:0 2px 8px #22c55e4d;transform:translateY(-1px)}.mypage-btn.active{background:#15803d;box-shadow:0 2px 8px #15803d66;color:#fff}.dark-theme .mypage-btn{background:#0006;border:1px solid #00ff884d;color:#0f8}.dark-theme .mypage-btn:hover{background:#00ff8826;border-color:#00ff8880;box-shadow:0 2px 8px #0f83}.dark-theme .mypage-btn.active{background:#00ff8838;border:1px solid #0f86;box-shadow:0 2px 8px #00ff884d;color:#0f8}.light-theme .mypage-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e33;color:#fff}.light-theme .mypage-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e4d}.light-theme .mypage-btn.active{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 4px 12px #15803d66}.login-required{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;margin:2rem 0;padding:2rem;text-align:center}.login-required-icon{font-size:3rem;margin-bottom:1rem}.login-required h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 .5rem}.login-required p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.5rem}.trading-history-section{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.trading-history-container{margin-bottom:1.5rem;max-width:100%;width:100%}@media (min-width:1200px){.trading-history-container{margin:0 auto 1.5rem;max-width:1600px}}@media (min-width:1920px){.trading-history-container{max-width:1800px}}.trading-history-container .trading-history-header{align-items:center;background:#0000;border-bottom:none;display:flex;flex-shrink:0;justify-content:center;padding:.6rem 0;width:100%}.trading-history-container .chart-header-row{border-bottom:none;margin-bottom:0;padding-bottom:.5rem}.trading-history-container .chart-container{border-top:none}.trading-history-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:center;padding:.6rem 0;width:100%}.trading-history-container .trading-history-header>div{margin:0;padding:0}.trading-history-container .trading-history-header>div,.trading-history-header>div{align-items:center;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;position:relative;width:100%}.trading-history-header>div{margin:0 auto;max-width:1600px;padding:0 1rem}.trading-history-container .trading-history-header .trading-history-title,.trading-history-header .trading-history-title{align-items:center;background:var(--bg-card);border-radius:16px;box-shadow:0 2px 12px #00ff8814;box-sizing:border-box;display:flex;gap:.75rem;margin:0;max-width:100%;padding:.6rem 1.2rem;position:relative;width:100%}.trading-history-header .back-to-list-btn{flex-shrink:0}.trading-history-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.trading-history-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.5rem}.trading-history-title>div{display:flex;flex-direction:column;gap:.25rem}.trading-history-title h2{color:var(--text-primary);font-size:1.2rem;font-weight:700;line-height:1.2;margin:0}.dark-theme .trading-history-title h2{color:#0f8}.light-theme .trading-history-title h2{color:#22c55e}.trading-history-title p{color:var(--text-secondary);font-size:.85rem;line-height:1.3;margin:0;opacity:.9}.trading-history-actions{align-items:center;display:flex;gap:.75rem}.trading-history-refresh-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.trading-history-refresh-btn:hover:not(:disabled){background:var(--bg-hover);transform:rotate(180deg)}.trading-history-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.trading-history-close-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.trading-history-close-btn:hover{background:#dc2626;transform:scale(1.05)}.trading-history-chart-container{background:var(--bg-card);border:none;border-radius:18px;box-shadow:0 4px 32px var(--shadow);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 150px);max-width:100%;min-height:600px;overflow:hidden;padding:1.2rem 1.5rem;position:relative;width:100%}.dark-theme .trading-history-chart-container{background:var(--bg-card)}.trading-history-body{align-items:stretch;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:flex-start;margin:0 auto;max-width:1600px;min-height:0;overflow-y:auto;padding:1.5rem 0;width:100%}.trading-session-list{max-width:1200px;width:100%}.session-list-header{margin-bottom:1rem;padding:0 .5rem}.session-list-header h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.session-list-header p{color:var(--text-secondary);font-size:.9rem}.session-table-container{background:var(--bg-card);border:none;border-radius:18px;box-shadow:0 4px 32px var(--shadow);margin:0 auto;max-width:1200px;overflow-x:auto;width:100%}.session-table{border-collapse:collapse;font-size:14px;width:100%}.session-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.session-table th{color:var(--text-primary);font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.session-table th:first-child{padding-left:20px}.session-table th:last-child{padding-right:20px}.session-table tbody tr{border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.session-table tbody tr:hover{background:var(--bg-tertiary)}.session-table tbody tr:last-child{border-bottom:none}.session-table td{color:var(--text-secondary);padding:12px 16px;white-space:nowrap}.session-table td:first-child{padding-left:20px}.session-table td:last-child{padding-right:20px}.session-table-row{cursor:pointer}.session-public-toggle{display:inline-block;height:20px;position:relative;width:40px}.session-public-toggle input{height:0;opacity:0;width:0}.toggle-slider-small{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider-small:before{background-color:var(--text-secondary);border-radius:50%;bottom:2px;content:"";height:14px;left:2px;position:absolute;transition:.3s;width:14px}.session-public-toggle input:checked+.toggle-slider-small{background-color:var(--accent-green);border-color:var(--accent-green)}.dark-theme .session-public-toggle input:checked+.toggle-slider-small{background-color:#0f8;border-color:#0f8}.session-public-toggle input:checked+.toggle-slider-small:before{background-color:#fff;transform:translateX(20px)}.dark-theme .session-table tbody tr:hover,.dark-theme .session-table thead{background:#ffffff0d}@media (max-width:1600px){.trading-history-header>div{max-width:100%;padding:0 1rem}.trading-history-body{padding-left:1rem;padding-right:1rem}}@media (max-width:768px){.trading-history-header{padding:.8rem 1rem}.trading-history-header>div{align-items:stretch;flex-direction:column;gap:.75rem}.trading-history-header .trading-history-title{max-width:100%}.trading-history-header .back-to-list-btn{width:100%}.trading-history-body{padding:1rem}.session-table-container,.trading-history-chart-container{max-width:100%;padding:1rem}.trading-history-body>div[style*="display: flex"]{flex-direction:column!important}.trading-history-list-panel{margin-top:1rem;max-width:100%!important;width:100%!important}}.trade-note-edit{border-top:2px solid #94a3b880;font-size:.8rem;margin-top:.75rem;padding-top:.75rem}.dark-theme .trade-note-edit{border-top-color:#94a3b866}.trade-note-edit-form{display:flex;flex-direction:column;gap:.6rem}.trade-note-field-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;font-weight:600;gap:.25rem;margin-bottom:.25rem}.trade-note-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.75rem;line-height:1.4;min-height:60px;padding:.45rem .5rem;resize:vertical;width:100%}.trade-note-textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 1px #22c55e59;outline:none}.trade-note-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.8rem;padding:.3rem .5rem;width:100%}.trade-note-select:focus{border-color:var(--accent-green);box-shadow:0 0 0 1px #22c55e59;outline:none}.trade-note-edit-footer{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.25rem}.trade-note-cancel-btn,.trade-note-save-btn{border-radius:4px;cursor:pointer;font-size:.75rem;padding:.3rem .75rem;transition:all .15s ease}.trade-note-save-btn{background:#22c55e;border:none;color:#fff}.trade-note-save-btn:hover{background:#16a34a;transform:translateY(-1px)}.trade-note-cancel-btn{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.trade-note-cancel-btn:hover{background:var(--bg-tertiary)}.empty-state,.error-state,.loading-state{align-items:center;background:var(--bg-card);border-radius:18px;box-shadow:0 4px 32px var(--shadow);display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;max-width:1200px;min-height:400px;padding:4rem 2rem;text-align:center;width:100%}.empty-icon,.error-icon,.loading-spinner{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.loading-spinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state h3,.error-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.empty-state p,.error-state p,.loading-state p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.coming-soon{padding:3rem 2rem;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:1rem}.coming-soon h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.coming-soon p{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.feature-preview{background:var(--bg-secondary);border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:left}.feature-preview h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.feature-preview ul{list-style:none;margin:0;padding:0}.feature-preview li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem;padding:.5rem 0}.feature-preview li:last-child{border-bottom:none}.login-required-btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s}.login-required-btn:hover{background:#16a34a}.dark-theme .login-required-btn{background:#0f8;color:#000}.dark-theme .login-required-btn:hover{background:#00e677}.dark-theme .login-required{background:var(--bg-card);border-color:var(--border-color)}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:1rem 0}.footer-content{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content,.footer-left{align-items:center;display:flex}.footer-left{gap:1.5rem}.footer-brand{align-items:center;display:flex;gap:.5rem}.footer-logo{display:block;height:auto;width:clamp(28px,3.5vw,40px)}.footer-brand-name{color:#22c55e;font-size:1rem;font-weight:600}.dark-theme .footer-brand-name{color:#0f8}.footer-brand .beta-badge{font-size:.6rem;margin-left:.4rem;padding:2px 5px}.footer-info{align-items:center;display:flex;gap:.5rem}.footer-text{color:var(--text-secondary);font-size:.9rem}.footer-separator{color:var(--text-muted);font-size:.8rem}.footer-links{align-items:center;display:flex;gap:.5rem}.footer-link-btn{background:none;border:none;color:var(--accent-blue);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:0;text-decoration:none;transition:color .2s}.footer-link-btn:hover{color:#0056b3;text-decoration:underline}.dark-theme .footer-link-btn{color:#4a90e2}.dark-theme .footer-link-btn:hover{color:#6ba3e6}.footer-blog-link{align-items:center;color:var(--accent-blue);display:flex;font-size:.9rem;font-weight:500;gap:.25rem;text-decoration:none;transition:color .2s}.footer-blog-link:hover{color:#0056b3;text-decoration:underline}.dark-theme .footer-blog-link:hover{color:#4a90e2}@media (max-width:768px){.header-right{align-items:flex-end;flex-direction:column;gap:8px}.header-brand{justify-content:center;width:100%}.header-brand-name{font-size:1.1rem}.ranking-btn{width:100%}.footer-content{text-align:center}.footer-content,.footer-left{flex-direction:column;gap:.5rem}.footer-brand{justify-content:center}.footer-info{flex-direction:column;gap:.25rem}.footer-links{align-items:center;flex-direction:column;gap:.5rem}.footer-links .footer-separator{display:none}}.ranking-page{background:var(--bg-card);border:1px solid #0000000a;border-radius:18px;box-shadow:0 4px 28px var(--shadow);display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:fit-content;margin:0 auto;max-width:900px;overflow:hidden;padding:1.5rem;position:relative;width:100%}.dark-theme .ranking-page{border-color:#ffffff14}.main-content.ranking-view{align-items:center;justify-content:center}.ranking-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.ranking-page-header h2{color:var(--text-primary);font-size:1.25rem;margin:0}.ranking-refresh-btn{background:#0000;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.35rem .7rem;transition:background-color .2s ease,color .2s ease,transform .2s ease}.ranking-refresh-btn:hover:not(:disabled){background:#22c55e1f;color:var(--accent-green);transform:rotate(10deg)}.ranking-refresh-btn:disabled{cursor:default;opacity:.5}.ranking-page-title{align-items:center;display:flex;gap:.75rem}.ranking-icon{font-size:1.8rem;line-height:1}.ranking-page-title p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}.ranking-action-buttons{align-items:center;display:flex;gap:.5rem}.ranking-close-page{background:#0000;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.4rem .85rem;transition:background-color .2s ease,color .2s ease,transform .2s ease}.ranking-close-page:hover{background:#22c55e1f;color:var(--accent-green);transform:translateY(-1px)}.dark-theme .ranking-close-page{border-color:#00ff884d;color:#0f8}.dark-theme .ranking-close-page:hover{background:#00ff8826}.ranking-table-wrapper{overflow:hidden}.ranking-table-wrapper.ranking-full{max-height:calc(80vh - 160px)}.ranking-table-header{grid-gap:.5rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.82rem;gap:.5rem;grid-template-columns:.6fr 1.8fr 1.3fr 1.1fr;padding-bottom:.75rem}.ranking-table{list-style:none;margin:.5rem 0 0;max-height:55vh;overflow-y:auto;padding:.5rem 0;scroll-padding:.5rem;scroll-snap-type:y proximity}.ranking-row{grid-gap:.5rem;border-bottom:1px solid #0000000d;color:var(--text-primary);font-size:.93rem;gap:.5rem;grid-template-columns:.6fr 1.8fr 1.3fr 1.1fr;min-height:48px;padding:.6rem 0;scroll-snap-align:start;scroll-snap-stop:always}.dark-theme .ranking-row{border-bottom-color:#ffffff14}.ranking-row:last-child{border-bottom:none}.ranking-rank{color:var(--accent-blue);font-weight:700}.ranking-nickname{font-weight:600}.ranking-balance,.ranking-games{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ranking-status{border:1px dashed #00000014;border-radius:12px;color:var(--text-secondary);padding:1.5rem 1rem;text-align:center}.dark-theme .ranking-status{border-color:#ffffff1f}.ranking-status.error{border-color:#ef444466;color:#ef4444}@media (max-width:1280px){.ranking-page{max-width:100%}.main-content.ranking-view{align-items:center;flex-direction:column;justify-content:center}.ranking-action-buttons{justify-content:flex-start;width:100%}}@media (max-width:540px){.ranking-row,.ranking-table-header{grid-template-columns:.5fr 2fr 1.2fr}.ranking-row .ranking-games,.ranking-table-header span:last-child{display:none}}.light-theme,:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#e9ecef;--bg-card:#fff;--bg-chart:#fff;--bg-input:#fff;--text-primary:#222;--text-secondary:#495057;--text-muted:#bdbdbd;--border-color:#e0e0e0;--border-light:#f2f2f2;--accent-green:#1ec800;--accent-blue:#1763b6;--accent-red:#e53a3a;--accent-orange:#f7b500;--shadow:#1763b614;--tooltip-bg:#fffbe7;--grid-color:#e9ecef}.light-theme .chart-title,.light-theme .symbol{color:#00a854}.light-theme .chart-subinfo{color:#666}.light-theme .balance-label{color:#555}.light-theme .text-muted{color:#666}.light-theme .trade-history-item.buy .trade-type{color:#26a69a!important}.light-theme .trade-history-item.sell .trade-type{color:#ef5350!important}.light-theme .trade-history-item .trade-price{color:#000!important}.light-theme .buy-percentage{background:linear-gradient(45deg,#d32f2f,#e53a3a)!important;border:2px solid #d32f2f!important;box-shadow:0 8px 25px #d32f2f40!important;color:#fff!important}.light-theme .sell-percentage{background:linear-gradient(45deg,#1565c0,#1763b6)!important;border:2px solid #1565c0!important;box-shadow:0 8px 25px #1565c040!important;color:#fff!important}.light-theme .buy-btn{background:linear-gradient(45deg,#d32f2f,#e53a3a)!important;border:2px solid #d32f2f!important;box-shadow:0 8px 25px #d32f2f40!important;color:#fff!important}.light-theme .sell-btn{background:linear-gradient(45deg,#1565c0,#1763b6)!important;border:2px solid #1565c0!important;box-shadow:0 8px 25px #1565c040!important;color:#fff!important}.dark-theme{--bg-primary:#181c24;--bg-secondary:#23284a;--bg-tertiary:#1a1a2e;--bg-card:#23284a;--bg-chart:#181c24;--bg-input:#23284a;--text-primary:#f8f9fa;--text-secondary:#bdbdbd;--text-muted:#757575;--border-color:#23284a;--border-light:#23284a;--accent-green:#1ec800;--accent-blue:#1763b6;--accent-red:#e53a3a;--accent-orange:#f7b500;--shadow:#1763b62e;--tooltip-bg:#23284a;--grid-color:#23284a}*{box-sizing:border-box;margin:0;padding:0}body{color:#222;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}.App,body{background:#f8f9fa;background:var(--bg-primary);min-height:100vh}.App{display:flex;flex-direction:column}.game-container{background:#f8f9fa;background:var(--bg-primary)}.App-header{background:linear-gradient(90deg,#fff,#f7b500);border-bottom:3px solid #1763b6;box-shadow:0 4px 24px #1763b61a;padding:1rem 2rem}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#e53a3a,#1763b6,#f7b500,#1ec800);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.4rem;text-shadow:0 2px 8px #fffbe7,0 1px 0 #bdbdbd}.game-status{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.status-item{background:#ffffff1a;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;padding:.4rem .8rem}.status-item strong{color:#1ec800;color:var(--accent-green);font-weight:700}.game-container{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr 320px;margin:0 auto;max-width:1400px;padding:1rem;width:100%}.chart-section{background:#1e1e2ecc;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #1763b614;box-shadow:0 8px 32px var(--shadow);overflow:hidden}.chart-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem}.chart-header h2{color:#222;color:var(--text-primary);font-size:1.2rem;font-weight:600}.position-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.position-badge{font-size:.8rem;padding:.25rem .75rem}.profit{font-size:.9rem}.chart-container{align-items:stretch;background:#fff;background:var(--bg-chart);border-radius:12px;box-sizing:border-box;height:600px;min-height:600px;min-width:0;padding:1rem}.chart-container,.chart-wrapper{display:flex;flex-direction:column;max-width:100%;overflow:hidden;width:100%}.chart-wrapper{flex:1 1;height:100%;min-height:0}.chart-wrapper .recharts-wrapper{margin-bottom:.5rem}.chart-wrapper .recharts-wrapper:last-child{margin-bottom:0}.trading-section{display:flex;flex-direction:column;gap:1rem}.trading-panel{background:#1e1e2ecc;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #1763b614;box-shadow:0 8px 32px var(--shadow);padding:1.5rem}.trading-panel h3{color:#222;color:var(--text-primary);font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.trading-controls{display:flex;flex-direction:column;gap:1.5rem}.quantity-input{gap:.5rem}.quantity-input label{color:#495057;color:var(--text-secondary);font-size:.9rem;font-weight:500}.quantity-input input{border:1px solid #e0e0e0;border:1px solid var(--border-color);font-size:1rem;padding:.75rem;transition:all .3s ease}.quantity-input input:focus{border-color:#1ec800;border-color:var(--accent-green);box-shadow:0 0 0 2px #0f83;outline:none}.quantity-input input::-webkit-inner-spin-button,.quantity-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.action-buttons{display:flex;flex-direction:column;gap:1rem}.buy-btn,.close-btn,.sell-btn,.start-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.start-btn{background:linear-gradient(45deg,#f7b500,#1ec800);border:2px solid #f7b500;box-shadow:0 8px 25px #f7b5002e;color:#fff;font-size:1.15rem;padding:1.2rem}.start-btn:hover{box-shadow:0 12px 32px #f7b50040;transform:translateY(-2px) scale(1.03)}.buy-btn{background:linear-gradient(45deg,#e53a3a,#ffffff59)!important;border:2px solid #e53a3a!important;box-shadow:0 8px 25px #e53a3a2e!important;color:#e53a3a!important}.buy-btn:hover{box-shadow:0 12px 32px #e53a3a40!important;transform:translateY(-2px) scale(1.03)}.sell-btn{background:linear-gradient(45deg,#1763b6,#ffffff59)!important;border:2px solid #1763b6!important;box-shadow:0 8px 25px #1763b62e!important;color:#1763b6!important}.sell-btn:hover{box-shadow:0 12px 32px #1763b640!important;transform:translateY(-2px) scale(1.03)}.close-btn{background:linear-gradient(45deg,#f7b500,#bdbdbd);border:2px solid #f7b500;box-shadow:0 8px 25px #f7b5001f;color:#222}.close-btn:hover{box-shadow:0 12px 32px #bdbdbd2e;transform:translateY(-2px) scale(1.03)}@media (max-width:1200px){.game-container{grid-template-columns:1fr;grid-template-rows:auto auto}.trading-section{order:-1}}@media (max-width:768px){.App-header{padding:1rem}.App-header h1{font-size:1.5rem}.game-status{gap:1rem}.game-container{gap:1rem;padding:1rem}.chart-header{align-items:flex-start;flex-direction:column}.position-info{justify-content:space-between;width:100%}.chart-container{height:350px}}@media (max-width:480px){.game-status,.position-info{align-items:center;flex-direction:column}.position-info{gap:.5rem}.action-buttons{gap:.75rem}.buy-btn,.close-btn,.sell-btn,.start-btn{font-size:.9rem;padding:.875rem 1.25rem}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.game-active .status-item strong{animation:pulse 2s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#00ff8880;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ff88b3}.game-start-container{align-items:center;background:#fff;background:var(--bg-chart);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.light-theme .game-start-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#333}.game-start-container h2{color:#0f8;font-size:2rem;margin-bottom:1rem}.game-start-container p{color:#aaa;font-size:1.1rem;margin-bottom:2rem}.light-theme .game-start-container h2{color:#00a854}.light-theme .game-start-container p{color:#666}.start-game-btn{background:linear-gradient(45deg,#0f8,#00d4ff);border:none;border-radius:12px;box-shadow:0 4px 20px #00ff884d;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1.2rem 2.5rem;transition:all .3s ease}.start-game-btn:hover{box-shadow:0 8px 30px #0f86;transform:translateY(-2px)}.light-theme .start-game-btn{background:linear-gradient(45deg,#00a854,#09c);box-shadow:0 4px 20px #00a8544d}.light-theme .start-game-btn:hover{box-shadow:0 8px 30px #00a85466}.alpha-square-theme{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh}.top-infobar{background:#fff;background:var(--bg-secondary);box-shadow:0 2px 12px #1763b614;box-shadow:0 2px 12px var(--shadow);display:flex;justify-content:flex-start;padding:.8rem 0;width:100%}.infobar-card{align-items:center;background:#fff;background:var(--bg-card);border-radius:16px;box-shadow:0 2px 12px #00ff8814;display:flex;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;width:100%}.symbol{color:#0f8;letter-spacing:1px}.price,.symbol{font-size:1.25rem;font-weight:700}.price{color:#222;color:var(--text-primary)}.change-rate{border-radius:12px;font-size:1.1rem;font-weight:700;padding:.2rem .8rem}.change-rate.up{background:#00ff881f;color:#1ec800;color:var(--accent-green)}.change-rate.down{background:#ff47571f;color:#e53a3a;color:var(--accent-red)}.balance{color:#1763b6;color:var(--accent-blue)}.timer{color:#f7b500;color:var(--accent-orange)}.main-content{align-items:flex-start;background:#f8f9fa;background:var(--bg-primary);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:0 auto;max-width:1600px;min-height:100vh;padding:1.5rem 0;width:100%}.chart-card{box-sizing:border-box;flex:5 1 900px;flex-direction:column;max-width:1200px;min-width:600px;padding:1.5rem 2rem;width:calc(100% - 400px)}.chart-card,.trade-card{background:#fff;background:var(--bg-card);border-radius:18px;box-shadow:0 4px 32px #1763b614;box-shadow:0 4px 32px var(--shadow);display:flex;gap:1rem}.trade-card{flex:0 1 180px;flex-direction:column;max-width:260px;min-width:0}.chart-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.chart-header-left{display:flex;flex-direction:column;gap:.2rem}.chart-header-right{align-items:center;display:flex}.header-close-btn{background:linear-gradient(45deg,#f7b500,#ffa726);border:2px solid #f7b500;border-radius:6px;box-shadow:0 4px 12px #f7b5004d;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;min-height:32px;padding:.4rem .8rem;transition:all .2s ease}.light-theme .header-close-btn{color:#000}.dark-theme .header-close-btn{background:linear-gradient(45deg,#f7b500,#fff3);border:2px solid #f7b500;box-shadow:0 4px 12px #f7b50033;color:#fff}.header-close-btn:hover:not(:disabled){box-shadow:0 6px 16px #f7b50066;transform:translateY(-1px)}.dark-theme .header-close-btn:hover:not(:disabled){box-shadow:0 6px 16px #f7b5004d}.header-close-btn:disabled{cursor:not-allowed;opacity:.5}.chart-title{color:#0f8;font-size:1.2rem;font-weight:700}.chart-subinfo{color:#bdbdbd;color:var(--text-muted);font-size:1rem}.trade-card{box-sizing:border-box;max-width:320px;min-width:280px;padding:1.5rem 1rem;width:100%}.balance-info{background:#fff;background:var(--bg-input);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:12px;margin-bottom:.3rem;padding:.6rem}.balance-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.balance-item:last-child{margin-bottom:0}.balance-label{display:flex;font-size:.9rem;font-weight:500;gap:.3rem}.balance-info-btn,.balance-label{align-items:center;color:#bdbdbd;color:var(--text-muted)}.balance-info-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;display:inline-flex;font-size:11px;height:16px;justify-content:center;margin:0;opacity:.7;padding:0;transition:all .2s ease;width:16px}.balance-info-btn:hover{background:#fff;background:var(--bg-input);color:#1ec800;color:var(--accent-green);opacity:1;transform:scale(1.1)}.balance-value{align-items:center;color:#222;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem}.profit-rate{font-size:.85rem;font-weight:700}.profit-rate.positive{color:#1ec800;color:var(--accent-green)}.profit-rate.negative{color:#e53a3a;color:var(--accent-red)}.profit-rate.neutral{color:#bdbdbd;color:var(--text-muted)}.trade-section{background:#fff;background:var(--bg-input);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:12px;margin-bottom:.8rem;padding:.6rem}.trade-section-header{border-bottom:2px solid #f2f2f2;border-bottom:2px solid var(--border-light);margin-bottom:.6rem;padding-bottom:.3rem}.section-title{align-items:center;color:#222;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0}.trade-section-header .section-title .fee-info-btn{font-size:11px;height:20px;margin:0;padding:0;width:20px}.subsection-title{color:#495057;color:var(--text-secondary);font-size:.9rem;font-weight:700;margin-bottom:.5rem;text-align:center}.top-trade-controls{align-items:flex-end;border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--border-light);display:flex;gap:1.2rem;margin-bottom:1rem;padding-bottom:1rem;padding-top:.5rem}.quantity-input-compact{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:80px}.quantity-input-compact label{color:#bdbdbd;color:var(--text-muted);font-size:.8rem;font-weight:500}.quantity-input-compact input{background:#fff;background:var(--bg-input);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:6px;color:#222;color:var(--text-primary);font-size:.9rem;min-height:32px;padding:.4rem .6rem;width:100%}.quantity-input-compact input:focus{border-color:#1763b6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #007bff33;outline:none}.compact-trade-buttons{display:flex;gap:.3rem;min-width:140px}.compact-btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:700;min-height:32px;padding:.4rem .6rem;transition:all .2s ease;white-space:nowrap}.compact-btn:disabled{cursor:not-allowed;opacity:.5}.compact-btn.buy-btn{background:linear-gradient(45deg,#1ec800,#1763b6);background:linear-gradient(45deg,var(--accent-green),var(--accent-blue));color:#000}.compact-btn.buy-btn:hover:not(:disabled){box-shadow:0 2px 8px #00ff884d;transform:translateY(-1px)}.compact-btn.sell-btn{background:linear-gradient(45deg,#e53a3a,#ff6b7a);background:linear-gradient(45deg,var(--accent-red),#ff6b7a);color:#fff}.compact-btn.sell-btn:hover:not(:disabled){box-shadow:0 2px 8px #ff47574d;transform:translateY(-1px)}.compact-btn.close-btn{background:linear-gradient(45deg,#f7b500,#ffa726);background:linear-gradient(45deg,var(--accent-orange),#ffa726);color:#000}.compact-btn.close-btn:hover:not(:disabled){box-shadow:0 2px 8px #ffa7264d;transform:translateY(-1px)}.percentage-section{margin-bottom:.8rem}.percentage-section:last-child{margin-bottom:0}.percentage-buttons{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(5,1fr)}.percentage-btn{border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:700;min-height:32px;padding:.4rem .2rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.percentage-btn:disabled{cursor:not-allowed;opacity:.5}.buy-percentage{background:linear-gradient(45deg,#e53a3a,#ffffff59)!important;border:2px solid #e53a3a!important;box-shadow:0 8px 25px #e53a3a2e!important;color:#fff!important}.buy-percentage:hover:not(:disabled){box-shadow:0 12px 32px #e53a3a40!important;transform:translateY(-2px)}.sell-percentage{background:linear-gradient(45deg,#1763b6,#ffffff59)!important;border:2px solid #1763b6!important;box-shadow:0 8px 25px #1763b62e!important;color:#fff!important}.sell-percentage:hover:not(:disabled){box-shadow:0 12px 32px #1763b640!important;transform:translateY(-2px)}.trade-panel{display:flex;flex-direction:column;gap:1.2rem}.trade-row{align-items:center;display:flex;gap:1.2rem;margin-bottom:.5rem}.trade-btn-row{gap:.7rem;justify-content:space-between}.trade-buttons{display:flex;gap:.4rem;margin-bottom:.8rem}.trade-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:700;min-height:36px;padding:.6rem .4rem;transition:all .2s ease}.trade-btn:disabled{cursor:not-allowed;opacity:.5}.trade-btn.buy-btn{background:linear-gradient(45deg,#1ec800,#1763b6);background:linear-gradient(45deg,var(--accent-green),var(--accent-blue));color:#000}.trade-btn.buy-btn:hover:not(:disabled){box-shadow:0 4px 12px #00ff884d;transform:translateY(-2px)}.trade-btn.sell-btn{background:linear-gradient(45deg,#e53a3a,#ff6b7a);background:linear-gradient(45deg,var(--accent-red),#ff6b7a);color:#fff}.trade-btn.sell-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff47574d;transform:translateY(-2px)}.trade-btn.close-btn{background:linear-gradient(45deg,#f7b500,#ffa726);background:linear-gradient(45deg,var(--accent-orange),#ffa726);color:#000}.trade-btn.close-btn:hover:not(:disabled){box-shadow:0 4px 12px #ffa7264d;transform:translateY(-2px)}.quantity-input{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.quantity-input label{color:#bdbdbd;color:var(--text-muted);font-size:.95rem;margin-bottom:.2rem}.quantity-input input{background:#fff;background:var(--bg-input);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:8px;color:#222;color:var(--text-primary);padding:.7rem 1rem}.big-btn,.quantity-input input{font-size:1.1rem;font-weight:700}.big-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;margin:0 .1rem;padding:1.1rem 0;transition:all .2s}.buy-btn{background:linear-gradient(45deg,#1ec800,#1763b6);background:linear-gradient(45deg,var(--accent-green),var(--accent-blue));color:#000}.buy-btn:disabled{background:#bdbdbd;background:var(--text-muted);color:#495057;color:var(--text-secondary);cursor:not-allowed}.sell-btn{background:linear-gradient(45deg,#e53a3a,#ff6b7a);background:linear-gradient(45deg,var(--accent-red),#ff6b7a);color:#fff}.sell-btn:disabled{background:#bdbdbd;background:var(--text-muted);color:#495057;color:var(--text-secondary);cursor:not-allowed}.close-btn{background:linear-gradient(45deg,#f7b500,#ffb142);background:linear-gradient(45deg,var(--accent-orange),#ffb142);color:#000}.close-btn:disabled{background:#bdbdbd;background:var(--text-muted);color:#495057;color:var(--text-secondary);cursor:not-allowed}.position-info{background:#fff;background:var(--bg-input);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:8px;padding:.8rem}.position-details{display:flex;flex-direction:column;gap:.8rem}.position-header{align-items:center;border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding-bottom:.5rem}.position-data{display:flex;flex-direction:column;gap:.5rem}.position-item{align-items:center;display:flex;justify-content:space-between}.position-label{color:#bdbdbd;color:var(--text-muted);font-size:.9rem;font-weight:500}.position-value{color:#222;color:var(--text-primary);font-size:1rem;font-weight:700}.no-position{font-style:italic;padding:1rem;text-align:center}.position-badge{border-radius:20px;font-size:.95rem;font-weight:700;padding:.25rem .9rem;text-transform:uppercase}.position-badge.long{background:linear-gradient(45deg,#1ec800,#1763b6);background:linear-gradient(45deg,var(--accent-green),var(--accent-blue));color:#000}.position-badge.short{background:linear-gradient(45deg,#e53a3a,#ff6b7a);background:linear-gradient(45deg,var(--accent-red),#ff6b7a);color:#fff}.profit{font-size:1.05rem;font-weight:700}.profit.positive{color:#1ec800;color:var(--accent-green)}.profit.negative{color:#e53a3a;color:var(--accent-red)}.no-position{color:#bdbdbd;color:var(--text-muted);font-size:1rem}.trade-history-container{max-height:150px;overflow-y:auto;scrollbar-color:#1ec800 #0000;scrollbar-color:var(--accent-green) #0000;scrollbar-width:thin}.trade-history-container::-webkit-scrollbar{width:4px}.trade-history-container::-webkit-scrollbar-track{background:#0000}.trade-history-container::-webkit-scrollbar-thumb{background:#1ec800;background:var(--accent-green);border-radius:2px}.trade-history-container::-webkit-scrollbar-thumb:hover{background:#1763b6;background:var(--accent-blue)}.trade-history-list{list-style:none;margin:0;padding:0}.trade-history-item{background:#fff;background:var(--bg-input);border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--border-light);border-radius:6px;display:flex;flex-direction:column;gap:.2rem;margin-bottom:.3rem;padding:.5rem}.trade-details,.trade-info{align-items:center;display:flex;justify-content:space-between}.trade-details{color:#bdbdbd;color:var(--text-muted);font-size:.85rem}.trade-history-item.long .trade-type{color:#1ec800;color:var(--accent-green)}.trade-history-item.short .trade-type{color:#e53a3a;color:var(--accent-red)}.trade-history-item.close .trade-type{color:#f7b500;color:var(--accent-orange)}.trade-history-item.buy .trade-type{color:#1ec800;color:var(--accent-green)}.trade-history-item.sell .trade-type{color:#e53a3a;color:var(--accent-red)}.trade-profit{font-size:.85rem;font-weight:700;margin-left:auto}.trade-profit.positive{color:#1ec800;color:var(--accent-green)}.trade-profit.negative{color:#e53a3a;color:var(--accent-red)}.trade-history-empty{color:#bdbdbd;color:var(--text-muted);font-size:.95rem;padding:.5rem 0}@media (max-width:1200px){.main-content{align-items:stretch;flex-direction:column;gap:2rem;padding:1.5rem 0}.chart-card,.trade-card{max-width:none;min-width:0;min-width:auto;width:100%}.chart-card{max-width:100%;min-width:100%;width:100%}.trade-card{margin:0 auto;max-width:400px;min-width:320px}}@media (max-width:768px){.infobar-card{font-size:1rem;gap:1.2rem;padding:.7rem 1rem}.main-content{flex-direction:column;gap:1.2rem;padding:1rem 0}.chart-card,.trade-card{padding:1rem .5rem}.chart-card{max-width:100%;min-width:100%;width:100%}.trade-card{margin:0 auto;max-width:350px;min-width:300px}.chart-container{height:400px;min-height:400px;padding:.5rem}}@media (max-width:480px){.infobar-card{flex-direction:column;font-size:.95rem;gap:.5rem;padding:.5rem}.main-content{padding:.5rem 0}.chart-card,.trade-card{padding:.5rem .2rem}.chart-card{max-width:100%;min-width:100%;width:100%}.trade-card{margin:0 auto;max-width:320px;min-width:280px}.chart-container{height:300px;min-height:300px;padding:.2rem}}.candlestick-wrapper{align-items:stretch;border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:12px;display:flex;flex:1 1;height:450px;justify-content:flex-start;margin-bottom:.5rem;max-width:100%;min-height:450px;overflow:hidden;padding:0;position:relative;width:100%}.candlestick-chart,.candlestick-wrapper{background:#fff;background:var(--bg-chart)}.candlestick-chart{border-radius:12px}.candlestick-chart text{font-family:Arial,sans-serif}.candlestick-chart line{stroke-linecap:round}.candlestick-chart rect{stroke-linejoin:round}.time-labels{display:flex;justify-content:space-between;margin-top:.5rem;padding:0 1rem;width:900px}.time-label{color:#bdbdbd;color:var(--text-muted);font-size:10px}.chart-tooltip,.time-label{font-family:Arial,sans-serif}.chart-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffbe7;background:var(--tooltip-bg);border:1px solid #fff;border:1px solid var(--bg-card);border-radius:8px;box-shadow:0 8px 32px #1763b614;box-shadow:0 8px 32px var(--shadow);color:#222;color:var(--text-primary);font-size:12px;min-width:200px;padding:12px}.tooltip-content{display:flex;flex-direction:column;gap:6px}.tooltip-row{align-items:center;display:flex;justify-content:space-between}.tooltip-label{color:#bdbdbd;color:var(--text-muted);font-weight:400}.tooltip-value{color:#222;color:var(--text-primary);font-weight:700}.tooltip-value.positive{color:#1ec800;color:var(--accent-green)}.tooltip-value.negative{color:#e53a3a;color:var(--accent-red)}.chart-controls{align-items:center;background:#ffffff0d;border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.5rem 1rem}.control-btn{background:#ffffff1a;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#222;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.control-btn:hover{background:#fff3;border-color:#1ec800;border-color:var(--accent-green);transform:translateY(-1px)}.zoom-info{color:#1ec800;color:var(--accent-green);font-size:.9rem;font-weight:700}.zoom-hint{color:#bdbdbd;color:var(--text-muted);font-size:.8rem;font-style:italic}.chart-info{color:#495057;color:var(--text-secondary);font-size:.8rem;margin-left:auto}.zoom-hint-message{animation:zoomHintFade 2s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff88e6;border-radius:12px;box-shadow:0 8px 32px #00ff884d;color:#000;font-size:1.1rem;font-weight:700;left:50%;padding:1rem 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes zoomHintFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.theme-toggle-btn{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;color:#222;color:var(--text-primary);cursor:pointer;font-size:16px;margin-left:15px;padding:8px 12px;transition:all .3s ease}.theme-toggle-btn:hover{background:#fff;background:var(--bg-secondary);border-color:#1ec800;border-color:var(--accent-green);transform:scale(1.05)}.mode-selection{display:flex;gap:20px;justify-content:center;margin:20px 0}.mode-selection label{align-items:center;color:#aaa;cursor:pointer;display:flex;font-size:14px;gap:8px}.light-theme .mode-selection label{color:#666}.mode-selection input[type=radio]{margin:0}.manual-controls{margin-top:10px;text-align:center}.next-candle-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.next-candle-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.next-candle-btn:active{transform:translateY(0)}.light-theme .next-candle-btn{background:linear-gradient(135deg,#5c6bc0,#6a4c93);box-shadow:0 4px 15px #5c6bc04d}.light-theme .next-candle-btn:hover{box-shadow:0 6px 20px #5c6bc066}.dark-theme .trade-history-item.buy .trade-type{color:#26a69a!important}.dark-theme .trade-history-item.sell .trade-type{color:#ef5350!important}.dark-theme .trade-history-item .trade-price{color:#fff!important}.dark-theme .buy-percentage{background:linear-gradient(45deg,#0f8,#00d4ff)!important;border:2px solid #0f8!important;box-shadow:0 8px 25px #00ff8840!important;color:#000!important}.dark-theme .sell-percentage{background:linear-gradient(45deg,#ff4757,#ff6b7a)!important;border:2px solid #ff4757!important;box-shadow:0 8px 25px #ff475740!important;color:#fff!important}.dark-theme .buy-btn{background:linear-gradient(45deg,#0f8,#00d4ff)!important;border:2px solid #0f8!important;box-shadow:0 8px 25px #00ff8840!important;color:#000!important}.dark-theme .sell-btn{background:linear-gradient(45deg,#ff4757,#ff6b7a)!important;border:2px solid #ff4757!important;box-shadow:0 8px 25px #ff475740!important;color:#fff!important}.game-end-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.game-end-popup{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 8px 32px #1763b614;box-shadow:0 8px 32px var(--shadow);max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.game-end-popup h2{color:#1ec800;color:var(--accent-green);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.stock-info{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.stock-info h3{color:#1763b6;color:var(--accent-blue);font-size:1.1rem;margin-bottom:.8rem;text-align:center}.stock-details{display:flex;flex-direction:column;gap:.5rem}.stock-item{align-items:center;display:flex;justify-content:space-between;padding:.3rem 0}.stock-label{color:#495057;color:var(--text-secondary)}.stock-label,.stock-value{font-size:.9rem;font-weight:700}.stock-value{color:#222;color:var(--text-primary)}.game-result{margin-bottom:1.5rem}.result-item{align-items:center;border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.5rem 0}.result-label{color:#495057;color:var(--text-secondary);font-weight:700}.result-value{color:#222;color:var(--text-primary);font-weight:700}.result-value.positive{color:#1ec800;color:var(--accent-green)}.result-value.negative{color:#e53a3a;color:var(--accent-red)}.result-value.neutral{color:#bdbdbd;color:var(--text-muted)}.unlocked-achievements{animation:achievementPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf501a,#2196f31a);border:2px solid #1ec800;border:2px solid var(--accent-green);border-radius:12px;margin-bottom:1.5rem;padding:1rem}@keyframes achievementPulse{0%,to{box-shadow:0 0 0 0 #4caf5066}50%{box-shadow:0 0 0 8px #4caf5000}}.unlocked-achievements h3{color:#1ec800;color:var(--accent-green);font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center}.achievements-list{display:flex;flex-direction:column;gap:1rem}.achievements-group{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;padding:.8rem}.achievements-group h4{color:#222;color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:.5rem}.achievements-items{display:flex;flex-wrap:wrap;gap:.5rem}.achievement-item{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;gap:.5rem;padding:.4rem .8rem}.achievement-icon{font-size:1.2rem}.achievement-name{color:#222;font-weight:500}.trade-summary{margin-bottom:1.5rem}.trade-summary h3{color:#222;color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;text-align:center}.trade-summary-list{max-height:200px;overflow-y:auto}.trade-summary-item{align-items:center;border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--border-light);display:flex;font-size:.9rem;justify-content:space-between;padding:.4rem 0}.trade-summary-item .trade-type{color:#1ec800;color:var(--accent-green);font-weight:700}.trade-summary-item .trade-price{color:#222;color:var(--text-primary)}.trade-summary-item .trade-size{color:#495057;color:var(--text-secondary)}.trade-summary-more{color:#bdbdbd;color:var(--text-muted);font-style:italic;padding:.5rem 0;text-align:center}.close-popup-btn{background:linear-gradient(45deg,#1ec800,#1763b6);background:linear-gradient(45deg,var(--accent-green),var(--accent-blue));border:none;border-radius:12px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.close-popup-btn:hover{box-shadow:0 4px 12px #00ff884d;transform:translateY(-2px)}.candle-counter{align-items:center;background:#fff;background:var(--bg-input);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;color:#f7b500;color:var(--accent-orange);display:flex;font-size:.9rem;font-weight:700;margin-right:1rem;padding:.4rem .8rem}.exit-confirm-popup{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 8px 32px #1763b614;box-shadow:0 8px 32px var(--shadow);max-width:400px;padding:2rem;text-align:center;width:90%}.exit-confirm-popup h2{color:#f7b500;color:var(--accent-orange);font-size:1.3rem;margin-bottom:1rem}.exit-confirm-popup p{color:#495057;color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.logout-confirm-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-confirm-popup{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#fff,#fff);background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-secondary) 100%);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #e0e0e0,inset 0 1px 0 #ffffff1a;box-shadow:0 20px 60px #0000004d,0 0 0 1px var(--border-color),inset 0 1px 0 #ffffff1a;max-width:420px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;width:90%}.logout-confirm-popup:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#e53a3a,#ff6b7a,#e53a3a);background:linear-gradient(90deg,var(--accent-red),#ff6b7a,var(--accent-red));background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.logout-icon{animation:bounce .6s ease-out;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logout-confirm-popup h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e53a3a,#ff6b7a);background:linear-gradient(135deg,var(--accent-red),#ff6b7a);-webkit-background-clip:text;background-clip:text;color:#222;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.logout-message{color:#495057;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.logout-sub-message{color:var(--text-tertiary);display:block;font-size:.875rem;margin-top:.5rem;opacity:.8}.logout-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.logout-cancel-btn,.logout-confirm-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s ease}.logout-cancel-btn{background:#e9ecef;background:var(--bg-tertiary);border:2px solid #e0e0e0;border:2px solid var(--border-color);color:#222;color:var(--text-primary)}.logout-cancel-btn:hover{background:#fff;background:var(--bg-secondary);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.logout-cancel-btn:active{transform:translateY(0)}.logout-confirm-btn{background:linear-gradient(135deg,#e53a3a,#ff6b7a);background:linear-gradient(135deg,var(--accent-red),#ff6b7a);border:2px solid #0000;box-shadow:0 4px 15px #ff47574d;color:#fff}.logout-confirm-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.logout-confirm-btn:hover:before{left:100%}.logout-confirm-btn:hover{background:linear-gradient(135deg,#ff4757,#ff6b7a);box-shadow:0 6px 20px #ff475766;transform:translateY(-2px)}.logout-confirm-btn:active{box-shadow:0 2px 8px #ff47574d;transform:translateY(0)}.dark-theme .logout-confirm-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff0d}.dark-theme .logout-cancel-btn{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .logout-cancel-btn:hover{background:#ffffff1a}.exit-confirm-buttons{display:flex;gap:1rem;justify-content:center}.confirm-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;min-width:100px;padding:.8rem 2rem;transition:all .3s ease}.confirm-btn.yes-btn{background:linear-gradient(45deg,#e53a3a,#ff6b7a);background:linear-gradient(45deg,var(--accent-red),#ff6b7a);color:#fff}.confirm-btn.yes-btn:hover{box-shadow:0 4px 12px #ff47574d;transform:translateY(-2px)}.confirm-btn.no-btn{background:linear-gradient(45deg,#bdbdbd,#bdbdbd);background:linear-gradient(45deg,var(--text-muted),#bdbdbd);color:#fff}.confirm-btn.no-btn:hover{box-shadow:0 4px 12px #bdbdbd4d;transform:translateY(-2px)}.indicator-panel{background:#fff;background:var(--bg-input);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:12px;padding:1rem}.indicator-group,.indicator-panel{margin-bottom:1rem}.indicator-group:last-child{margin-bottom:0}.indicator-group label{color:#495057;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.ma-buttons,.tech-buttons{display:flex;flex-wrap:wrap;gap:.3rem}.indicator-btn{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#222;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:all .2s ease}.indicator-btn.active{background:#1ec800;background:var(--accent-green);border-color:#1ec800;border-color:var(--accent-green);color:#000}.indicator-btn:hover{background:#1763b6;background:var(--accent-blue);color:#fff}.indicator-charts{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.macd-chart,.rsi-chart,.volume-chart{height:120px;padding:.5rem}.indicator-settings,.macd-chart,.rsi-chart,.volume-chart{background:#fff;background:var(--bg-input);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:8px}.indicator-settings{margin-top:.5rem;padding:.8rem}.setting-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.setting-row:last-child{margin-bottom:0}.setting-label{color:#495057;color:var(--text-secondary);font-size:.85rem}.setting-input{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:#222;color:var(--text-primary);font-size:.8rem;padding:.2rem .4rem;width:60px}.feedback-card,.setting-input{background:#fff;background:var(--bg-card)}.feedback-card{align-items:flex-start;animation:feedbackSlideIn .3s ease-out;border:2px solid;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;gap:12px;max-width:350px;padding:16px;position:fixed;right:20px;top:80px;z-index:1000}.feedback-card.positive{background:linear-gradient(135deg,#f0fff4,#fff);background:linear-gradient(135deg,#f0fff4,var(--bg-card));border-color:#1ec800;border-color:var(--accent-green)}.feedback-card.negative{background:linear-gradient(135deg,#fff5f5,#fff);background:linear-gradient(135deg,#fff5f5,var(--bg-card));border-color:#e53a3a;border-color:var(--accent-red)}.feedback-card.tip{background:linear-gradient(135deg,#fffbf0,#fff);background:linear-gradient(135deg,#fffbf0,var(--bg-card));border-color:#f7b500;border-color:var(--accent-orange)}.feedback-card.neutral{background:linear-gradient(135deg,#f0f8ff,#fff);background:linear-gradient(135deg,#f0f8ff,var(--bg-card));border-color:#1763b6;border-color:var(--accent-blue)}.feedback-icon{flex-shrink:0;font-size:20px;margin-top:2px}.feedback-message{color:#222;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.feedback-close{align-items:center;background:none;border:none;border-radius:50%;color:#bdbdbd;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.feedback-close:hover{background:#e9ecef;background:var(--bg-tertiary);color:#222;color:var(--text-primary)}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.light-theme .feedback-card{box-shadow:0 8px 32px #0000001a}.light-theme .feedback-card.positive{background:linear-gradient(135deg,#f6ffed,#fff)}.light-theme .feedback-card.negative{background:linear-gradient(135deg,#fff2f0,#fff)}.light-theme .feedback-card.tip{background:linear-gradient(135deg,#fff7e6,#fff)}.light-theme .feedback-card.neutral{background:linear-gradient(135deg,#f0f8ff,#fff)}@media (max-width:768px){.feedback-card{left:10px;margin:0 10px;max-width:none;right:10px;top:70px}}.order-type-selector{align-items:center;background:#e9ecef;background:var(--bg-tertiary);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px}.order-type-label{color:#222;color:var(--text-primary);font-size:14px;font-weight:500;gap:8px}.fee-info-btn,.order-type-label{align-items:center;cursor:pointer;display:flex}.fee-info-btn{background:#0000;border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:50%;color:#495057;color:var(--text-secondary);flex-shrink:0;font-size:12px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.fee-info-btn:hover{background:#fff;background:var(--bg-input);border-color:#1ec800;border-color:var(--accent-green);color:#1ec800;color:var(--accent-green);transform:scale(1.1)}.order-type-label input[type=checkbox]{accent-color:#1763b6;accent-color:var(--accent-blue);height:16px;width:16px}.order-type-text{font-size:13px;font-weight:600}.price-input-compact{display:flex;flex:1 1;flex-direction:column;gap:4px}.price-input-compact label{color:#495057;color:var(--text-secondary);font-size:12px;font-weight:500}.price-input-compact input{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#222;color:var(--text-primary);font-size:12px;padding:8px 12px;transition:border-color .2s ease}.price-input-compact input:focus{border-color:#1763b6;border-color:var(--accent-blue);outline:none}.trade-tabs{background:#e9ecef;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.trade-tab{background:#0000;border:none;border-radius:6px;color:#495057;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.trade-tab:hover{background:#fff;background:var(--bg-card);color:#222;color:var(--text-primary)}.trade-tab.active{background:#1763b6;background:var(--accent-blue);color:#fff}.trade-tab-content{display:flex;flex-direction:column;gap:12px}.trade-action-btn{background:#fff;background:var(--bg-card);border:2px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:12px 24px;transition:all .2s ease}.trade-action-btn:hover:not(:disabled){color:#fff;transform:translateY(-1px)}.trade-action-btn:disabled{cursor:not-allowed;opacity:.5}.trade-action-btn.buy-btn{border-color:#1ec800;border-color:var(--accent-green);color:#1ec800;color:var(--accent-green)}.trade-action-btn.buy-btn:hover:not(:disabled){background:#1ec800;background:var(--accent-green)}.trade-action-btn.sell-btn{border-color:#e53a3a;border-color:var(--accent-red);color:#e53a3a;color:var(--accent-red)}.trade-action-btn.sell-btn:hover:not(:disabled){background:#e53a3a;background:var(--accent-red)}.limit-order-inputs{display:flex;gap:8px;margin-bottom:12px}.limit-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.limit-input-group label{color:#495057;color:var(--text-secondary);font-size:12px;font-weight:500}.limit-input{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#222;color:var(--text-primary);font-size:12px;padding:8px 12px;transition:border-color .2s ease}.limit-input:focus{border-color:#1763b6;border-color:var(--accent-blue);outline:none}.limit-order-buttons{display:flex;gap:6px}.limit-order-btn{background:#fff;background:var(--bg-card);border:2px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.limit-order-btn:hover:not(:disabled){color:#fff}.limit-order-btn:disabled{cursor:not-allowed;opacity:.5}.limit-order-btn.buy-btn{border-color:#1ec800;border-color:var(--accent-green);color:#1ec800;color:var(--accent-green)}.limit-order-btn.buy-btn:hover:not(:disabled){background:#1ec800;background:var(--accent-green)}.limit-order-btn.sell-btn{border-color:#e53a3a;border-color:var(--accent-red);color:#e53a3a;color:var(--accent-red)}.limit-order-btn.sell-btn:hover:not(:disabled){background:#e53a3a;background:var(--accent-red)}.limit-orders-container{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;max-height:200px;overflow-y:auto;padding:12px}.limit-orders-empty{color:#bdbdbd;color:var(--text-muted);font-size:14px;padding:20px;text-align:center}.limit-orders-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.limit-order-item{align-items:center;background:#fff;background:var(--bg-card);border-left:4px solid;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.limit-order-item.buy{border-left-color:#1ec800;border-left-color:var(--accent-green)}.limit-order-item.sell{border-left-color:#e53a3a;border-left-color:var(--accent-red)}.order-info{display:flex;flex-direction:column;gap:4px}.order-type{font-size:12px}.order-price,.order-type{color:#222;color:var(--text-primary);font-weight:600}.order-price{font-size:14px}.order-details{align-items:center;display:flex;gap:8px}.order-size{color:#495057;color:var(--text-secondary);font-size:12px}.order-time{color:#bdbdbd;color:var(--text-muted);font-size:11px}.cancel-order-btn{background:#0000;border:1px solid #e53a3a;border:1px solid var(--accent-red);border-radius:4px;color:#e53a3a;color:var(--accent-red);cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.cancel-order-btn:hover{background:#e53a3a;background:var(--accent-red);color:#fff}.light-theme .order-type-selector{background:#f8f9fa;border-color:#e9ecef}.light-theme .price-input-compact input{background:#fff;border-color:#e9ecef}.light-theme .trade-tabs{background:#f8f9fa}.light-theme .trade-tab:hover{background:#fff}.light-theme .limit-input{background:#fff;border-color:#e9ecef}.light-theme .limit-orders-container{background:#f8f9fa;border-color:#e9ecef}.light-theme .limit-order-item{background:#fff}@media (max-width:768px){.limit-order-inputs{gap:8px}.limit-order-buttons,.limit-order-inputs,.order-details{flex-direction:column}.order-details{align-items:flex-end;gap:4px}}.trade-tab.active[data-tab=buy]{background:linear-gradient(45deg,#0f8,#00d4aa);box-shadow:0 4px 12px #00ff884d;color:#fff}.trade-tab.active[data-tab=sell]{background:linear-gradient(45deg,#ff4757,#e53a3a);box-shadow:0 4px 12px #ff47574d;color:#fff}.light-theme .trade-tab.active[data-tab=buy]{background:linear-gradient(45deg,#e53a3a,#d32f2f);box-shadow:0 4px 12px #e53a3a4d;color:#fff}.light-theme .trade-tab.active[data-tab=sell]{background:linear-gradient(45deg,#1763b6,#1565c0);box-shadow:0 4px 12px #1763b64d;color:#fff}.chart-controls{margin-bottom:4px;margin-top:2px}.ohlc-toggle{align-items:center;color:#495057;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px}.ohlc-toggle input[type=checkbox]{cursor:pointer;margin:0}.user-info{gap:12px;margin-left:auto}.user-info,.user-nickname{align-items:center;display:flex}.user-nickname{color:#222;color:var(--text-primary);font-weight:600;gap:9px}.user-badge{animation:badge-hover 2s ease-in-out infinite alternate;margin-left:8px}.player-badge,.user-badge{display:inline-block;position:relative}.player-badge{animation:badge-pulse 3s ease-in-out infinite;margin-left:6px}.medal-container{transition:transform .2s ease}.medal-container:hover{transform:translateY(-2px) scale(1.05)}.medal-badge{animation:medal-glow 2s ease-in-out infinite alternate;transition:transform .2s ease,box-shadow .2s ease}.medal-container.rank-1{animation:champion-float 3s ease-in-out infinite}.medal-container.rank-1 .medal-badge{align-items:center!important;animation:gold-medal-glow 1.5s ease-in-out infinite alternate;display:flex!important;justify-content:center!important;margin-left:-1px;padding-left:1px!important;text-align:center!important;transform:scale(1.15)}.medal-container.rank-2{animation:runner-up-sway 4s ease-in-out infinite}.medal-container.rank-2 .medal-badge{align-items:center!important;animation:silver-medal-shine 2s ease-in-out infinite;display:flex!important;justify-content:center!important;text-align:center!important;transform:scale(1.1)}.medal-container.rank-3{animation:third-place-bounce 5s ease-in-out infinite}.medal-container.rank-3 .medal-badge{align-items:center!important;animation:bronze-medal-shine 2s ease-in-out infinite;display:flex!important;justify-content:center!important;text-align:center!important;transform:scale(1.05)}.player-badge[title*="1등"],.user-badge[title*="1등"]{animation:gold-medal-glow 1.5s ease-in-out infinite alternate;background:linear-gradient(135deg,gold,orange);box-shadow:0 0 15px gold,inset 0 3px 6px #fff6,inset 0 -3px 6px #0006;transform:scale(1.1)}.player-badge[title*="2등"],.user-badge[title*="2등"]{animation:silver-medal-shine 2s ease-in-out infinite;background:linear-gradient(135deg,silver,#a8a8a8);box-shadow:0 0 12px silver,inset 0 3px 6px #fff6,inset 0 -3px 6px #0006}.player-badge[title*="3등"],.user-badge[title*="3등"]{animation:bronze-medal-shine 2s ease-in-out infinite;background:linear-gradient(135deg,#cd7f32,#b8860b);box-shadow:0 0 10px #cd7f32,inset 0 3px 6px #ffffff4d,inset 0 -3px 6px #0006}.player-badge[title*="4등"],.user-badge[title*="4등"]{background:linear-gradient(135deg,#87ceeb,#4682b4)}.player-badge[title*="5등"],.user-badge[title*="5등"]{background:linear-gradient(135deg,plum,#ba55d3)}.player-badge[title*="6등"],.user-badge[title*="6등"]{background:linear-gradient(135deg,#98fb98,#32cd32)}.player-badge[title*="7등"],.user-badge[title*="7등"]{background:linear-gradient(135deg,khaki,#daa520)}.player-badge[title*="8등"],.user-badge[title*="8등"]{background:linear-gradient(135deg,#ffa07a,tomato)}.player-badge[title*="9등"],.user-badge[title*="9등"]{background:linear-gradient(135deg,#20b2aa,#008b8b)}.player-badge[title*="10등"],.user-badge[title*="10등"]{background:linear-gradient(135deg,#789,#696969)}@keyframes champion-glow{0%{filter:drop-shadow(0 0 8px #FFD700) drop-shadow(0 0 15px #FFD700);transform:scale(1.2)}50%{filter:drop-shadow(0 0 12px #FFD700) drop-shadow(0 0 20px #FFD700);transform:scale(1.25)}to{filter:drop-shadow(0 0 8px #FFD700) drop-shadow(0 0 15px #FFD700);transform:scale(1.2)}}@keyframes medal-glow{0%{filter:drop-shadow(0 0 4px currentColor)}to{filter:drop-shadow(0 0 8px currentColor)}}@keyframes gold-medal-glow{0%{box-shadow:0 0 15px gold,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d;transform:scale(1.1)}to{box-shadow:0 0 25px gold,0 0 35px orange,inset 0 2px 6px #ffffff80,inset 0 -2px 6px #0006;transform:scale(1.15)}}@keyframes silver-medal-shine{0%{box-shadow:0 0 12px silver,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d}50%{box-shadow:0 0 18px silver,0 0 25px #e6e6fa,inset 0 2px 6px #ffffff80,inset 0 -2px 6px #0006}to{box-shadow:0 0 12px silver,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d}}@keyframes bronze-medal-shine{0%{box-shadow:0 0 10px #cd7f32,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d}50%{box-shadow:0 0 15px #cd7f32,0 0 20px #deb887,inset 0 2px 6px #fff6,inset 0 -2px 6px #0006}to{box-shadow:0 0 10px #cd7f32,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d}}.trophy-cup{animation:trophy-wobble 4s ease-in-out infinite}.trophy-cup,.trophy-star{transform-origin:50px 30px}.trophy-star{animation:trophy-twinkle 1.8s ease-in-out infinite}@keyframes trophy-wobble{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-.5deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-2px) rotate(.5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes trophy-twinkle{0%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}to{opacity:.85;transform:scale(1)}}@keyframes badge-hover{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes gold-glow{0%{filter:drop-shadow(0 0 4px rgba(255,216,88,.4))}to{filter:drop-shadow(0 0 8px rgba(255,216,88,.6)) drop-shadow(0 0 12px rgba(255,184,77,.3))}}@keyframes silver-shine{0%{filter:drop-shadow(0 0 3px rgba(230,238,243,.3))}50%{filter:drop-shadow(0 0 6px rgba(199,211,223,.4))}to{filter:drop-shadow(0 0 3px rgba(230,238,243,.3))}}@keyframes bronze-warm{0%{filter:drop-shadow(0 0 3px rgba(215,167,122,.3))}to{filter:drop-shadow(0 0 6px rgba(184,111,59,.4))}}@keyframes champion-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(-5px) rotate(0deg)}75%{transform:translateY(-3px) rotate(-1deg)}}.medal-container.rank-1 div[style*="linear-gradient(135deg, #FFD700"]{animation:golden-ribbon-sparkle 2s ease-in-out infinite alternate}.medal-container.rank-2 div[style*="linear-gradient(135deg, #E6E6FA"]{animation:silver-ribbon-sparkle 2.5s ease-in-out infinite alternate}.medal-container.rank-3 div[style*="linear-gradient(135deg, #DEB887"]{animation:bronze-ribbon-sparkle 3s ease-in-out infinite alternate}@keyframes golden-ribbon-sparkle{0%{box-shadow:inset 0 2px 4px #fff9,0 3px 6px #ffd70066;filter:brightness(1) saturate(1)}50%{box-shadow:inset 0 3px 6px #fffc,0 4px 8px #ffd70099,0 0 15px #ffd70066;filter:brightness(1.2) saturate(1.3)}to{box-shadow:inset 0 2px 4px #fff9,0 3px 6px #ffd70066;filter:brightness(1) saturate(1)}}@keyframes silver-ribbon-sparkle{0%{box-shadow:inset 0 2px 4px #ffffff80,0 3px 6px #c0c0c04d;filter:brightness(1) saturate(1)}50%{box-shadow:inset 0 3px 6px #ffffffb3,0 4px 8px #c0c0c080,0 0 12px #e6e6fa4d;filter:brightness(1.15) saturate(1.2)}to{box-shadow:inset 0 2px 4px #ffffff80,0 3px 6px #c0c0c04d;filter:brightness(1) saturate(1)}}@keyframes bronze-ribbon-sparkle{0%{box-shadow:inset 0 2px 4px #fff6,0 3px 6px #cd7f324d;filter:brightness(1) saturate(1)}50%{box-shadow:inset 0 3px 6px #fff9,0 4px 8px #cd7f3266,0 0 10px #deb8874d;filter:brightness(1.1) saturate(1.15)}to{box-shadow:inset 0 2px 4px #fff6,0 3px 6px #cd7f324d;filter:brightness(1) saturate(1)}}@keyframes runner-up-sway{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-2px) rotate(-.5deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(2px) rotate(.5deg)}}@keyframes third-place-bounce{0%,to{transform:translateY(0) scale(1.05)}20%{transform:translateY(-2px) scale(1.06)}40%{transform:translateY(0) scale(1.05)}60%{transform:translateY(-1px) scale(1.055)}80%{transform:translateY(0) scale(1.05)}}.ranking-rank-with-badge{align-items:center;display:flex;gap:4px}.badge-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,.3));font-size:1.2rem}.rank-number{font-weight:600}.ranking-table-header{background:var(--card-bg);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);font-weight:600}.ranking-row,.ranking-table-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:80px 1fr 120px 100px 80px;padding:12px 16px}.ranking-row{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);transition:background-color .2s}.ranking-row:hover{background:var(--hover-bg)}.ranking-rank-cell{align-items:center;display:flex;justify-content:center}.ranking-nickname{align-items:center;display:flex;font-weight:500}.ranking-balance{color:#1763b6;color:var(--accent-blue)}.ranking-balance,.ranking-profit-rate{font-weight:600;text-align:right}.ranking-games{color:#495057;color:var(--text-secondary);text-align:center}.user-balance{color:#22c55e;font-size:.9rem;font-weight:500}.dark-theme .user-balance{color:#0f8}.login-btn,.logout-btn{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.login-btn:hover,.logout-btn:hover{background:#16a34a}.dark-theme .login-btn,.dark-theme .logout-btn{background:#0f8;color:#000}.dark-theme .login-btn:hover,.dark-theme .logout-btn:hover{background:#00e677}@media (max-width:768px){.user-info{align-items:flex-start;flex-direction:column;gap:4px}.infobar-card{flex-wrap:wrap;gap:8px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.fee-info-modal{background:#f8f9fa;background:var(--bg-primary);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#222;color:var(--text-primary);font-size:1.25rem;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#495057;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#fff;background:var(--bg-input);color:#222;color:var(--text-primary)}.modal-body{padding:1.5rem}.fee-info-section{margin-bottom:1.5rem}.fee-info-section:last-child{margin-bottom:0}.fee-info-section h4{color:#222;color:var(--text-primary);font-size:1.1rem;margin:0 0 .75rem}.fee-info-text{color:#495057;color:var(--text-secondary);font-size:.95rem;margin:.5rem 0}.fee-detail{align-items:center;border-bottom:1px solid #f2f2f2;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.5rem 0}.fee-detail:last-child{border-bottom:none}.fee-label{color:#495057;color:var(--text-secondary);font-size:.9rem}.fee-value{color:#1ec800;color:var(--accent-green);font-size:.95rem;font-weight:700}.fee-description{color:#bdbdbd;color:var(--text-muted);font-size:.85rem;line-height:1.5;margin:.5rem 0 0}.fee-example{background:#fff;background:var(--bg-input);border-radius:8px;margin-top:.75rem;padding:1rem}.fee-example p{color:#222;color:var(--text-primary);font-size:.95rem;margin:0 0 .5rem}.fee-example ul{list-style-type:disc;margin:0;padding-left:1.5rem}.fee-example li{color:#495057;color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.trading-cost-info{background:#e9ecef;background:var(--bg-tertiary);border:1px solid #f2f2f2;border:1px solid var(--border-light);border-radius:8px;margin:.75rem 0;padding:.75rem}.cost-breakdown{display:flex;flex-direction:column;gap:.5rem}.cost-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.cost-label{color:#495057;color:var(--text-secondary)}.cost-value{color:#222;color:var(--text-primary);font-weight:600}.cost-value.highlight{color:#1ec800;color:var(--accent-green);font-size:1rem;font-weight:700}.cost-note{color:#bdbdbd;color:var(--text-muted);font-size:.75rem;font-style:italic;margin-top:.25rem}.auth-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dark-theme .auth-modal-overlay{background-color:#000c}.auth-modal{animation:modalSlideIn .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px #0006;max-height:90vh;max-width:420px;overflow-y:auto;padding:0;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-theme .auth-modal{box-shadow:0 25px 50px #0009}.auth-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.auth-header-content{align-items:center;display:flex;gap:12px}.auth-icon{font-size:2rem;line-height:1}.auth-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-btn:hover{background-color:var(--bg-secondary)}.auth-form{padding:24px 24px 0}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.form-group label .label-hint{color:var(--text-secondary);font-size:.8rem;font-weight:400;margin-left:.25rem}.form-group input{background-color:#f7fafc;border:2px solid #cbd5e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;color:var(--text-primary);font-size:16px;padding:14px 18px;transition:all .3s ease;width:100%}.dark-theme .form-group input{background-color:#2d3748;border-color:#4a5568;box-shadow:0 2px 4px #0003}.form-group input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4a90e21a,0 4px 8px #0000001a;outline:none;transform:translateY(-1px)}.dark-theme .form-group input:focus{box-shadow:0 0 0 3px #4a90e233,0 4px 8px #0000004d}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px 16px}.dark-theme .error-message{background-color:#c333;border-color:#cc33334d;color:#ff6b6b}.success-message{background-color:#efe;border:1px solid #cfc;border-radius:8px;color:#3c3;margin-bottom:20px;padding:12px 16px}.dark-theme .success-message{background-color:#3c33;border-color:#33cc334d;color:#51cf66}.auth-submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 1px 3px #0000001f;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:0;padding:16px;transition:all .2s ease;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.dark-theme .auth-submit-btn{background:linear-gradient(135deg,#0f8,#00cc6a);box-shadow:0 1px 3px #0003;color:#000}.dark-theme .auth-submit-btn:hover:not(:disabled){box-shadow:0 2px 8px #00000040}.dark-theme .auth-submit-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a}.auth-submit-btn:disabled{background-color:var(
    --text-muted
  );cursor:not-allowed}.auth-switch{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding:20px 24px;text-align:center}.auth-switch p{color:var(--text-secondary);margin:0}.switch-btn{background:none;border:none;color:var(--accent-blue);cursor:pointer;font-size:inherit;font-weight:600;margin-left:8px;text-decoration:underline}.switch-btn:hover{color:#0056b3}.dark-theme .switch-btn:hover{color:#4a90e2}@media (max-width:480px){.auth-modal{margin:20px;width:95%}.auth-form,.auth-modal-header,.auth-switch{padding:16px}}.auth-divider{align-items:center;display:flex;margin:12px 24px;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.auth-divider span{color:var(--text-secondary);font-size:.9rem;padding:0 15px}.kakao-login-btn{align-items:center;background:#fee500;border:none;border-radius:12px;box-shadow:0 1px 3px #0000001f;color:#000;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.3px;margin:0 24px 15px;padding:15px 20px;position:relative;transition:all .2s ease;width:calc(100% - 48px)}.kakao-login-btn:hover{background:#fdd835;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.kakao-login-btn:active{background:#fbc02d;box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.kakao-login-btn:disabled{background:#fee500;cursor:not-allowed;opacity:.5;transform:none}.kakao-icon{align-items:center;display:inline-flex;font-family:Kakao,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:700;justify-content:center;letter-spacing:-.5px;text-transform:lowercase}.dark-theme .kakao-login-btn{background:#fee500;box-shadow:0 1px 3px #0003;color:#000}.dark-theme .kakao-login-btn:hover{background:#fdd835;box-shadow:0 2px 8px #00000040}.dark-theme .kakao-login-btn:active{background:#fbc02d}.legal-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.dark-theme.legal-modal-overlay{background:#000c}.legal-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.dark-theme .legal-modal{background:#1a1a1a;border:1px solid #ffffff1a}.legal-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.dark-theme .legal-modal-header{background:#252525;border-bottom-color:#ffffff1a}.legal-modal-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.dark-theme .legal-modal-header h2{color:#fff}.legal-modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.legal-modal-close-btn:hover{background:#e5e7eb}.dark-theme .legal-modal-close-btn{color:#9ca3af}.dark-theme .legal-modal-close-btn:hover{background:#ffffff1a}.legal-modal-content{color:#374151;flex:1 1;line-height:1.8;overflow-y:auto;padding:2rem}.dark-theme .legal-modal-content{color:#d1d5db}.legal-intro{color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.dark-theme .legal-intro{color:#9ca3af}.legal-section{margin-bottom:2rem}.legal-section:last-child{margin-bottom:0}.legal-section h3{border-top:1px solid #e5e7eb;color:#111827;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-top:1rem}.dark-theme .legal-section h3{border-top-color:#ffffff1a;color:#fff}.legal-section:first-child h3{border-top:none;padding-top:0}.legal-section p{font-size:.95rem;margin-bottom:1rem}.legal-section ol,.legal-section ul{margin-bottom:1rem;margin-left:1.5rem}.legal-section li{font-size:.95rem;margin-bottom:.5rem}.legal-section ul{list-style-type:disc}.legal-section ol{list-style-type:decimal}.legal-section ol ul,.legal-section ul ul{list-style-type:circle;margin-left:1.5rem;margin-top:.5rem}.legal-section strong{color:#111827;font-weight:600}.dark-theme .legal-section strong{color:#fff}.legal-update-date{border-top:2px solid #e5e7eb;color:#6b7280;margin-top:2rem;padding-top:1.5rem;text-align:center}.dark-theme .legal-update-date{border-top-color:#ffffff1a;color:#9ca3af}.legal-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:1.5rem 2rem}.dark-theme .legal-modal-footer{background:#252525;border-top-color:#ffffff1a}.legal-modal-close-button{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background-color .2s}.legal-modal-close-button:hover{background:#16a34a}.dark-theme .legal-modal-close-button{background:#0f8;color:#000}.dark-theme .legal-modal-close-button:hover{background:#00e677}@media (max-width:768px){.legal-modal{border-radius:12px;max-height:95vh;max-width:100%}.legal-modal-header{padding:1rem 1.5rem}.legal-modal-header h2{font-size:1.25rem}.legal-modal-content{padding:1.5rem}.legal-section h3{font-size:1.1rem}.legal-section li,.legal-section p{font-size:.9rem}.legal-modal-footer{padding:1rem 1.5rem}.legal-modal-close-button{width:100%}}.statistics-chart{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center;transition:all .2s ease}.stat-item:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.stat-item-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-item-value{color:var(--text-primary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;font-size:1.25rem;font-weight:700;gap:.2rem;letter-spacing:-.5px}.stat-item-value,.stat-value-container{align-items:center;display:flex;flex-direction:column}.stat-value-container{line-height:1.2}.stat-item-value .main-value{font-feature-settings:"tnum";font-size:1.25rem;font-variant-numeric:tabular-nums}.stat-item-value .sub-percent{font-family:Pretendard,sans-serif;font-size:.85rem;font-weight:500;margin-top:2px;opacity:.8}.stat-item-value.positive{color:var(--accent-green)}.dark .stat-item-value.positive{color:#0f8}.stat-item-value.negative{color:var(--accent-red)}.stat-chart-item{margin-bottom:32px}.stat-chart-label{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.info-icon{color:var(--text-tertiary);cursor:help;font-size:.85rem;opacity:.7}.info-icon:hover{color:var(--accent-blue);opacity:1}.stat-chart-bar-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;height:40px;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.stat-chart-bar{align-items:center;border-radius:20px;display:flex;height:100%;justify-content:flex-end;padding-right:12px;transition:width .3s ease}.win-rate-bar{background:linear-gradient(90deg,var(--accent-green),#16a34a)}.dark .win-rate-bar{background:linear-gradient(90deg,#0f8,#00cc6a)}.profit-bar{background:linear-gradient(90deg,var(--accent-blue),#2563eb)}.stat-chart-value{font-feature-settings:"tnum";color:#fff;font-family:Pretendard,sans-serif;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;text-shadow:0 1px 2px #0003}.stat-chart-details{color:var(--text-secondary);font-size:.875rem}.monthly-chart-container{align-items:flex-end;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.5rem;height:200px;justify-content:space-around;padding:1rem}.monthly-bar-item{flex:1 1;flex-direction:column;height:100%}.monthly-bar,.monthly-bar-item{align-items:center;display:flex;position:relative}.monthly-bar{border-radius:4px 4px 0 0;justify-content:center;margin-top:auto;min-height:4px;transition:height .3s ease;width:100%}.monthly-bar.positive{background:linear-gradient(180deg,var(--accent-green),#16a34a)}.dark .monthly-bar.positive{background:linear-gradient(180deg,#0f8,#00cc6a)}.monthly-bar.negative{background:linear-gradient(180deg,var(--accent-red),#dc2626)}.monthly-bar-value{font-feature-settings:"tnum";color:#fff;font-family:Pretendard,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.3px;position:absolute;text-align:center;text-shadow:0 1px 3px #0006;top:50%;transform:translateY(-50%);white-space:nowrap;width:100%}.monthly-bar-label{color:var(--text-secondary);font-family:Pretendard,sans-serif;font-size:.75rem;font-weight:500;margin-top:.5rem}.no-data{color:var(--text-secondary);padding:2.5rem;text-align:center}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.achievement-item{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.achievement-item:hover{border-color:var(--accent-green);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.dark .achievement-item:hover{border-color:#0f8}.achievement-icon{flex-shrink:0;font-size:32px}.achievement-info{flex:1 1}.achievement-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.achievement-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.achievement-date{color:var(--text-secondary);font-size:.75rem}.achievements-empty{color:var(--text-secondary);padding:2.5rem;text-align:center}.achievement-item.locked{filter:grayscale(.5);position:relative}.achievement-item.locked:hover{border-color:var(--border-color);box-shadow:none;transform:none}.achievement-locked-badge{font-size:1.2rem;opacity:.7;position:absolute;right:.5rem;top:.5rem}.titles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.title-item{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .2s ease}.title-item:hover{border-color:var(--accent-green);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.dark .title-item:hover{border-color:#0f8}.title-item.selected{background:var(--bg-card);border-color:var(--accent-green);border-width:3px;box-shadow:0 0 0 2px #1ec80033}.dark .title-item.selected{border-color:#0f8;box-shadow:0 0 0 2px #0f83}.title-icon{flex-shrink:0;font-size:32px}.title-info{flex:1 1}.title-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.title-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.title-rarity{font-size:12px;font-weight:500}.title-selected-badge{background:var(--accent-green);border-radius:12px;color:#fff;font-size:.6875rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.dark .title-selected-badge{background:#0f8}.titles-empty{color:var(--text-secondary);padding:2.5rem;text-align:center}.title-item.locked{filter:grayscale(.5)}.title-item.locked:hover{border-color:var(--border-color);box-shadow:none;transform:none}.title-locked-badge{font-size:1.2rem;opacity:.7;position:absolute;right:.5rem;top:.5rem}.medals-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.medal-item{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .2s ease}.medal-item:hover{border-color:var(--accent-green);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.dark .medal-item:hover{border-color:#0f8}.medal-item.selected{background:var(--bg-card);border-width:3px;box-shadow:0 0 0 2px #1ec80033}.dark .medal-item.selected{box-shadow:0 0 0 2px #0f83}.medal-icon{flex-shrink:0;font-size:32px}.medal-info{flex:1 1}.medal-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.medal-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.medal-tier{font-size:12px;font-weight:500}.medal-selected-badge{background:var(--accent-green);border-radius:12px;color:#fff;font-size:.6875rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.dark .medal-selected-badge{background:#0f8}.medals-empty{color:var(--text-secondary);padding:2.5rem;text-align:center}.medal-item.locked{filter:grayscale(.5)}.medal-item.locked:hover{border-color:var(--border-color);box-shadow:none;transform:none}.medal-locked-badge{font-size:1.2rem;opacity:.7;position:absolute;right:.5rem;top:.5rem}.mypage-page{color:var(--text-primary);flex-direction:column;min-height:100vh}.mypage-container,.mypage-page{background:var(--bg-primary);display:flex;padding:0;width:100%}.mypage-container{flex:1 1;flex-direction:column;margin:0 auto;max-width:1600px}.mypage-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark-theme .mypage-header{background:#181c24cc}.mypage-header-left{align-items:center;display:flex;gap:1.5rem}.mypage-back-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.mypage-back-btn:hover{background:var(--bg-tertiary);border-color:var(--text-primary);color:var(--text-primary);transform:translateX(-2px)}.mypage-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.mypage-content-wrapper{display:flex;flex:1 1;flex-direction:column;padding:2rem}.mypage-layout{align-items:flex-start;display:flex;flex:1 1;gap:2rem}.mypage-sidebar{flex-shrink:0;position:-webkit-sticky;position:sticky;top:100px;width:320px}.user-profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 10px 40px var(--shadow);overflow:hidden;padding:2rem;position:relative;text-align:center}.user-profile-card:before{background:linear-gradient(135deg,#4caf501a,#4caf500d);content:"";height:120px;left:0;position:absolute;right:0;top:0;z-index:0}.dark .user-profile-card:before{background:linear-gradient(135deg,#00ff881a,#00ff880d)}.user-avatar-circle{align-items:center;background:var(--bg-primary);border:4px solid var(--bg-card);border-radius:50%;box-shadow:0 4px 12px #0000001a;color:var(--accent-green);display:flex;font-size:3rem;height:100px;justify-content:center;margin:0 auto 1rem;position:relative;width:100px;z-index:1}.dark .user-avatar-circle{color:#0f8}.user-name-container{align-items:center;display:flex;justify-content:center;margin:0 0 .25rem;min-height:2rem;position:relative;width:100%;z-index:1}.user-name{color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:700;margin:0;overflow-wrap:break-word;padding-right:36px;text-align:center;word-break:break-word}.nickname-edit-icon{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;filter:grayscale(1);flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;opacity:.7;position:absolute;right:0;transition:all .2s ease;width:28px}.nickname-edit-icon:hover{background:var(--accent-green);border-color:var(--accent-green);filter:grayscale(0);opacity:1;transform:scale(1.1)}.dark .nickname-edit-icon:hover{background:#0f8;border-color:#0f8}.nickname-edit-container{align-items:flex-start;display:flex;flex-direction:column;gap:.35rem;padding:0 36px 0 0}.nickname-edit-container,.nickname-input{box-sizing:border-box;max-width:100%;width:100%}.nickname-input{background:var(--bg-primary);border:2px solid var(--accent-green);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1.5rem;font-weight:700;min-width:200px;outline:none;padding:.5rem .75rem}.nickname-hint{color:var(--text-secondary);font-size:.75rem;margin:0;padding-left:.1rem;transition:color .2s ease,text-shadow .2s ease}.nickname-hint.limit{color:var(--accent-red);text-shadow:0 0 6px #f8717199}.dark .nickname-input{border-color:#0f8}.nickname-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #22c55e1a}.dark .nickname-input:focus{border-color:#0f8;box-shadow:0 0 0 3px #00ff881a}.nickname-edit-buttons{display:flex;gap:.25rem}.nickname-cancel-btn,.nickname-save-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.nickname-save-btn{background:var(--accent-green);color:#fff}.nickname-save-btn:hover{background:#15803d;transform:scale(1.1)}.dark .nickname-save-btn{background:#0f8;color:#000}.dark .nickname-save-btn:hover{background:#00cc6a}.nickname-cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.nickname-cancel-btn:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff;transform:scale(1.1)}.user-email{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.5rem;position:relative;z-index:1}.user-badges-display{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:1}.selected-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.4rem .8rem}.sidebar-divider{background:var(--border-color);height:1px;margin:1.5rem 0;position:relative;z-index:1}.profile-public-setting{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem;position:relative;transition:border-color .3s ease;z-index:1}.profile-public-setting.highlight-border{animation:borderBlink 1.5s ease-in-out}@keyframes borderBlink{0%{border-color:#0000;box-shadow:0 0 0 0 #22c55e00}25%{border-color:var(--accent-green);box-shadow:0 0 0 4px #22c55e4d}50%{border-color:#0000;box-shadow:0 0 0 0 #22c55e00}75%{border-color:var(--accent-green);box-shadow:0 0 0 4px #22c55e4d}to{border-color:#0000;box-shadow:0 0 0 0 #22c55e00}}.public-setting-label{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.public-setting-label>span:first-child{color:var(--text-primary);font-size:.95rem;font-weight:600}.public-setting-hint{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.public-toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.public-toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--text-secondary);border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.public-toggle-switch input:checked+.toggle-slider{background-color:var(--accent-green);border-color:var(--accent-green)}.dark .public-toggle-switch input:checked+.toggle-slider{background-color:#0f8;border-color:#0f8}.public-toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translateX(24px)}.public-toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.sidebar-quick-stats{display:flex;justify-content:space-around;margin-bottom:1.5rem;position:relative;z-index:1}.quick-stat{display:flex;flex-direction:column;gap:.25rem}.quick-stat span:first-child{color:var(--text-secondary);font-size:.85rem}.quick-stat .value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.quick-stat .value.positive{color:var(--accent-green)}.quick-stat .value.negative{color:var(--accent-red)}.quick-stat .value.neutral{color:var(--text-primary)}.dark .quick-stat .value.positive{color:#0f8}.mypage-action-btn{background:#1a1f2e;border:2px solid var(--accent-green);border-radius:16px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;position:relative;transition:all .2s ease;width:100%;z-index:1}.mypage-action-btn:hover{background:#16a34a;box-shadow:0 2px 8px #22c55e4d;transform:translateY(-1px)}.dark .mypage-action-btn{background:#0006;border-color:#00ff884d;color:#0f8}.dark .mypage-action-btn:hover{background:#00ff8826;border-color:#00ff8880;box-shadow:0 2px 8px #0f83;transform:translateY(-1px)}.mypage-main{display:flex;flex:1 1;flex-direction:column;gap:2rem;min-width:0}.mypage-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding-bottom:1px}.tab-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.tab-btn:after{background:var(--accent-green);border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s ease;width:100%}.dark .tab-btn:after{background:#0f8}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-green);font-weight:700}.dark .tab-btn.active{color:#0f8}.tab-btn.active:after{transform:scaleX(1)}.tab-content-area{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px var(--shadow);display:flex;gap:1.5rem;padding:1.5rem;transition:transform .2s ease}.stat-card:hover{border-color:var(--accent-green);transform:translateY(-4px)}.dark .stat-card:hover{border-color:#0f8}.stat-card.main-balance{background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:1px solid var(--accent-green)}.dark .stat-card.main-balance{border-color:#0f8}.stat-icon{align-items:center;background:var(--bg-tertiary);border-radius:16px;display:flex;font-size:2.5rem;height:64px;justify-content:center;width:64px}.stat-info{flex:1 1;min-width:0}.stat-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem;text-overflow:ellipsis}.stat-label,.stat-value{overflow:hidden;white-space:nowrap}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2;max-width:100%;text-overflow:clip;transition:font-size .2s ease}.stat-value.highlight{color:var(--accent-green);font-size:1.75rem}.stat-value.auto-scale{font-size:1.5rem}.stat-value.highlight.auto-scale{font-size:1.75rem}.dark .stat-value.highlight{color:#0f8}.stat-value.text-medium{font-size:1.25rem!important}.stat-value.text-small{font-size:1rem!important}.stat-value.text-xsmall{font-size:.85rem!important}.collection-section,.overview-charts,.tab-content-achievements,.tab-content-statistics{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 4px 20px var(--shadow);margin-bottom:2rem;padding:2rem}.tab-content-statistics{display:flex;flex-direction:column}.tab-content-statistics .statistics-chart{margin-top:auto}.section-header{margin-bottom:2rem}.section-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.collection-divider{background:var(--border-color);height:1px;margin:2rem 0}.mypage-error,.mypage-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.mypage-error button{background:var(--accent-blue);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}@media (max-width:1024px){.mypage-layout{flex-direction:column}.mypage-sidebar{position:static;width:100%}.user-profile-card{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;text-align:left}.user-profile-card:before{background:var(--accent-green);height:100%;right:auto;width:6px}.dark .user-profile-card:before{background:#0f8}.user-avatar-circle{margin:0}.user-info-group{flex:1 1}.sidebar-divider{display:none}.sidebar-quick-stats{gap:2rem;margin:0}.mypage-action-btn{padding:.75rem 2rem;width:auto}}@media (max-width:768px){.mypage-content-wrapper,.mypage-header{padding:1rem}.mypage-tabs{margin-bottom:1.5rem;overflow-x:auto;padding-bottom:0}.tab-btn{padding:.75rem 1rem;white-space:nowrap}.user-profile-card{flex-direction:column;text-align:center}.mypage-action-btn{width:100%}}.pagination{gap:8px;margin-bottom:1rem;margin-top:2rem}.page-btn,.page-num,.pagination{align-items:center;display:flex;justify-content:center}.page-btn,.page-num{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;height:36px;min-width:36px;padding:0 8px;transition:all .2s ease}.page-btn:hover:not(:disabled),.page-num:hover:not(.active){background-color:var(--bg-tertiary);border-color:var(--accent-green);color:var(--text-primary);transform:translateY(-1px)}.page-num.active{background:var(--accent-green);border-color:var(--accent-green);box-shadow:0 2px 8px #1ec8004d;color:#fff;font-weight:600}.page-btn:disabled{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.4}.dark-theme .page-btn,.dark-theme .page-num{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .page-btn:hover:not(:disabled),.dark-theme .page-num:hover:not(.active){background-color:var(--bg-tertiary);border-color:#0f8;color:var(--text-primary)}.dark-theme .page-num.active{background:#0f8;border-color:#0f8;box-shadow:0 2px 12px #0f86;color:#181c24;font-weight:600}.dark-theme .page-btn:disabled{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-muted)}.light-theme .page-btn,.light-theme .page-num{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}.light-theme .page-btn:hover:not(:disabled),.light-theme .page-num:hover:not(.active){background-color:var(--bg-tertiary);border-color:var(--accent-green);color:var(--text-primary)}.light-theme .page-num.active{background:var(--accent-green);border-color:var(--accent-green);box-shadow:0 2px 8px #1ec80040;color:#fff;font-weight:600}.light-theme .page-btn:disabled{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-muted)}.page-num-wrapper{display:inline-block;position:relative}.page-num.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.page-num.disabled,.page-num.disabled:hover{background:var(--bg-secondary);border-color:var(--border-color)}.page-num.disabled:hover{transform:none}.pagination-tooltip{animation:tooltipFadeIn .2s ease-out;background:#000000e6;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.85rem;margin-bottom:8px;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:1000}.pagination-tooltip,.pagination-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.pagination-tooltip:after{border:6px solid #0000;border-top-color:#000000e6;content:"";top:100%}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dark-theme .pagination-tooltip{background:#fffffff2;color:#000}.dark-theme .pagination-tooltip:after{border-top-color:#fffffff2}
/*# sourceMappingURL=main.f6b76107.css.map*/