.navigation{background:#1a1a1a;border-bottom:1px solid #333;padding:0 2rem;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo h1{margin:0;font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;flex:1;justify-content:center}.nav-link{color:#aaa;text-decoration:none;font-weight:500;transition:all .2s;padding:.5rem 1rem;border-radius:4px}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-auth .nav-link{color:#667eea;font-weight:600}.nav-auth .nav-link:hover{color:#764ba2;background:#667eea1a}.nav-auth{display:flex;align-items:center;gap:1rem}.nav-user{color:#aaa;font-size:.9rem}.nav-btn{padding:.5rem 1rem;border:1px solid #444;background:transparent;color:#fff;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s;font-size:.9rem}.nav-btn:hover{border-color:#667eea;background:#667eea1a}.nav-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.nav-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.navigation{padding:.5rem 1rem}.nav-container{flex-wrap:wrap;height:auto;gap:.5rem;align-items:center}.nav-logo{flex:0 0 auto}.nav-logo h1{font-size:1.2rem}.nav-links{flex:1 1 auto;gap:.5rem;justify-content:flex-start;flex-wrap:wrap}.nav-link{padding:.5rem .75rem;font-size:.85rem}.nav-auth{flex:0 0 100%;gap:.5rem;justify-content:flex-end}.nav-btn{padding:.4rem .8rem;font-size:.8rem}.nav-user{font-size:.8rem}}.home-page{max-width:1200px;margin:0 auto;padding:2rem;height:100vh;overflow-y:auto}.home-hero{text-align:center;padding:2rem 2rem 1rem;margin-bottom:1.5rem}.home-hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;line-height:1.2}.hero-subtitle{font-size:1.3rem;color:#9ca3af;max-width:700px;margin:0 auto 1.5rem;line-height:1.6}.cta-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.cta-button.large{padding:1.25rem 3rem;font-size:1.2rem}.screenshot-section{margin:1.5rem 0;text-align:center}.app-screenshot{width:100%;max-width:1200px;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000004d;border:1px solid #374151}.how-it-works{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:16px}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:.75rem;color:#f3f4f6;font-weight:700}.section-subtitle{text-align:center;font-size:1.2rem;color:#9ca3af;margin-bottom:2rem}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.step-card{background:#1f2937;border:2px solid #374151;border-radius:12px;padding:2rem;transition:all .3s}.step-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f633}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.step-content h3{font-size:1.3rem;color:#f3f4f6;margin-bottom:.75rem;font-weight:600}.step-content p{color:#9ca3af;line-height:1.6;font-size:1rem}.step-content kbd{padding:.2rem .5rem;background:#374151;border:1px solid #4b5563;border-radius:4px;font-family:monospace;font-size:.9rem;color:#e5e7eb}.cta-section{text-align:center;padding:2.5rem 2rem;margin:2rem 0 1.5rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:16px;border:1px solid #374151}.cta-section h2{font-size:2rem;color:#f3f4f6;margin-bottom:1.5rem;font-weight:600}.home-features{margin:2rem 0 1rem}.home-features h2{font-size:2.5rem;margin-bottom:1.5rem;text-align:center;color:#f3f4f6;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2.5rem;background:#1f2937;border:2px solid #374151;border-radius:12px;transition:all .3s}.feature-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f633}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.3rem;margin-bottom:.75rem;color:#f3f4f6;font-weight:600}.feature-card p{color:#9ca3af;font-size:1rem;line-height:1.6}.active-users-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;margin-top:2rem;border-top:1px solid #374151;font-size:1rem;color:#9ca3af}.online-indicator{font-size:.8rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-count{font-weight:500;color:#f3f4f6}@media (max-width: 768px){.home-hero h1{font-size:1.8rem}.home-hero p{font-size:1rem}.price-grid,.features-grid{grid-template-columns:1fr}}.chart-container{flex:1;display:flex;flex-direction:column;background:#1e1e1e;border:1px solid #3a3a3a;margin:.5rem;overflow:hidden}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#2a2a2a;border-bottom:1px solid #3a3a3a;min-height:50px}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:1rem}.toolbar-center{flex:1;justify-content:center}.chart-info{display:flex;align-items:center;gap:.75rem}.symbol{font-size:1rem;font-weight:700;color:#fff;letter-spacing:.5px}.timeframe{font-size:.75rem;color:#999;padding:.25rem .5rem;background:#3a3a3a;border-radius:3px;font-family:Consolas,monospace}.drawing-tools{display:flex;gap:.5rem}.tool-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3a3a3a;color:#e0e0e0;border:1px solid #4a4a4a;border-radius:3px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s;font-family:inherit}.tool-btn:hover{background:#4a4a4a;border-color:#5a5a5a}.tool-btn:active{transform:scale(.98)}.tool-btn .icon{font-size:1.1rem;font-weight:700}.tool-btn.horizontal{border-left:3px solid #3B82F6}.tool-btn.trend{border-left:3px solid #F59E0B}.tool-btn.infinite-trend{border-left:3px solid #10B981}.tool-btn.global{border-left:3px solid #8B5CF6}.tool-btn.cancel{background:#991b1b;border-color:#b91c1c;color:#fff}.tool-btn.cancel:hover{background:#b91c1c}.drawing-mode{display:flex;align-items:center;gap:1rem}.drawing-hint{font-size:.85rem;color:#fbbf24;padding:.5rem 1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:3px;font-weight:500}.line-count{font-size:.75rem;color:#999;padding:.25rem .625rem;background:#3a3a3a;border-radius:3px}.chart{flex:1;position:relative}.chart div[style*=pointer-events][style*=absolute],.chart a[href*=tradingview]{display:none!important}.chart>div>div>div:last-child{display:none!important}.volume-chart{background:#1e1e1e;border-top:1px solid #3a3a3a}.volume-chart div[style*=pointer-events][style*=absolute],.volume-chart a[href*=tradingview]{display:none!important}.volume-chart>div>div>div:last-child{display:none!important}.lines-list{background:#2a2a2a;border-top:1px solid #3a3a3a;max-height:680px;overflow-y:auto;min-height:340px}.lines-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#252525;border-bottom:1px solid #3a3a3a;position:sticky;top:0;z-index:1}.lines-header h3{font-size:.8rem;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.count-badge{font-size:.7rem;color:#3b82f6;background:#3b82f626;padding:.25rem .5rem;border-radius:3px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#666}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.empty-state p{font-size:.85rem;margin-bottom:.5rem;color:#888}.empty-state .hint{font-size:.75rem;color:#666}.lines-items{padding:.5rem}.line-item{display:flex;align-items:stretch;gap:0;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:3px;margin-bottom:.5rem;cursor:pointer;transition:all .15s;overflow:hidden}.line-item:hover{background:#252525;border-color:#4a4a4a;transform:translate(2px)}.line-item.selected{background:#2a2a3a;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.line-item.global-condition{border-left:3px solid #8B5CF6}.line-item.global-condition .line-indicator{background:#8b5cf6!important}.line-indicator{width:4px;flex-shrink:0}.line-content{flex:1;padding:.625rem .75rem;display:flex;flex-direction:column;gap:.375rem}.line-header-row{display:flex;align-items:center;justify-content:space-between}.line-type-badge{font-size:.7rem;color:#b0b0b0;background:#3a3a3a;padding:.125rem .5rem;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.condition-count{font-size:.7rem;color:#10b981;background:#10b9811a;padding:.125rem .375rem;border-radius:3px;font-weight:500}.line-price-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.price,.price-range{font-size:.875rem;font-weight:600;color:#fff;font-family:Consolas,monospace;letter-spacing:.3px}.price-range{color:#f59e0b}.symbol-badge{font-size:.65rem;color:#60a5fa;background:#60a5fa26;padding:.125rem .375rem;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.delete-btn{display:flex;align-items:center;justify-content:center;width:32px;background:transparent;color:#888;border:none;cursor:pointer;transition:all .15s;font-size:1.1rem;font-weight:700;padding:0;flex-shrink:0}.delete-btn:hover{background:#991b1b;color:#fff}.delete-btn:active{transform:scale(.9)}@media (max-width: 768px){.chart-container{overflow-y:auto;max-height:calc(100vh - 60px)}.lines-items{padding:.5rem;padding-bottom:100px}.lines-list{max-height:none;min-height:auto;overflow-y:visible}}.condition-panel{background:#1e1e1e;border-left:1px solid #3a3a3a;display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.condition-panel h2{font-size:.9rem;font-weight:600;color:#b0b0b0;padding:.75rem 1rem;background:#252525;border-bottom:1px solid #3a3a3a;text-transform:uppercase;letter-spacing:.5px;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem 1rem;color:#666;text-align:center}.empty-state p{font-size:.85rem;color:#888}.condition-form{background:#2a2a2a;padding:1rem;border-bottom:1px solid #3a3a3a}.form-group{margin-bottom:.875rem}.form-group:last-of-type{margin-bottom:1rem}.form-group label{display:block;font-size:.75rem;font-weight:500;color:#b0b0b0;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.3px}.form-group select{width:100%;padding:.5rem .625rem;background:#1e1e1e;border:1px solid #4a4a4a;border-radius:3px;color:#e0e0e0;font-size:.8rem;cursor:pointer;transition:all .15s;font-family:inherit}.form-group select:hover{border-color:#5a5a5a;background:#252525}.form-group select:focus{outline:none;border-color:#3b82f6;background:#252525}.add-btn{width:100%;padding:.625rem;background:#3b82f6;color:#fff;border:none;border-radius:3px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .15s}.add-btn:hover{background:#2563eb}.add-btn:active{transform:scale(.98)}.conditions-list{flex:1;overflow-y:auto;padding:1rem}.conditions-list h3{font-size:.75rem;font-weight:600;color:#888;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.condition-item{display:flex;align-items:center;justify-content:space-between;background:#2a2a2a;border:1px solid #3a3a3a;padding:.75rem;border-radius:3px;margin-bottom:.5rem;transition:all .15s}.condition-item:hover{background:#323232;border-color:#4a4a4a}.condition-info{display:flex;align-items:center;gap:.625rem;flex:1}.condition-type{font-size:.75rem;color:#3b82f6;font-weight:500;background:#3b82f626;padding:.25rem .5rem;border-radius:3px}.arrow{color:#666;font-size:.75rem}.condition-action{font-size:.7rem;color:#10b981;font-weight:600;text-transform:uppercase;background:#10b98126;padding:.25rem .5rem;border-radius:3px;letter-spacing:.5px}.remove-btn{width:26px;height:26px;background:#991b1b;color:#fff;border:1px solid #b91c1c;border-radius:3px;cursor:pointer;font-size:.75rem;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-btn:hover{background:#b91c1c}.remove-btn:active{transform:scale(.95)}.backtest-panel{flex:1;background:#2a2a2a;border-top:1px solid #3a3a3a;padding:1.5rem;overflow-y:auto}.advanced-strategy-cta{margin:1.5rem 0;text-align:center}.advanced-strategy-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #10b9814d}.advanced-strategy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.backtest-panel h2{font-size:1rem;margin-bottom:1.5rem;color:#e0e0e0;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem;border-bottom:2px solid #3a3a3a}.backtest-form{background:#1e1e1e;padding:1.25rem;border-radius:3px;margin-bottom:1.5rem;border:1px solid #3a3a3a}.backtest-form .form-group{margin-bottom:1rem}.backtest-form .form-group:last-of-type{margin-bottom:1.25rem}.backtest-form label{display:block;font-size:.75rem;font-weight:600;color:#b0b0b0;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.3px}.backtest-form input{width:100%;padding:.625rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:3px;color:#fff;font-size:.875rem;transition:all .15s;font-family:Consolas,monospace}.backtest-form input:focus{outline:none;border-color:#3b82f6;background:#252525}.backtest-form input:hover{border-color:#4a4a4a}.run-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(180deg,#10b981,#059669);color:#fff;border:1px solid #047857;border-radius:3px;font-weight:600;cursor:pointer;transition:all .15s;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.run-btn:hover:not(:disabled){background:linear-gradient(180deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.run-btn:active:not(:disabled){transform:translateY(0)}.run-btn:disabled{opacity:.5;cursor:not-allowed;background:#3a3a3a;border-color:#4a4a4a}.backtest-results{background:#1e1e1e;padding:1.25rem;border-radius:3px;border:1px solid #3a3a3a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.backtest-results h3{font-size:.8rem;font-weight:600;color:#b0b0b0;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem;border-bottom:1px solid #3a3a3a}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.result-item{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:#2a2a2a;border-radius:3px;border:1px solid #3a3a3a;transition:all .15s}.result-item:hover{background:#252525;border-color:#4a4a4a;transform:translateY(-1px)}.result-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.result-value{font-size:1.25rem;font-weight:700;color:#fff;font-family:Consolas,monospace}.result-value.positive{color:#089981}.result-value.negative{color:#f23645}.trade-history{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #3a3a3a}.trade-table-container{max-height:400px;overflow-y:auto;margin-top:1rem;border:1px solid #3a3a3a;border-radius:3px}.trade-table{width:100%;border-collapse:collapse;font-size:.8rem}.trade-table thead{position:sticky;top:0;background:#2a2a2a;z-index:1}.trade-table th{padding:.75rem .5rem;text-align:left;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;border-bottom:2px solid #3a3a3a}.trade-table td{padding:.75rem .5rem;color:#e0e0e0;border-bottom:1px solid #3a3a3a;font-family:Consolas,monospace}.trade-table tbody tr{transition:background .15s}.trade-table tbody tr:hover{background:#252525}.trade-type{padding:.25rem .5rem;border-radius:2px;font-weight:600;font-size:.7rem}.trade-type.long{background:#08998133;color:#089981}.trade-type.short{background:#f2364533;color:#f23645}.trade-table .positive{color:#089981}.trade-table .negative{color:#f23645}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #3a3a3a}.results-header h3{margin:0;border:none;padding:0}.export-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:3px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.export-btn:hover{background:#2563eb;transform:translateY(-1px)}.equity-chart{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #3a3a3a}.equity-chart h3{font-size:.8rem;font-weight:600;color:#b0b0b0;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem;border-bottom:1px solid #3a3a3a}.strategy-builder{display:flex;min-height:calc(100vh - 100px);overflow:hidden}@media (max-width: 1024px){.strategy-builder{min-height:auto;height:auto;overflow:visible}}.guest-warning-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff6b00,#ff9500);color:#fff;font-weight:500;font-size:.95rem;border-bottom:1px solid #ff8500;flex-shrink:0}.guest-warning-banner span{display:flex;align-items:center;gap:.5rem}.signup-cta-btn{padding:.5rem 1.5rem;background:#fff;color:#ff6b00;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.signup-cta-btn:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 2px 8px #0003}@keyframes pulse-highlight{0%,to{box-shadow:0 0 #3b82f6b3}50%{box-shadow:0 0 0 15px #3b82f600}}.tutorial-highlight{animation:pulse-highlight 2s infinite;position:relative;z-index:10}.tutorial-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:1.5rem 2rem;border-radius:12px;font-size:1.2rem;font-weight:600;box-shadow:0 10px 40px #3b82f666;z-index:1000;pointer-events:none;animation:tooltip-bounce .6s ease-out}@keyframes tooltip-bounce{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.tooltip-content{display:flex;align-items:center;gap:.5rem}.tutorial-tooltip.final-message{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 40px #10b98166;animation:tooltip-bounce .6s ease-out,fade-out .5s ease-in 4.5s forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.builder-sidebar{width:350px;background:#161a2d;border-right:1px solid #2b2f3e;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#d1d4dc;margin-bottom:.5rem}.symbol-search-container{position:relative;width:100%}.symbol-search-input{width:100%;padding:.625rem;background:#1f2437;border:1px solid #2b2f3e;border-radius:6px;color:#fff;font-size:.875rem;transition:all .2s}.symbol-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.symbol-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#1f2437;border:1px solid #2b2f3e;border-radius:6px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.symbol-option{padding:.625rem;cursor:pointer;color:#d1d4dc;font-size:.875rem;transition:all .15s;border-bottom:1px solid rgba(43,47,62,.5)}.symbol-option:last-child{border-bottom:none}.symbol-option:hover{background:#2b2f3e;color:#fff}.symbol-option.selected{background:#3b82f6;color:#fff;font-weight:600}.form-group input,.form-group select{width:100%;padding:.625rem;background:#1f2437;border:1px solid #2b2f3e;border-radius:6px;color:#fff;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb}.sidebar-actions{display:flex;flex-direction:column;gap:.75rem}.action-btn{padding:.75rem;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.action-btn.primary{background:#2563eb;color:#fff}.action-btn.primary:hover:not(:disabled){background:#1d4ed8}.action-btn.secondary{background:#1f2437;color:#d1d4dc;border:1px solid #2b2f3e}.action-btn.secondary:hover:not(:disabled){background:#2b2f3e}.action-btn:disabled{opacity:.5;cursor:not-allowed}.code-preview{background:#1f2437;padding:1rem;border-radius:6px;max-height:200px;overflow-y:auto;flex-shrink:0}.code-preview h3{font-size:.875rem;font-weight:600;color:#9ca3af;margin-bottom:.75rem;text-transform:uppercase}.code-preview pre{font-size:.75rem;line-height:1.5;color:#d1d4dc;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.builder-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.builder-right{display:flex;flex-direction:column;width:400px;background:#161a2d;border-left:1px solid #2b2f3e;overflow-y:auto}.mobile-toggle-btn{display:none;position:fixed;top:80px;z-index:1001;background:#2563eb;color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #2563eb66;transition:all .3s}.mobile-toggle-btn:hover{background:#1d4ed8;transform:scale(1.1)}.mobile-toggle-btn.left{left:10px}.mobile-toggle-btn.right{right:10px}@media (max-width: 1024px){.mobile-toggle-btn{display:flex;align-items:center;justify-content:center}.builder-sidebar,.builder-right{position:fixed;top:60px;height:calc(100vh - 60px);z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto}.builder-sidebar{left:0;width:85%;max-width:350px}.builder-sidebar.open{transform:translate(0);box-shadow:4px 0 12px #00000080}.builder-right{right:0;width:85%;max-width:400px;transform:translate(100%)}.builder-right.open{transform:translate(0);box-shadow:-4px 0 12px #00000080}.builder-main{width:100%;overflow-y:auto;height:calc(100vh - 60px)}}@media (max-width: 480px){.mobile-toggle-btn{width:40px;height:40px;font-size:1.2rem;top:70px}.builder-sidebar,.builder-right{width:90%}.guest-warning-banner{flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-size:.85rem}.signup-cta-btn{width:100%;padding:.5rem 1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1f2937;border-radius:12px;padding:0;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #374151}.modal-header h2{margin:0;color:#f3f4f6;font-size:1.5rem}.close-btn{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:#374151;color:#f3f4f6}.modal-content form{padding:1.5rem}.form-group label{display:block;color:#d1d5db;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:8px;color:#f3f4f6;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.form-group select{cursor:pointer}.form-group textarea{resize:vertical;line-height:1.6}.form-group small{display:block;color:#6b7280;font-size:.85rem;margin-top:.25rem}.info-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1e40af;border-left:3px solid #3b82f6;border-radius:6px;color:#93c5fd;font-size:.9rem;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #374151}.btn-cancel,.btn-submit{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#374151;color:#d1d5db}.btn-cancel:hover{background:#4b5563}.btn-submit{background:#3b82f6;color:#fff}.btn-submit:hover:not(:disabled){background:#2563eb}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.community-page{max-width:1400px;margin:0 auto;padding:2rem;height:100vh;overflow-y:auto}.community-header{margin-bottom:2rem;position:relative}.community-header h1{font-size:2.5rem;margin:0;margin-bottom:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-header p{font-size:1.1rem;color:#aaa;margin-bottom:1rem}.header-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.create-strategy-btn,.create-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.create-strategy-btn:hover,.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.community-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #333;padding-bottom:0}.tab-btn{padding:1rem 2rem;background:transparent;border:none;color:#aaa;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-btn:hover{color:#fff}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.search-and-filters{margin-bottom:2rem}.search-bar{position:relative;max-width:600px;margin:0 auto 1.5rem}.search-bar input{width:100%;padding:1rem 3rem 1rem 1rem;background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;transition:all .2s}.search-bar input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-bar input::placeholder{color:#666}.clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:.5rem;transition:color .2s}.clear-search:hover{color:#fff}.community-filters{display:flex;gap:1rem;justify-content:center}.filter-btn{padding:.75rem 1.5rem;background:#1e1e1e;border:1px solid #333;color:#aaa;border-radius:8px;cursor:pointer;transition:all .2s;font-size:1rem}.filter-btn:hover{border-color:#667eea;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.strategies-grid,.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.no-strategies,.no-content{grid-column:1 / -1;text-align:center;padding:4rem;color:#aaa;font-size:1.1rem}.post-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s;cursor:pointer}.post-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.post-card h3{font-size:1.4rem;margin:0 0 .75rem;color:#fff;transition:color .2s}.post-card:hover h3{color:#667eea}.post-author{font-size:.9rem;color:#888;margin-bottom:.75rem}.post-strategy-preview{background:#252525;border:1px solid #333;border-radius:8px;padding:.75rem;margin-bottom:1rem}.strategy-preview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.strategy-icon{font-size:1.2rem}.strategy-name{font-weight:600;color:#fff;font-size:.95rem}.strategy-preview-meta{display:flex;gap:.5rem}.tag{padding:.25rem .75rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:4px;font-size:.8rem;color:#667eea;font-weight:500}.strategy-stats{display:flex;gap:.75rem;padding:.5rem .75rem;background:#1a1a1a;border-radius:4px;font-size:.85rem;color:#888;margin-top:.5rem}.post-stats{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#252525;border-radius:6px;font-size:.9rem;color:#aaa}.post-stats-label{font-size:.8rem;color:#666;font-weight:600}.strategy-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s}.strategy-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.strategy-card-header{margin-bottom:1rem}.strategy-info h3{font-size:1.3rem;margin:0 0 .25rem;color:#fff;cursor:pointer;transition:color .2s}.strategy-info h3:hover{color:#667eea}.strategy-author{font-size:.9rem;color:#888;margin:0}.strategy-meta{display:flex;gap:.5rem;margin-top:.5rem}.strategy-card-body{margin-bottom:1rem}.strategy-description{color:#aaa;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.strategy-stats{display:flex;gap:1rem;padding:.75rem;background:#252525;border-radius:6px}.stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#aaa}.stat-icon{font-size:1rem}.strategy-card-footer{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #333}.strategy-btn{flex:1;padding:.75rem;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.strategy-btn.secondary{background:transparent;color:#aaa}.strategy-btn.secondary:hover{border-color:#667eea;color:#fff;background:#667eea1a}.strategy-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.strategy-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.strategies-grid,.posts-grid{grid-template-columns:1fr}.community-filters{flex-direction:column}.filter-btn{width:100%}.community-tabs{flex-direction:column;gap:0}.tab-btn{width:100%;text-align:center}.header-actions{flex-direction:column}.create-strategy-btn,.create-btn{width:100%}}.auth-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.auth-container{width:100%;max-width:420px;background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:2.5rem}.auth-container h1{font-size:2rem;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{text-align:center;color:#aaa;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#ddd;font-size:.9rem}.form-group input{padding:.875rem;background:#252525;border:1px solid #333;border-radius:6px;color:#fff;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input::placeholder{color:#666}.auth-error{padding:.875rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.9rem}.auth-btn{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;color:#aaa;font-size:.9rem}.auth-footer a{color:#667eea;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.my-strategies-page{max-width:1200px;margin:0 auto;padding:2rem;height:100vh;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-new-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.create-new-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.loading{text-align:center;padding:4rem;color:#aaa;font-size:1.1rem}.no-strategies{text-align:center;padding:4rem;background:#1e1e1e;border:1px solid #333;border-radius:12px}.no-strategies p{color:#aaa;font-size:1.1rem;margin-bottom:1.5rem}.create-first-btn{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.create-first-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.strategies-list{display:flex;flex-direction:column;gap:1.5rem}.strategy-item{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s}.strategy-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.strategy-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.strategy-info h3{font-size:1.4rem;margin:0 0 .5rem;color:#fff}.strategy-meta{display:flex;gap:.5rem;flex-wrap:wrap}.meta-badge{display:inline-block;padding:.25rem .75rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:4px;font-size:.8rem;color:#667eea;font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600}.status-badge.public{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.status-badge.private{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);color:#9ca3af}.strategy-stats{display:flex;gap:1rem;color:#aaa;font-size:.9rem}.strategy-description{color:#aaa;margin-bottom:1rem;line-height:1.5}.strategy-item-footer{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #333}.action-btn{flex:1;padding:.75rem;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;font-size:.9rem}.action-btn.secondary{background:transparent;color:#aaa}.action-btn.secondary:hover{border-color:#667eea;color:#fff;background:#667eea1a}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-btn.warning{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.action-btn.warning:hover{background:#fbbf2433;border-color:#fbbf24}.action-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.action-btn.danger:hover{background:#ef444433;border-color:#ef4444}.name-edit-container{display:flex;align-items:center;gap:.5rem}.name-edit-input{flex:1;padding:.5rem;background:#2a2a2a;border:1px solid #667eea;border-radius:4px;color:#fff;font-size:1.2rem;font-weight:600}.name-edit-input:focus{outline:none;border-color:#764ba2}.name-save-btn,.name-cancel-btn{padding:.5rem .75rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.name-save-btn{background:#10b981;color:#fff}.name-save-btn:hover{background:#059669}.name-cancel-btn{background:#ef4444;color:#fff}.name-cancel-btn:hover{background:#dc2626}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.strategy-item-footer{flex-direction:column}.action-btn{width:100%}}.test-monitoring-page{min-height:100vh;background:linear-gradient(135deg,#1e1e1e,#2d2d2d);color:#e0e0e0;padding:2rem}.test-monitoring-page .header{margin-bottom:2rem;text-align:center}.test-monitoring-page .header h1{font-size:2.5rem;margin:0;margin-bottom:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-monitoring-page .header p{color:#b0b0b0;font-size:1.1rem}.test-monitoring-page .content{display:grid;grid-template-columns:350px 1fr;gap:2rem;max-width:1600px;margin:0 auto}.strategy-selector{background:#2a2a2a;border-radius:12px;padding:1.5rem;height:fit-content}.strategy-selector h2{font-size:1.3rem;margin-bottom:1rem;color:#fff}.strategy-selector select{width:100%;padding:.75rem;background:#1e1e1e;border:2px solid #3a3a3a;border-radius:8px;color:#e0e0e0;font-size:1rem;margin-bottom:1rem;cursor:pointer;transition:all .3s}.strategy-selector select:hover{border-color:#667eea}.strategy-selector select:disabled{opacity:.5;cursor:not-allowed}.strategy-info{background:#1e1e1e;border-radius:8px;padding:1rem;margin-bottom:1rem}.strategy-info p{margin:.5rem 0;font-size:.95rem}.strategy-info strong{color:#667eea}.controls{display:flex;gap:.5rem}.start-btn,.stop-btn{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.start-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.start-btn:disabled{opacity:.5;cursor:not-allowed}.stop-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stop-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f5576c66}.monitoring-panel{display:flex;flex-direction:column;gap:1.5rem}.current-candle{background:#2a2a2a;border-radius:12px;padding:1.5rem}.current-candle h2{font-size:1.3rem;margin-bottom:1rem;color:#fff}.candle-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;background:#1e1e1e;border-radius:8px;padding:1rem}.candle-info p{margin:0;font-size:.95rem}.candle-info strong{color:#667eea}.no-data{text-align:center;color:#888;padding:2rem;background:#1e1e1e;border-radius:8px}.signal-logs{background:#2a2a2a;border-radius:12px;padding:1.5rem;min-height:500px}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logs-header h2{font-size:1.3rem;color:#fff}.logs-actions{display:flex;gap:.5rem}.capture-btn,.clear-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.capture-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.capture-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4facfe66}.clear-btn{background:#3a3a3a;color:#e0e0e0}.clear-btn:hover{background:#4a4a4a}.logs-container{max-height:600px;overflow-y:auto;background:#1e1e1e;border-radius:8px;padding:1rem}.no-logs{text-align:center;color:#888;padding:3rem}.log-entry{display:grid;grid-template-columns:100px 80px 120px 1fr;gap:1rem;align-items:center;padding:1rem;margin-bottom:.75rem;border-radius:8px;border-left:4px solid;transition:all .3s}.log-entry:hover{transform:translate(4px)}.log-entry.buy{background:#0899811a;border-left-color:#089981}.log-entry.sell{background:#f236451a;border-left-color:#f23645}.log-entry.exit{background:#ffc1071a;border-left-color:#ffc107}.log-timestamp{font-size:.85rem;color:#b0b0b0;font-family:Courier New,monospace}.log-type{font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.log-entry.buy .log-type{color:#089981}.log-entry.sell .log-type{color:#f23645}.log-entry.exit .log-type{color:#ffc107}.log-price{font-weight:600;font-size:1.1rem;font-family:Courier New,monospace}.log-reason{color:#d0d0d0;font-size:.9rem}.logs-container::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.logs-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.logs-container::-webkit-scrollbar-thumb:hover{background:#764ba2}.chart-container-wrapper{margin-bottom:1.5rem;background:#1a1a1a;border-radius:12px;overflow:hidden;padding:1rem}.no-strategy-selected{background:#2a2a2a;border-radius:12px;padding:4rem 2rem;text-align:center;color:#888;margin-bottom:1.5rem}.no-strategy-selected p{font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1e1e1e;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.modal-content h2{margin-top:0;color:#fff;font-size:1.5rem;margin-bottom:.5rem}.executor-settings{display:flex;flex-direction:column;gap:1rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-weight:500;color:#b0b0b0;font-size:.9rem}.setting-group input,.setting-group select{width:100%;padding:8px;border-radius:4px;border:1px solid #444;background-color:#2a2a2a;color:#fff;font-size:14px}.setting-group input:focus,.setting-group select:focus{outline:none;border-color:#10b981}.setting-group select option:disabled{color:#666}@media (max-width: 1024px){.test-monitoring-page .content{grid-template-columns:1fr}.log-entry{grid-template-columns:1fr;gap:.5rem}.log-entry>div{padding:.25rem 0}}.strategy-detail-page{max-width:900px;margin:0 auto;padding:2rem;height:calc(100vh - 60px);overflow-y:auto}@media (max-width: 768px){.strategy-detail-page{padding:1rem;height:auto;min-height:calc(100vh - 60px)}}.strategy-detail-header{margin-bottom:2rem}.strategy-detail-content{background:#1f2937;border-radius:12px;padding:2rem}.strategy-header{margin-bottom:2rem;border-bottom:1px solid #374151;padding-bottom:1rem}.strategy-header h1{margin:0 0 .5rem;color:#f3f4f6;font-size:2rem}.strategy-author{display:flex;gap:1rem;align-items:center;color:#9ca3af;font-size:.9rem}.strategy-author strong{color:#60a5fa}.created-at{color:#6b7280}.strategy-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#111827;border-radius:8px}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:#9ca3af;font-size:.85rem;font-weight:500}.meta-value{color:#f3f4f6;font-size:1.1rem;font-weight:600}.strategy-stats-bar{display:flex;gap:2rem;margin-bottom:2rem;padding:1rem;background:#111827;border-radius:8px}.stat{display:flex;align-items:center;gap:.5rem;color:#d1d5db}.stat-icon{font-size:1.2rem}.strategy-description{margin-bottom:2rem}.strategy-description h2{color:#f3f4f6;font-size:1.3rem;margin-bottom:1rem}.strategy-description p{color:#d1d5db;line-height:1.6;white-space:pre-wrap}.strategy-conditions h2,.strategy-global-conditions h2{color:#f3f4f6;font-size:1.3rem;margin-bottom:1rem}.conditions-list,.global-conditions-list{display:flex;flex-direction:column;gap:1rem}.condition-item,.global-condition-item{padding:1rem;background:#111827;border-radius:8px;border-left:3px solid #3b82f6}.condition-header{margin-bottom:.5rem}.condition-type,.indicator-type{color:#60a5fa;font-weight:600;font-size:.95rem}.condition-points{color:#9ca3af;font-size:.85rem;margin-bottom:.5rem}.condition-actions,.global-condition-item{display:flex;flex-wrap:wrap;gap:.5rem}.action-badge{padding:.25rem .75rem;background:#1e40af;color:#93c5fd;border-radius:4px;font-size:.85rem;font-weight:500}.no-conditions{color:#6b7280;font-style:italic;padding:1rem;text-align:center}.strategy-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #374151}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.post-detail-page{max-width:900px;margin:0 auto;padding:2rem;min-height:calc(100vh - 60px);overflow-y:auto}@media (max-width: 768px){.post-detail-page{padding:1rem;height:auto;min-height:calc(100vh - 60px)}}.post-detail-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.delete-post-btn{padding:.5rem 1rem;background:#991b1b;color:#fca5a5;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .2s}.delete-post-btn:hover{background:#7f1d1d;color:#fff}.post-detail-content{background:#1f2937;border-radius:12px;padding:2rem}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #374151}.post-header h1{margin:0 0 1rem;color:#f3f4f6;font-size:2rem;line-height:1.3}.post-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;color:#9ca3af;font-size:.9rem}.post-author strong{color:#60a5fa;font-weight:600}.post-date{color:#6b7280}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .75rem;background:#1e40af;color:#93c5fd;border-radius:4px;font-size:.85rem;font-weight:500}.post-stats{display:flex;gap:1.5rem;color:#d1d5db;font-size:.9rem}.post-body{margin-bottom:2rem}.post-content{color:#e5e7eb;line-height:1.8;font-size:1.05rem}.post-content p{margin:0 0 1rem}.linked-strategy{margin-bottom:2rem;padding:1.5rem;background:#111827;border-radius:8px;border-left:3px solid #3b82f6}.linked-strategy h2{margin:0 0 1rem;color:#f3f4f6;font-size:1.2rem}.strategy-card{display:flex;justify-content:space-between;align-items:center;gap:1rem}.strategy-info h3{margin:0 0 .5rem;color:#f3f4f6;font-size:1.1rem}.strategy-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.meta-badge{padding:.25rem .75rem;background:#374151;color:#d1d5db;border-radius:4px;font-size:.85rem}.strategy-stats{display:flex;gap:1rem;color:#9ca3af;font-size:.9rem}.strategy-actions{display:flex;flex-direction:column;gap:.5rem}.view-strategy-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.view-strategy-btn:hover{background:#2563eb}.strategy-like-btn{padding:.75rem 1.5rem;background:#374151;color:#d1d5db;border:none;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.strategy-like-btn:hover{background:#4b5563}.strategy-like-btn.liked{background:#dc2626;color:#fff}.strategy-like-btn.liked:hover{background:#b91c1c}.post-actions{display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #374151}.action-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.secondary{background:#374151;color:#d1d5db}.action-btn.secondary:hover{background:#4b5563}.action-btn.liked{background:#dc2626;color:#fff}.action-btn.liked:hover{background:#b91c1c}.comments-section{margin-top:2rem}.comments-section h2{margin:0 0 1.5rem;color:#f3f4f6;font-size:1.5rem}.comment-form{margin-bottom:2rem}.comment-form textarea{width:100%;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:8px;color:#f3f4f6;font-size:1rem;font-family:inherit;resize:vertical;margin-bottom:.75rem;transition:border-color .2s}.comment-form textarea:focus{outline:none;border-color:#3b82f6}.comment-form button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.comment-form button:hover:not(:disabled){background:#2563eb}.comment-form button:disabled{opacity:.5;cursor:not-allowed}.login-prompt{padding:1.5rem;background:#111827;border-radius:8px;text-align:center;margin-bottom:2rem}.login-prompt p{margin:0;color:#9ca3af}.login-prompt a{color:#60a5fa;text-decoration:none;font-weight:600}.login-prompt a:hover{text-decoration:underline}.comments-list{display:flex;flex-direction:column;gap:1rem}.no-comments{padding:2rem;text-align:center;color:#6b7280;font-style:italic}.comment-item{padding:1rem;background:#111827;border-radius:8px;border-left:2px solid #374151}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-author{color:#60a5fa;font-weight:600;font-size:.9rem}.comment-date{color:#6b7280;font-size:.85rem}.comment-content{color:#e5e7eb;line-height:1.6;margin:0 0 .5rem}.comment-actions{display:flex;gap:.5rem;margin-top:.5rem}.reply-btn{padding:.25rem .75rem;background:#374151;color:#d1d5db;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s}.reply-btn:hover{background:#4b5563;color:#f3f4f6}.delete-comment-btn{padding:.25rem .75rem;background:#991b1b;color:#fca5a5;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s}.delete-comment-btn:hover{background:#7f1d1d}.reply-form{margin-top:1rem;padding:1rem;background:#0f172a;border-radius:6px;border-left:2px solid #3b82f6}.reply-form textarea{width:100%;padding:.75rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#f3f4f6;font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:.75rem;transition:border-color .2s}.reply-form textarea:focus{outline:none;border-color:#3b82f6}.reply-form-actions{display:flex;gap:.5rem}.submit-reply-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.submit-reply-btn:hover:not(:disabled){background:#2563eb}.submit-reply-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-reply-btn{padding:.5rem 1rem;background:#374151;color:#d1d5db;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.cancel-reply-btn:hover{background:#4b5563}.comment-replies{margin-top:1rem}.loading,.error{text-align:center;padding:3rem;color:#9ca3af;font-size:1.1rem}.error{color:#ef4444}.profile-page{max-width:800px;margin:0 auto;padding:2rem;height:100vh;overflow-y:auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.profile-header h1{margin:0;font-size:2.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn{padding:.5rem 1rem;background:#374151;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.back-btn:hover{background:#4b5563}.success-message{padding:1rem;background:#065f46;color:#d1fae5;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #10b981}.error-message{padding:1rem;background:#7f1d1d;color:#fecaca;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #ef4444}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:#1f2937;border-radius:12px;padding:2rem}.profile-section h2{margin:0 0 1.5rem;color:#f3f4f6;font-size:1.5rem;border-bottom:2px solid #374151;padding-bottom:.75rem}.stats-section{background:linear-gradient(135deg,#1f2937,#111827)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:1rem}.stat-item{text-align:center;padding:1.5rem;background:#0f172a;border-radius:12px;border:1px solid #374151;transition:all .3s}.stat-item:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.stat-value{font-size:2.5rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.form-group label{display:block;margin-bottom:.5rem;color:#d1d5db;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:8px;color:#f3f4f6;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3b82f6}.form-group input:disabled{opacity:.6;cursor:not-allowed;background:#1f2937}.update-btn{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.update-btn:hover{background:#2563eb}.danger-zone{border:2px solid #991b1b;background:#1f1313!important}.danger-zone h2{color:#fca5a5;border-bottom-color:#991b1b}.warning-text{padding:1rem;background:#7f1d1d;color:#fecaca;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #ef4444;font-size:.95rem}.delete-btn{padding:.75rem 2rem;background:#991b1b;color:#fca5a5;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;white-space:nowrap;width:auto;display:inline-block}.delete-btn:hover{background:#7f1d1d;color:#fff}.delete-confirm{margin-top:1rem}.delete-actions{display:flex;flex-direction:row;gap:1rem;margin-top:1rem}.cancel-btn{flex:1;padding:.75rem 2rem;background:#374151;color:#d1d5db;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;white-space:nowrap}.cancel-btn:hover{background:#4b5563}.confirm-delete-btn{flex:1;padding:.75rem 2rem;background:#991b1b;color:#fca5a5;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;white-space:nowrap}.confirm-delete-btn:hover{background:#7f1d1d;color:#fff}.stat-item.clickable{cursor:pointer}.follow-list{margin-top:2rem;padding-top:2rem;border-top:2px solid #374151}.follow-list h3{margin:0 0 1rem;color:#d1d5db;font-size:1.2rem}.follow-list .no-data{text-align:center;color:#6b7280;padding:2rem;font-style:italic}.follow-list ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.user-item{padding:1rem 1.5rem;background:#0f172a;border:1px solid #374151;border-radius:8px;color:#f3f4f6;cursor:pointer;transition:all .2s;font-weight:500}.user-item:hover{background:#1e293b;border-color:#3b82f6;transform:translate(4px)}.follow-btn{margin-top:1rem;padding:.75rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;width:100%}.follow-btn:hover{background:#2563eb}.follow-btn.following{background:#374151;color:#d1d5db}.follow-btn.following:hover{background:#dc2626;color:#fff}.edit-profile-btn{margin-top:1rem;padding:.75rem 2rem;background:#374151;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;width:100%}.edit-profile-btn:hover{background:#4b5563}.profile-bio{color:#d1d5db;line-height:1.6;margin-bottom:1rem}.content-list{display:grid;gap:1rem;margin-top:1rem}.content-item{padding:1.5rem;background:#0f172a;border:1px solid #374151;border-radius:8px;cursor:pointer;transition:all .2s}.content-item:hover{background:#1e293b;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.content-item h3{margin:0 0 .5rem;color:#f3f4f6;font-size:1.1rem}.content-description{color:#9ca3af;font-size:.9rem;margin:.5rem 0;line-height:1.5}.content-meta{color:#6b7280;font-size:.85rem;margin:.5rem 0 0}.content-date{color:#4b5563;font-size:.8rem;margin:.5rem 0 0}.no-data{text-align:center;color:#6b7280;padding:2rem;font-style:italic}.strategies-btn{display:inline-block;margin-top:1rem;padding:.75rem 2rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;text-align:center}.strategies-btn:hover{background:#2563eb}.ranking-page{max-width:1200px;margin:0 auto;padding:2rem;height:calc(100vh - 60px);overflow-y:auto}@media (max-width: 768px){.ranking-page{padding:1rem;height:auto;min-height:calc(100vh - 60px)}}.ranking-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:2px solid #374151}.ranking-header h1{margin:0;color:#f3f4f6;font-size:2.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ranking-mode{display:flex;gap:.5rem;background:#1f2937;padding:.25rem;border-radius:8px}.mode-btn{padding:.75rem 1.5rem;background:transparent;color:#9ca3af;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.mode-btn:hover{color:#f3f4f6;background:#374151}.mode-btn.active{background:#3b82f6;color:#fff}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.no-strategies{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.2rem;background:#1f2937;border-radius:12px;border:2px dashed #374151}.strategy-card{background:#1f2937;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s;border:2px solid #374151;position:relative;overflow:hidden}.strategy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .3s}.strategy-card:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633}.strategy-card:hover:before{transform:scaleX(1)}.ranking-badge{position:absolute;top:1rem;right:1rem;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #3b82f666}.strategy-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.strategy-title-group{flex:1;display:flex;flex-direction:column;gap:.25rem}.strategy-header h3{margin:0;color:#f3f4f6;font-size:1.3rem;line-height:1.3}.strategy-author-inline{font-size:.85rem;color:#9ca3af;font-weight:400;cursor:pointer;transition:color .2s}.strategy-author-inline:hover{color:#3b82f6;text-decoration:underline}.like-btn{padding:.5rem 1rem;background:#374151;color:#d1d5db;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.like-btn:hover{background:#4b5563;transform:scale(1.05)}.like-btn.liked{background:#dc2626;color:#fff}.like-btn.liked:hover{background:#b91c1c}.strategy-description{color:#9ca3af;line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.strategy-meta{display:flex;gap:.5rem;margin-bottom:1rem}.meta-badge{padding:.25rem .75rem;background:#374151;color:#d1d5db;border-radius:4px;font-size:.85rem;font-weight:500}.strategy-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #374151}.strategy-author{color:#60a5fa;font-weight:600;font-size:.9rem}.strategy-date{color:#6b7280;font-size:.85rem}.loading{text-align:center;padding:3rem;color:#9ca3af;font-size:1.1rem}@media (max-width: 768px){.ranking-header{flex-direction:column;align-items:flex-start;gap:1rem}.strategies-grid{grid-template-columns:1fr}.ranking-header h1{font-size:2rem}}.contact-page{min-height:calc(100vh - 60px);background-color:#1a1a1a;padding:2rem 1rem}.contact-container{max-width:800px;margin:0 auto;background:#2a2a2a;border-radius:16px;box-shadow:0 20px 60px #00000080;overflow:hidden}.contact-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.contact-header h1{margin:0 0 1rem;font-size:2.5rem}.contact-header p{margin:0;font-size:1.1rem;opacity:.9}.contact-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #444;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s;background-color:#1a1a1a;color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group input[readonly]{background-color:#333;cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;min-height:150px}.form-hint{display:block;margin-top:.25rem;font-size:.875rem;color:#999}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem}.alert-error{background:#fee;color:#c33;border:1px solid #fcc}.alert-success{background:#efe;color:#393;border:1px solid #cfc}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-info{padding:2rem;background:#1a1a1a;border-top:1px solid #444}.contact-info h3{margin-top:0;margin-bottom:1rem;color:#667eea}.contact-info ul{list-style:none;padding:0;margin:0}.contact-info li{padding:.75rem 0;border-bottom:1px solid #444;color:#ccc}.contact-info li:last-child{border-bottom:none}.contact-info strong{color:#667eea}@media (max-width: 768px){.contact-header h1{font-size:2rem}.contact-header p{font-size:1rem}.contact-form,.contact-info{padding:1.5rem}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#1a1a1a;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#e0e0e0;overflow:hidden}code{font-family:Consolas,Monaco,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#2a2a2a}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}