*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0f1117;color:#d1d4dc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.app{max-width:1400px;margin:0 auto;padding:0 16px 60px}.app-header{padding:20px 0 16px;border-bottom:1px solid #1e222d;margin-bottom:20px;display:flex;align-items:center;gap:16px}.app-header h1{font-size:20px;font-weight:600;color:#e0e3eb;flex:1}.learn-toggle{background:#1e222d;border:1px solid #2a2e39;border-radius:5px;color:#8a93a8;padding:7px 14px;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.learn-toggle:hover{border-color:#4c9be8;color:#d1d4dc}.learn-toggle--active{background:#1a2a1a;border-color:#26a69a;color:#26a69a}.learn-bar{background:#161b27;border:1px solid #2a2e39;border-radius:6px;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.learn-progress-wrap{display:flex;align-items:center;gap:12px}.learn-progress-track{flex:1;height:4px;background:#1e222d;border-radius:2px;overflow:hidden}.learn-progress-fill{height:100%;background:#4c9be8;border-radius:2px;transition:width .2s}.learn-progress-label{font-size:12px;color:#555e70;white-space:nowrap;font-variant-numeric:tabular-nums}.learn-controls{display:flex;align-items:center;gap:10px}.learn-btn{border:1px solid #2a2e39;border-radius:4px;cursor:pointer;font-size:13px;padding:7px 14px;transition:all .15s;white-space:nowrap}.learn-btn:disabled{opacity:.3;cursor:not-allowed}.learn-btn--nav{background:#1e222d;color:#8a93a8}.learn-btn--nav:not(:disabled):hover{border-color:#4c9be8;color:#d1d4dc}.learn-btn--next{background:#1a2033;border-color:#4c9be8;color:#4c9be8;font-weight:500}.learn-btn--next:not(:disabled):hover{background:#223;color:#7bb8f0}.learn-btn--reveal{background:#2a1a10;border-color:#f0b429;color:#f0b429;font-weight:500;flex:1;text-align:center}.learn-btn--reveal:hover{background:#332010}.learn-reveal-result{flex:1;display:flex;align-items:center;gap:8px;min-height:32px}.learn-no-pattern{font-size:12px;color:#555e70;font-style:italic}.learn-found-patterns{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.learn-more{font-size:11px;color:#555e70}.tl-controls--learn{background:#13181f}.tl-revealed-label{font-size:12px;color:#f0b429;margin-right:4px}.tl-legend-item--revealed{background:#1a2033;border-color:#4c9be8;color:#4c9be8}.pattern-panel-toggle{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left}.pattern-panel-toggle:hover{background:#161b27}.pattern-panel-chevron{margin-left:auto;font-size:10px;color:#555e70}.pattern-panel--collapsed .pattern-panel-toggle{border-bottom:none}.app-main{display:flex;flex-direction:column;gap:16px}.search-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.symbol-input{background:#1e222d;border:1px solid #2a2e39;border-radius:4px;color:#d1d4dc;padding:8px 12px;font-size:14px;width:140px;outline:none;text-transform:uppercase}.symbol-input:focus{border-color:#4c9be8}.search-bar select{background:#1e222d;border:1px solid #2a2e39;border-radius:4px;color:#d1d4dc;padding:8px 10px;font-size:14px;outline:none;cursor:pointer}.search-bar button{background:#4c9be8;border:none;border-radius:4px;color:#fff;padding:8px 18px;font-size:14px;cursor:pointer;font-weight:500}.search-bar button:disabled{opacity:.5;cursor:not-allowed}.tl-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0}.tl-master-btn{display:flex;align-items:center;gap:6px;background:#1e222d;border:1px solid #2a2e39;border-radius:4px;color:#8a93a8;padding:5px 12px;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.tl-master-btn.active{border-color:#4c9be8;color:#4c9be8;background:#151e2e}.tl-master-btn:hover{border-color:#4c9be8;color:#d1d4dc}.tl-icon{font-size:12px;opacity:.7}.tl-check{display:flex;align-items:center;gap:5px;font-size:12px;color:#8a93a8;cursor:pointer;padding:4px 8px;border:1px solid #2a2e39;border-radius:3px;background:#131722;-webkit-user-select:none;user-select:none}.tl-check:hover{border-color:#3a3e4a;color:#d1d4dc}.tl-check input{cursor:pointer;accent-color:#4c9be8}.chart-wrapper{background:#0f1117;border:1px solid #1e222d;border-radius:6px;overflow:hidden}.chart-title-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #1e222d;flex-wrap:wrap}.chart-symbol{font-size:16px;font-weight:600;color:#e0e3eb}.tl-legend{display:flex;gap:8px;flex-wrap:wrap}.tl-legend-item{font-size:11px;color:#555e70;background:#1e222d;padding:2px 7px;border-radius:3px;border:1px solid #2a2e39}.chart-container{width:100%}.pattern-panel{background:#131722;border:1px solid #1e222d;border-radius:6px;overflow:hidden}.pattern-panel-header,.pattern-panel-toggle{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #1e222d;gap:12px;color:inherit}.pattern-panel-title{font-size:13px;font-weight:600;color:#e0e3eb;text-transform:uppercase;letter-spacing:.04em}.pattern-panel-count{font-size:12px;color:#555e70}.pattern-summary{display:flex;gap:12px;font-size:12px}.summary-bull{color:#26a69a}.summary-bear{color:#ef5350}.summary-total{color:#555e70}.pattern-filters{display:flex;gap:6px;padding:8px 14px;border-bottom:1px solid #1e222d}.filter-btn{background:#1e222d;border:1px solid #2a2e39;border-radius:3px;color:#8a93a8;padding:4px 10px;font-size:12px;cursor:pointer}.filter-btn:hover{border-color:#4c9be8;color:#d1d4dc}.filter-btn--bullish.active{background:#1a3a2a;border-color:#26a69a;color:#26a69a}.filter-btn--bearish.active{background:#3a1a1a;border-color:#ef5350;color:#ef5350}.filter-btn--neutral.active{background:#2a2a1a;border-color:#f0b429;color:#f0b429}.filter-btn--all.active{background:#1a2033;border-color:#4c9be8;color:#4c9be8}.pattern-placeholder{padding:20px 16px;color:#555e70;font-style:italic}.pattern-list{display:flex;flex-direction:column;max-height:420px;overflow-y:auto}.pattern-list::-webkit-scrollbar{width:4px}.pattern-list::-webkit-scrollbar-track{background:#0f1117}.pattern-list::-webkit-scrollbar-thumb{background:#2a2e39;border-radius:2px}.pattern-item{padding:10px 14px;border-bottom:1px solid #1a1e2d;display:flex;flex-direction:column;gap:4px}.pattern-item:last-child{border-bottom:none}.pattern-item:hover{background:#161b27}.pattern-item-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pattern-meta{font-size:11px;color:#555e70}.pattern-desc{font-size:12px;color:#8a93a8;line-height:1.5}.pattern-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:500;white-space:nowrap}.pattern-badge--bullish{background:#1a3a2a;color:#26a69a;border:1px solid #26a69a44}.pattern-badge--bearish{background:#3a1a1a;color:#ef5350;border:1px solid #ef535044}.pattern-badge--neutral{background:#2a2a1a;color:#f0b429;border:1px solid #f0b42944}.pattern-badge-conf{opacity:.65;font-weight:400;font-size:11px}.marker-tooltip{position:absolute;pointer-events:auto;z-index:20;background:#1a1e2d;border:1px solid #2a2e39;border-radius:5px;padding:7px 10px;min-width:220px;max-width:300px;box-shadow:0 4px 12px #00000080}.tt-date{font-size:11px;color:#555e70;margin-bottom:5px;font-variant-numeric:tabular-nums}.tt-row{padding:2px 0}.tt-row-top{display:flex;align-items:center;gap:6px}.tt-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tt-name{font-size:12px;font-weight:500;color:#d1d4dc;flex:1}.tt-conf{font-size:11px;color:#555e70}.tt-arrow{font-size:12px;color:#555e70;flex-shrink:0}.tt-desc{font-size:11px;color:#6b7485;line-height:1.5;margin:3px 0 2px 13px}.tt-row--click{cursor:pointer;border-radius:3px;padding:3px 4px;margin:0 -4px}.tt-row--click:hover{background:#252a3d}.tt-row--click:hover .tt-name{color:#fff}.tt-row--click:hover .tt-arrow{color:#d1d4dc}.pattern-item--clickable{cursor:pointer}.pattern-item-arrow{margin-left:auto;font-size:16px;color:#555e70;flex-shrink:0}.pattern-item--clickable:hover .pattern-item-arrow{color:#d1d4dc}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{background:#161b27;border:1px solid #2a2e39;border-radius:8px;padding:24px;width:420px;max-width:calc(100vw - 32px);position:relative;box-shadow:0 16px 48px #000000b3}.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#555e70;font-size:16px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:3px}.modal-close:hover{color:#d1d4dc;background:#252a3d}.modal-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding-right:28px}.modal-meta{font-size:12px;color:#555e70}.modal-description{font-size:13px;color:#8a93a8;line-height:1.65;margin:0 0 20px}.modal-conf-bar{display:flex;align-items:center;gap:10px}.modal-conf-label{font-size:11px;color:#555e70;white-space:nowrap}.modal-conf-track{flex:1;height:5px;background:#1e222d;border-radius:3px;overflow:hidden}.modal-conf-fill{height:100%;border-radius:3px;transition:width .3s}.modal-conf-fill--bullish{background:#26a69a}.modal-conf-fill--bearish{background:#ef5350}.modal-conf-fill--neutral{background:#f0b429}.modal-conf-pct{font-size:12px;color:#d1d4dc;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}.error-message{background:#3a1a1a;border:1px solid #ef535044;color:#ef5350;padding:10px 14px;border-radius:4px}.empty-state{color:#555e70;text-align:center;padding:60px 0;font-size:16px}.learn-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.learn-chart-col{display:flex;flex-direction:column;gap:12px}.quiz-panel{background:#161b27;border:1px solid #2a2e39;border-radius:8px;padding:18px 16px;display:flex;flex-direction:column;gap:0;position:sticky;top:16px}.quiz-score-box{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.quiz-score-label{font-size:11px;color:#555e70;text-transform:uppercase;letter-spacing:.06em}.quiz-score-row{display:flex;align-items:baseline;gap:5px;position:relative}.quiz-score-num{font-size:32px;font-weight:700;color:#e0e3eb;font-variant-numeric:tabular-nums;line-height:1}.quiz-score-sep{font-size:20px;color:#555e70}.quiz-score-den{font-size:20px;color:#8a93a8;font-variant-numeric:tabular-nums}.quiz-rate-bar{height:4px;background:#1e222d;border-radius:2px;overflow:hidden}.quiz-rate-fill{height:100%;background:linear-gradient(90deg,#26a69a,#4cd5c9);border-radius:2px;transition:width .5s ease}.quiz-rate-pct{font-size:11px;color:#555e70}.quiz-divider{height:1px;background:#1e222d;margin:0 -16px 16px}.quiz-body{display:flex;flex-direction:column;gap:12px}.quiz-prompt{font-size:13px;color:#d1d4dc;font-weight:500;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:7px}.quiz-opt{background:#1e222d;border:1px solid #2a2e39;border-radius:5px;color:#8a93a8;padding:9px 13px;font-size:12px;text-align:left;cursor:pointer;transition:border-color .12s,background .12s,color .12s;line-height:1.4}.quiz-opt:not(:disabled):hover{border-color:#4c9be8;color:#d1d4dc;background:#1a2033}.quiz-opt--correct{background:#1a3a2a!important;border-color:#26a69a!important;color:#26a69a!important;animation:flash-correct .5s ease}.quiz-opt--wrong{background:#3a1a1a!important;border-color:#ef5350!important;color:#ef5350!important;animation:flash-wrong .5s ease}.quiz-opt--dim{opacity:.35;cursor:default}.quiz-skip-btn{background:none;border:none;color:#555e70;font-size:12px;cursor:pointer;padding:4px 0;text-align:left}.quiz-skip-btn:hover{color:#8a93a8}.quiz-feedback{font-size:12px;padding:9px 12px;border-radius:5px;line-height:1.5;border:1px solid transparent}.quiz-feedback--correct{background:#1a3a2a;border-color:#26a69a44;color:#26a69a}.quiz-feedback--wrong,.quiz-feedback--skipped{background:#2a2010;border-color:#f0b42944;color:#f0b429}.quiz-idle{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 8px;text-align:center}.quiz-idle-icon{width:48px;height:48px;border-radius:50%;background:#1e222d;border:2px solid #2a2e39;display:flex;align-items:center;justify-content:center;font-size:22px;color:#555e70}.quiz-idle-text{font-size:13px;color:#8a93a8;line-height:1.6}.quiz-idle-hint{font-size:12px;color:#555e70;line-height:1.5}.quiz-q-badge{display:inline-block;width:16px;height:16px;border-radius:50%;background:#f0b429;color:#0f1117;font-size:10px;font-weight:700;line-height:16px;text-align:center;vertical-align:middle}.quiz-detail-box{background:#131722;border:1px solid #2a2e39;border-left:3px solid #f0b429;border-radius:6px;padding:10px 12px;margin-bottom:12px}.quiz-detail-header{font-size:12px;font-weight:600;color:#f0b429;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.quiz-detail-text{font-size:12px;color:#9aa0ae;line-height:1.55;max-height:180px;overflow-y:auto}.quiz-detail-text p{margin-bottom:5px}.quiz-detail-text p:last-child{margin-bottom:0}.quiz-detail-text strong{color:#c8a845}@keyframes flash-correct{0%{box-shadow:0 0 #26a69a55}50%{box-shadow:0 0 0 6px #26a69a22}to{box-shadow:0 0 0 0 transparent}}@keyframes flash-wrong{0%{box-shadow:0 0 #ef535055}50%{box-shadow:0 0 0 6px #ef535022}to{box-shadow:0 0 0 0 transparent}}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-18px) scale(1.2)}to{opacity:0;transform:translateY(-32px) scale(.8)}}.quiz-plus-anim{position:absolute;left:60px;top:0;color:#26a69a;font-size:16px;font-weight:700;pointer-events:none;animation:float-up 1.1s ease-out forwards}