@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.quiz{display:flex;justify-content:center;align-items:center;min-height:480px;padding:var(--space-6)}.quiz__container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-6)}.quiz__header{text-align:center}.quiz__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.01em}.quiz__subtitle{font-size:var(--text-sm);color:var(--text-muted)}.quiz__progress{display:flex;align-items:center;gap:var(--space-3)}.quiz__progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.quiz__progress-fill{height:100%;border-radius:3px;transition:width .4s var(--ease-out),background .3s var(--ease-out);will-change:width}.quiz__progress-label{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:40px;text-align:right}.quiz__card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.quiz__card--enter{animation:quizSlideIn .3s var(--ease-out) both}.quiz__card--exit{animation:quizSlideOut .2s var(--ease-out) both}@keyframes quizSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes quizSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.quiz__question{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);line-height:1.4;letter-spacing:-.01em}.quiz__options{display:flex;flex-direction:column;gap:var(--space-3)}.quiz__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.quiz__option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-subtle);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quiz__option:active:not(:disabled){transform:scale(.98);box-shadow:none}.quiz__option--selected{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 0 1px var(--accent),0 0 12px #3b82f626}.quiz__option:disabled{opacity:.5;cursor:not-allowed}.quiz__option-label{flex:1;text-align:left}.quiz__option-arrow{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast),transform var(--transition-fast)}.quiz__option:hover:not(:disabled) .quiz__option-arrow{color:var(--accent);transform:translate(2px)}.quiz__error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--danger-subtle);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--text-sm);animation:quizSlideIn .2s var(--ease-out) both}.quiz__error-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--danger);color:var(--bg-primary);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.quiz__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-4) 0}.quiz__spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.quiz__skip{display:block;margin:0 auto;padding:var(--space-2) var(--space-4);background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.quiz__skip:hover:not(:disabled){color:var(--text-secondary)}.quiz__skip:active:not(:disabled){transform:scale(.98)}.quiz__skip:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.quiz{padding:var(--space-4)}.quiz__card{padding:var(--space-6)}.quiz__title{font-size:var(--text-lg)}.quiz__question{font-size:var(--text-md)}}.stock-selector{display:flex;flex-direction:column;gap:var(--space-3)}.stock-selector__search-row{display:flex;gap:var(--space-2);align-items:flex-start}.stock-selector__search-wrapper{position:relative;flex:1}.stock-selector__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast)}.stock-selector__input:focus~.stock-selector__search-icon,.stock-selector__search-wrapper:focus-within .stock-selector__search-icon{color:var(--accent)}.stock-selector__input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);outline:none;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s var(--ease-out)}.stock-selector__input::placeholder{color:var(--text-muted)}.stock-selector__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);background:var(--bg-secondary)}.stock-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;z-index:50;animation:dropdownSlideIn .2s var(--ease-out) both}.stock-selector__dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;cursor:pointer;font-size:var(--text-base);color:var(--text-primary);text-align:left;transition:background .2s var(--ease-out)}.stock-selector__dropdown-item:hover{background:var(--bg-tertiary)}.stock-selector__dropdown-item--loading,.stock-selector__dropdown-item--empty{color:var(--text-muted);cursor:default;justify-content:center}.stock-selector__dropdown-item--loading:hover,.stock-selector__dropdown-item--empty:hover{background:none}.stock-selector__dropdown-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-right:var(--space-2)}.stock-selector__ticker{font-weight:600;min-width:72px;color:var(--accent);font-variant-numeric:tabular-nums}.stock-selector__name{color:var(--text-secondary);font-size:var(--text-sm)}.stock-selector__preset-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;white-space:nowrap;transition:border-color .2s var(--ease-out),color .2s var(--ease-out),background .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.stock-selector__preset-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-subtle);box-shadow:var(--shadow-sm)}.stock-selector__preset-btn:active:not(:disabled){transform:scale(.97);box-shadow:none}.stock-selector__preset-btn:disabled{opacity:.5;cursor:not-allowed}.stock-selector__error{color:var(--danger);font-size:var(--text-sm)}.stock-selector__placeholder{padding:var(--space-4) 0;color:var(--text-muted);font-size:var(--text-base);text-align:center}.stock-selector__count{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.stock-selector__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stock-selector__tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out);animation:tagPopIn .25s var(--ease-out) both}.stock-selector__tag:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.stock-selector__tag-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:none;cursor:pointer;color:var(--text-muted);border-radius:50%;transition:background .2s var(--ease-out),color .2s var(--ease-out),transform .2s var(--ease-out)}.stock-selector__tag-remove:hover{background:var(--danger-subtle);color:var(--danger)}.stock-selector__tag-remove:active{transform:scale(.9)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes tagPopIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.parameter-panel{display:flex;gap:var(--space-4);flex-wrap:wrap}.parameter-panel__field{display:flex;flex-direction:column;gap:var(--space-1);min-width:150px}.parameter-panel__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.parameter-panel__input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);color-scheme:dark}.parameter-panel__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.parameter-panel__input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.simple-view{display:flex;flex-direction:column;gap:var(--space-6);max-width:720px;margin:0 auto}.simple-view__empty{text-align:center;color:var(--text-muted);font-size:var(--text-md);padding:var(--space-8) 0;line-height:1.6}.simple-view__header{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.simple-view__recommendation-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3)}.simple-view__badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:var(--text-xs);font-weight:600;color:#fff;margin-bottom:var(--space-3)}.simple-view__model-name{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2)}.simple-view__model-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.simple-view__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.simple-view__metric{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.simple-view__metric-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;cursor:help;border-bottom:1px dotted var(--text-muted)}.simple-view__metric-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.simple-view__metric-value--return{color:var(--success)}.simple-view__metric-value--drawdown{color:var(--danger);font-size:var(--text-base)}.simple-view__metric-badge{padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:var(--text-sm);font-weight:600;line-height:1.4}.simple-view__metric-hint{font-size:var(--text-xs);color:var(--text-muted);line-height:1.3}.simple-view__card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.simple-view__card-title{text-align:center;margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.simple-view__card-subtitle{text-align:center;margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.simple-view__pie-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);justify-content:center;padding:var(--space-2) var(--space-3) 0}.simple-view__pie-legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.simple-view__pie-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.simple-view__pie-legend-ticker{font-weight:600;color:var(--text-primary)}.simple-view__pie-legend-value{color:var(--text-secondary)}.simple-view__also-try{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.simple-view__also-try-title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);margin:0 0 var(--space-3);text-align:center}.simple-view__suggestions{display:flex;flex-direction:column;gap:var(--space-2)}.simple-view__suggestion{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);text-align:left;color:var(--text-primary);font-size:var(--text-sm);min-height:44px}.simple-view__suggestion:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.simple-view__suggestion-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.simple-view__suggestion-label{flex:1;font-weight:500}.simple-view__suggestion-dir{font-size:var(--text-xs);font-weight:600;flex-shrink:0}.simple-view__toggle{display:block;margin:var(--space-2) auto 0;background:none;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);color:var(--accent);font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:44px;transition:border-color var(--transition-fast),background var(--transition-fast)}.simple-view__toggle:hover{border-color:var(--accent);background:var(--accent-hover-bg)}@media(max-width:640px){.simple-view__metrics{grid-template-columns:1fr}.simple-view__metric-value--drawdown{font-size:var(--text-sm)}}.heatmap__wrapper{overflow-x:auto;border-radius:var(--radius-md)}.heatmap{border-collapse:collapse;min-width:max-content;font-variant-numeric:tabular-nums}.heatmap__header-cell{padding:var(--space-1) var(--space-2);text-align:center;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);white-space:nowrap}.heatmap__header-cell:first-child{position:sticky;left:0;z-index:1;background:var(--bg-secondary)}.heatmap__cell{padding:var(--space-1) var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--text-primary);border:1px solid var(--border);transition:opacity var(--transition-fast)}.heatmap__cell:first-child{position:sticky;left:0;z-index:1;background:var(--bg-secondary)}.heatmap__cell--diagonal{font-weight:600;color:var(--text-muted)}.heatmap--compact .heatmap__header-cell,.heatmap--compact .heatmap__cell{padding:var(--space-1);font-size:10px}.heatmap tr:hover .heatmap__cell{opacity:.85}.heatmap tr:hover .heatmap__cell:hover{opacity:1;outline:1px solid var(--accent);outline-offset:-1px}.detailed-view{display:flex;flex-direction:column;gap:var(--space-6)}.detailed-view__toggle-bar{display:flex;justify-content:flex-start}.detailed-view__toggle{background:none;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);color:var(--accent);font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:44px;transition:border-color var(--transition-fast),background var(--transition-fast)}.detailed-view__toggle:hover{border-color:var(--accent);background:var(--accent-hover-bg)}.detailed-view__card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.detailed-view__card-title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.detailed-view__card-title-note{font-size:var(--text-sm);font-weight:400;color:var(--text-muted)}.detailed-view__card-subtitle{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.detailed-view__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.detailed-view__table{width:100%;border-collapse:collapse;font-size:var(--text-sm);white-space:nowrap}.detailed-view__th{padding:var(--space-3) var(--space-3);text-align:right;font-weight:600;font-size:var(--text-xs);color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;cursor:help}.detailed-view__th--model{text-align:left;min-width:160px;cursor:default}.detailed-view__th--metric{min-width:80px;border-bottom:1px dotted var(--text-muted)}.detailed-view__row{transition:background var(--transition-fast)}.detailed-view__row:hover{background:var(--hover-overlay)}.detailed-view__row--recommended,.detailed-view__row--recommended:hover{background:var(--accent-hover-bg)}.detailed-view__recommended-badge{font-size:var(--text-xs);color:var(--accent);margin-left:var(--space-1);flex-shrink:0}.detailed-view__td{padding:var(--space-3);text-align:right;color:var(--text-secondary);border-bottom:1px solid var(--border)}.detailed-view__td--model{text-align:left;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.detailed-view__model-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.detailed-view__td--best{color:var(--success);font-weight:600}.detailed-view__td--worst{color:var(--danger)}.detailed-view__drawdowns{display:flex;flex-direction:column;gap:var(--space-6)}.detailed-view__drawdown-label{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-2);font-weight:500}.detailed-view__sector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}@media(max-width:768px){.detailed-view__card{padding:var(--space-4)}.detailed-view__sector-grid{grid-template-columns:1fr}}.disclaimer{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:auto;padding:var(--space-8) var(--space-4) var(--space-4);border:none;border-top:1px solid var(--border);border-radius:0;background:transparent}.disclaimer__icon{width:16px;height:16px;flex-shrink:0;color:var(--text-muted);margin-top:1px}.disclaimer__text{color:var(--text-muted);font-size:var(--text-xs);line-height:1.7}.disclaimer__year{color:var(--text-muted);font-size:var(--text-xs);opacity:.6;flex-shrink:0;align-self:center;margin-left:auto}.spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) 0}.spinner__dots{display:flex;align-items:center;gap:6px}.spinner__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:dotPulse 1.2s ease-in-out infinite}.spinner__dot:nth-child(2){animation-delay:.16s}.spinner__dot:nth-child(3){animation-delay:.32s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.spinner__text{color:var(--text-secondary);font-size:var(--text-md);transition:opacity .2s ease}.spinner__progress{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:280px}.spinner__progress-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.spinner__progress-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .4s ease}.spinner__progress-label{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-subtle);color:var(--danger);font-size:var(--text-base);line-height:1.5}.error-message__icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.error-message__content{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.error-message__text{font-weight:600}.error-message__suggestion{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.error-message__retry{align-self:flex-start;margin-top:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:44px;min-width:44px;transition:background var(--transition-fast),opacity var(--transition-fast)}.error-message__retry:hover{opacity:.85}.error-message__retry:active{opacity:.7}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{background:#1a1d27d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.app__header-content{max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.app__brand{display:flex;align-items:baseline;gap:var(--space-4)}.app__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.03em}.app__tagline{font-size:var(--text-sm);color:var(--text-muted)}.app__view-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.app__view-toggle-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color .15s ease-out,background .15s ease-out;white-space:nowrap}.app__view-toggle-btn:hover:not(.app__view-toggle-btn--active){color:var(--text-secondary);background:var(--hover-overlay)}.app__view-toggle-btn--active{color:var(--text-primary);background:var(--accent);cursor:default}.app__main{max-width:1400px;width:100%;margin:0 auto;padding:var(--space-6);flex:1}.app__landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-8)}.app__landing-content{text-align:center;max-width:640px}.app__landing-headline{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3);line-height:1.3}.app__landing-sub{font-size:var(--text-md);color:var(--text-muted);margin:0 0 var(--space-8);line-height:1.6}.app__landing-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.app__landing-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;text-align:left;min-width:260px;transition:transform .15s ease-out,background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.app__landing-btn:active{transform:scale(.98)}.app__landing-btn--primary{background:var(--accent);border:2px solid var(--accent);color:#fff}.app__landing-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 30px #3b82f64d;transform:translateY(-2px)}.app__landing-btn--secondary{background:var(--bg-secondary);border:2px solid var(--border);color:var(--text-primary)}.app__landing-btn--secondary:hover{border-color:var(--border-hover);background:var(--bg-tertiary);transform:translateY(-2px)}.app__landing-btn-icon{font-size:28px;flex-shrink:0}.app__landing-btn-title{display:block;font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-1)}.app__landing-btn-desc{display:block;font-size:var(--text-xs);opacity:.75}.app__controls{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.app__controls-row{display:flex;gap:var(--space-6);align-items:flex-start;flex-wrap:wrap}.app__stock-selector{flex:1;min-width:280px}.app__params{flex-shrink:0}.app__action{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;align-self:flex-end}.app__optimize-btn{padding:var(--space-2) var(--space-6);font-size:var(--text-md);font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--space-2);transition:background .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out;white-space:nowrap}.app__optimize-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px #3b82f640}.app__optimize-btn:active:not(:disabled){transform:scale(.98)}.app__optimize-btn--disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.app__optimize-btn--disabled:hover{box-shadow:none}.app__btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.app__hint{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.app__validation-error{color:var(--danger);font-size:var(--text-sm);margin-top:var(--space-1)}.app__info-message{background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}@media(max-width:768px){.app__header-content{padding:var(--space-3) var(--space-4);flex-direction:column;gap:var(--space-3)}.app__brand{flex-direction:column;gap:var(--space-1)}.app__main{padding:var(--space-4)}.app__controls-row{flex-direction:column;gap:var(--space-4)}.app__stock-selector{min-width:100%}.app__action{align-self:stretch}.app__optimize-btn{width:100%;justify-content:center}.app__landing-headline{font-size:var(--text-xl)}.app__landing-actions{flex-direction:column;align-items:stretch}.app__landing-btn{min-width:auto}.app__view-toggle-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-6)}.error-boundary__card{max-width:480px;width:100%;text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8)}.error-boundary__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--danger-subtle);margin-bottom:var(--space-6)}.error-boundary__icon{width:28px;height:28px;color:var(--danger)}.error-boundary__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.error-boundary__message{padding:var(--space-3) var(--space-4);border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-subtle);color:var(--danger);font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-6)}.error-boundary__btn{padding:var(--space-3) var(--space-8);font-size:var(--text-md);font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.error-boundary__btn:hover{background:var(--accent-hover);box-shadow:0 0 20px #3b82f640}:root{--bg-primary: #111318;--bg-secondary: #1c1f2a;--bg-tertiary: #252830;--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .38);--accent: #3b82f6;--accent-hover: #2563eb;--accent-subtle: rgba(59, 130, 246, .12);--success: #22c55e;--success-subtle: rgba(34, 197, 94, .12);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .3);--warning: #f59e0b;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--hover-overlay: rgba(255, 255, 255, .03);--accent-hover-bg: rgba(59, 130, 246, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .2s cubic-bezier(.16, 1, .3, 1);--transition-slow: .3s cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--model-markowitz: #3b82f6;--model-max-sharpe: #22c55e;--model-min-variance: #f97316;--model-risk-parity: #a855f7}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-color:var(--bg-tertiary) var(--bg-primary);scrollbar-width:thin}body{font-family:var(--font-sans);font-size:var(--text-base);font-variant-numeric:tabular-nums;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.06),transparent);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.3}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}button:active:not(:disabled){transform:scale(.98)}input,select,textarea{font-family:inherit;font-size:inherit}table{border-collapse:collapse;font-variant-numeric:tabular-nums}img,svg{display:block;max-width:100%}.tabular-nums{font-variant-numeric:tabular-nums}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.empty-state__icon{width:48px;height:48px;margin-bottom:var(--space-4);opacity:.3}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card__title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.skeleton{background:var(--bg-tertiary);border-radius:var(--radius-md);animation:skeletonPulse 1.8s ease-in-out infinite;pointer-events:none}.skeleton-text{height:14px;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.skeleton-text--sm{width:60%}.skeleton-text--md{width:80%}.skeleton-text--lg{width:100%}.skeleton-heading{height:20px;width:50%;border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.skeleton-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);animation:skeletonPulse 1.8s ease-in-out infinite}.skeleton-chart{height:200px;border-radius:var(--radius-md)}.skeleton-metric{height:80px;border-radius:var(--radius-md)}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s var(--ease-out) both}.stagger-in>*{opacity:0;transform:translateY(8px);animation:fadeIn .3s var(--ease-out) both}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:50ms}.stagger-in>*:nth-child(3){animation-delay:.1s}.stagger-in>*:nth-child(4){animation-delay:.15s}.stagger-in>*:nth-child(5){animation-delay:.2s}.stagger-in>*:nth-child(6){animation-delay:.25s}.stagger-in>*:nth-child(7){animation-delay:.3s}.stagger-in>*:nth-child(8){animation-delay:.35s}.chart-fade-in{animation:chartFadeIn .4s var(--ease-out) both}@keyframes chartFadeIn{0%{opacity:0}to{opacity:1}}.reveal-section{opacity:0;transform:translateY(12px);animation:fadeIn .4s var(--ease-out) both}.reveal-section:nth-child(1){animation-delay:0ms}.reveal-section:nth-child(2){animation-delay:60ms}.reveal-section:nth-child(3){animation-delay:.12s}.reveal-section:nth-child(4){animation-delay:.18s}.reveal-section:nth-child(5){animation-delay:.24s}.reveal-section:nth-child(6){animation-delay:.3s}.crossfade{transition:opacity var(--transition-slow)}.crossfade--enter{animation:crossfadeIn .3s var(--ease-out) both}@keyframes crossfadeIn{0%{opacity:0}to{opacity:1}}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)}.recharts-text{fill:var(--text-secondary)}.recharts-legend-item-text{color:var(--text-secondary)!important}.recharts-tooltip-wrapper{pointer-events:none!important}.scenario-card{border-left-width:3px!important}.scenario-card__label{color:var(--text-secondary)!important}.scenario-card__value{font-weight:600!important}.simple-view__suggestion-chevron{color:var(--text-muted);font-size:20px;line-height:1;flex-shrink:0;margin-left:auto;transition:transform var(--transition-fast),color var(--transition-fast)}.simple-view__suggestion:hover .simple-view__suggestion-chevron{color:var(--text-secondary);transform:translate(3px)}.app__landing-sub{color:var(--text-secondary)!important;font-size:16px!important}.app__tagline{color:var(--text-secondary)!important}@media(max-width:768px){:root{--text-2xl: 22px;--text-xl: 18px;--text-lg: 16px}.card{padding:var(--space-4)}.card:hover{transform:none}.stock-selector__search-row{flex-direction:column}.stock-selector__preset-btn{width:100%;text-align:center}.parameter-panel{flex-direction:column}.parameter-panel__field{min-width:100%}.comparison-table__wrapper{-webkit-overflow-scrolling:touch}.comparison-table{font-size:var(--text-sm)}.comparison-table__th{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.comparison-table__td{padding:var(--space-2) var(--space-3)}.detailed-view__table-wrapper{-webkit-overflow-scrolling:touch}.detailed-view__table{font-size:var(--text-xs)}.detailed-view__th{padding:var(--space-2);min-width:64px}.detailed-view__th--model{min-width:120px}.detailed-view__td{padding:var(--space-2)}.heatmap__wrapper{-webkit-overflow-scrolling:touch}.heatmap__header-cell,.heatmap__cell{font-size:10px;padding:3px}.heatmap__header-cell:first-child,.heatmap__cell:first-child{background:var(--bg-secondary);box-shadow:2px 0 4px #0003}.detailed-view__sector-grid{grid-template-columns:1fr}.detailed-view__card{padding:var(--space-4)}.recharts-responsive-container{height:250px!important}.simple-view__metrics{grid-template-columns:1fr}.simple-view__card .recharts-responsive-container{height:220px!important}.skeleton-chart{height:150px}.skeleton-metric{height:60px}}@media(max-width:480px){:root{--text-2xl: 20px;--text-xl: 17px}.stock-selector__tags{gap:var(--space-1)}.stock-selector__tag{font-size:var(--text-xs);padding:2px var(--space-1)}.heatmap__header-cell,.heatmap__cell{font-size:9px;padding:2px}}@media print{body{background:#fff;color:#000}.app__header,.app__view-toggle,.app__controls,.app__landing-actions,.app__optimize-btn{display:none!important}.card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}*{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}