*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-surface: #e9e9eb;--bg-input: #ffffff;--bg-tertiary: #e5e5ea;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent: #0071e3;--accent-hover: #0077ed;--accent-light: rgba(0, 113, 227, .08);--bg-card: #EEF4FF;--chip-bg: #F2F2F7;--border: #d2d2d7;--border-light: #e8e8ed;--error: #ff3b30;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .1);--radius: 12px;--radius-lg: 18px;--slider-track: #d1d1d6;--slider-thumb: #ffffff;--error-bg: #fff5f5;--error-border: #fecaca;--code-bg: rgba(0, 0, 0, .05);--placeholder: #c7c7cc;--typing-dot: #a1a1a6;--particle-fill: rgba(0, 113, 227, .08);--particle-line: rgba(0, 113, 227, .05);--token-pastels-1-bg: #e8f0fe;--token-pastels-1-border: #c4d7f5;--token-pastels-2-bg: #fce8e6;--token-pastels-2-border: #f5c4c0;--token-pastels-3-bg: #e6f4ea;--token-pastels-3-border: #c0e5c8;--token-pastels-4-bg: #fef7e0;--token-pastels-4-border: #f5e6b8;--token-pastels-5-bg: #e8eaf6;--token-pastels-5-border: #c5cae9;--attn-rect-fill: #e8f0fe;--attn-rect-stroke: #c4d7f5;--attn-text-fill: #1d1d1f;--scrollbar-thumb: #c7c7cc;--scrollbar-thumb-hover: #a1a1a6;--tooltip-bg: #1D1D1F;--tooltip-text: #FFFFFF;--tooltip-border: transparent;--tooltip-shadow: 0 4px 16px rgba(0, 0, 0, .15)}[data-theme=dark]{--bg-primary: #1C1917;--bg-secondary: #292524;--bg-surface: #292524;--bg-input: #312E2B;--bg-tertiary: #312E2B;--text-primary: #E8E3DD;--text-secondary: #A8A29E;--text-tertiary: #78716C;--accent: #0071E3;--accent-hover: #0077ed;--accent-light: #1C2B3A;--bg-card: #1C2B3A;--chip-bg: #3D3936;--border: #44403C;--border-light: #292524;--error: #ff453a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .3);--slider-track: #44403C;--slider-thumb: #ffffff;--error-bg: rgba(255, 69, 58, .1);--error-border: rgba(255, 69, 58, .3);--code-bg: rgba(255, 255, 255, .08);--placeholder: #78716C;--typing-dot: #78716C;--particle-fill: rgba(168, 162, 158, .1);--particle-line: rgba(168, 162, 158, .08);--token-pastels-1-bg: rgba(0, 113, 227, .18);--token-pastels-1-border: rgba(0, 113, 227, .35);--token-pastels-2-bg: rgba(255, 59, 48, .14);--token-pastels-2-border: rgba(255, 59, 48, .3);--token-pastels-3-bg: rgba(52, 199, 89, .14);--token-pastels-3-border: rgba(52, 199, 89, .3);--token-pastels-4-bg: rgba(255, 204, 0, .14);--token-pastels-4-border: rgba(255, 204, 0, .3);--token-pastels-5-bg: rgba(175, 82, 222, .14);--token-pastels-5-border: rgba(175, 82, 222, .3);--attn-rect-fill: rgba(0, 113, 227, .12);--attn-rect-stroke: rgba(0, 113, 227, .3);--attn-text-fill: #E8E3DD;--scrollbar-thumb: #44403C;--scrollbar-thumb-hover: #78716C;--tooltip-bg: #3D3936;--tooltip-text: #E8E3DD;--tooltip-border: #44403C;--tooltip-shadow: 0 4px 16px rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-weight:400;letter-spacing:-.022em;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}*,*:before,*:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}input[type=range],input[type=range]::-webkit-slider-thumb,.gen-bar-fill,.how-gen-bar-fill,canvas,svg,.typing-indicator span,.send-spinner{transition:none!important}::selection{background:#0071e333}[data-theme=dark] ::selection{background:#0071e34d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media(max-width:768px){html,body{overflow-x:hidden;overflow-y:auto}#root{overflow-x:hidden}}.quiz-container{max-width:700px;margin:0 auto;padding:32px 20px 48px}.quiz-fade-in{animation:quizFadeIn .35s ease-out}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quiz-progress-info{font-size:13px;font-weight:600;color:var(--text-secondary)}.quiz-score-tracker{font-size:14px;font-weight:700;color:var(--accent, #0071e3);font-variant-numeric:tabular-nums}.quiz-progress-bar{width:100%;height:6px;background:var(--border-light, #e5e5ea);border-radius:3px;overflow:hidden;margin-bottom:28px}.quiz-progress-fill{height:100%;background:var(--accent, #0071e3);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-card{background:var(--bg-surface, #fff);border:1px solid var(--border-light, #e5e5ea);border-radius:20px;padding:36px 32px 32px;position:relative;overflow:hidden}.quiz-card-enter{animation:quizCardIn .3s ease-out}.quiz-card-exit{animation:quizCardOut .25s ease-in forwards}@keyframes quizCardIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes quizCardOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.quiz-question-number{font-size:12px;font-weight:700;color:var(--accent, #0071e3);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.quiz-question{font-size:20px;font-weight:600;color:var(--text-primary, #1d1d1f);line-height:1.4;margin-bottom:28px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:1.5px solid var(--border-light, #e5e5ea);border-radius:14px;background:var(--bg-primary, #f5f5f7);color:var(--text-primary, #1d1d1f);font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:all .18s ease;position:relative}.quiz-option:hover:not(:disabled){border-color:var(--accent, #0071e3);background:color-mix(in srgb,var(--accent, #0071e3) 6%,var(--bg-primary, #f5f5f7))}.quiz-option-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-secondary, #e8e8ed);color:var(--text-secondary, #636366);font-size:12px;font-weight:700;flex-shrink:0;transition:all .18s ease}.quiz-option:hover:not(:disabled) .quiz-option-letter{background:var(--accent, #0071e3);color:#fff}.quiz-option-correct{border-color:#34c759!important;background:#34c7591f!important;cursor:default}.quiz-option-correct .quiz-option-letter{background:#34c759!important;color:#fff!important}.quiz-option-wrong{border-color:#ff3b30!important;background:#ff3b301f!important;cursor:default}.quiz-option-wrong .quiz-option-letter{background:#ff3b30!important;color:#fff!important}.quiz-option-disabled{opacity:.45;cursor:default}.quiz-confetti-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:10}.quiz-confetti-particle{position:absolute;width:var(--size);height:var(--size);background:var(--color);border-radius:50%;animation:quizConfettiPop .7s ease-out var(--delay) forwards;opacity:0}@keyframes quizConfettiPop{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3)}}.quiz-back-link{display:block;margin:24px auto 0;background:none;border:none;color:var(--text-secondary, #636366);font-size:13px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:color .15s}.quiz-back-link:hover{color:var(--accent, #0071e3)}.quiz-result-card{text-align:center;padding:48px 32px;background:var(--bg-surface, #fff);border:1px solid var(--border-light, #e5e5ea);border-radius:20px}.quiz-result-emoji{font-size:48px;margin-bottom:8px}.quiz-score-circle-wrapper{position:relative;width:160px;height:160px;margin:0 auto 20px}.quiz-score-circle{width:160px;height:160px}.quiz-score-circle-bg{stroke:var(--border-light, #e5e5ea)}.quiz-score-circle-fg{stroke:var(--accent, #0071e3);transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.quiz-score-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.quiz-score-circle-value{font-size:36px;font-weight:700;color:var(--text-primary, #1d1d1f);line-height:1;font-variant-numeric:tabular-nums}.quiz-score-circle-label{font-size:12px;color:var(--text-secondary, #636366);margin-top:4px}.quiz-result-message{font-size:18px;font-weight:600;color:var(--text-primary, #1d1d1f);margin-bottom:32px;line-height:1.4}.quiz-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.quiz-btn{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .18s ease}.quiz-btn-primary{background:var(--accent, #0071e3);color:#fff}.quiz-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.quiz-btn-secondary{background:var(--bg-primary, #f5f5f7);color:var(--text-primary, #1d1d1f);border:1px solid var(--border-light, #e5e5ea)}.quiz-btn-secondary:hover{border-color:var(--accent, #0071e3);color:var(--accent, #0071e3)}.quiz-launch-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--accent);color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:8px}.quiz-launch-btn:hover{background:var(--accent-hover)}@media(max-width:768px){.quiz-container{padding:20px 16px 40px}.quiz-card{padding:24px 18px 20px;border-radius:16px}.quiz-question{font-size:17px;margin-bottom:20px}.quiz-option{padding:12px 14px;font-size:14px;border-radius:12px}.quiz-option-letter{width:26px;height:26px;font-size:11px}.quiz-result-card{padding:32px 20px}.quiz-score-circle-wrapper,.quiz-score-circle{width:120px;height:120px}.quiz-score-circle-value{font-size:28px}.quiz-result-message{font-size:16px}.quiz-result-actions{flex-direction:column;gap:10px;width:100%}.quiz-btn{width:100%;text-align:center}.quiz-launch-btn{width:100%;justify-content:center}}.ce-root{max-width:900px;margin:0 auto;padding:0 24px 60px}.ce-stepper .how-step-current .how-step-num{background:#00c7be;color:#fff;border-color:#00c7be}.ce-stepper .how-step-completed .how-step-num{background:#00c7be;border-color:#00c7be;color:#fff}.ce-stepper .how-step-active .how-step-label{color:var(--text-primary)}.ce-viz{margin-bottom:24px}.ce-demo-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.ce-context-bar-wrapper{margin-bottom:24px}.ce-context-bar{height:60px;background:var(--bg-surface);border-radius:8px;overflow:hidden;display:flex;border:1px solid var(--border-light)}.ce-context-bar-section{height:100%;min-width:0;transition:width .3s ease-out;display:flex;align-items:center;justify-content:center;overflow:hidden}.ce-context-bar-section-label{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}.ce-context-bar-counter{font-size:13px;color:var(--text-secondary);margin-top:8px;text-align:center;font-variant-numeric:tabular-nums}.ce-context-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ce-context-legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.ce-context-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.ce-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.ce-comp-panel{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;border:1px solid var(--border-light)}.ce-comp-bad{border-left:3px solid #ff3b30}.ce-comp-good{border-left:3px solid #34c759}.ce-comp-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;color:var(--text-secondary)}.ce-comp-prompt{font-size:13px;color:var(--text-primary);line-height:1.5;font-style:italic}.ce-comp-divider{height:1px;background:var(--border-light);margin:10px 0}.ce-comp-response{font-size:13px;color:var(--text-secondary);line-height:1.5}.ce-comp-verdict{margin-top:10px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px}.ce-verdict-bad{background:#ff3b3014;color:#ff3b30}.ce-verdict-good{background:#34c75914;color:#34c759}.ce-window-rect{width:100%;max-width:500px;height:360px;margin:0 auto;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.ce-window-section{display:flex;align-items:center;justify-content:center;opacity:0;transform:scaleY(0);transform-origin:top;transition:opacity .4s ease-out,transform .4s ease-out}.ce-window-section-visible{opacity:.85;transform:scaleY(1)}.ce-window-section-label{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ce-window-warning{display:flex;align-items:center;gap:8px;margin-top:12px;background:#fff0f0;border:1px solid #fecaca;border-left:3px solid #ff3b30;color:#dc2626;font-size:13px;font-weight:600;padding:10px 14px;border-radius:8px}[data-theme=dark] .ce-window-warning{background:#ff3b301a;border-color:#ff3b304d;border-left-color:#ff3b30}.ce-window-warning-icon{font-size:16px;flex-shrink:0}.ce-tokens-remaining{text-align:center;font-size:14px;color:var(--text-secondary);margin-bottom:20px;font-variant-numeric:tabular-nums}.ce-model-table{margin-bottom:16px}.ce-model-table-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.ce-model-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ce-model-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:12px;text-align:center}.ce-model-card-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.ce-model-card-tokens{font-size:14px;font-weight:700;color:#00c7be}.ce-model-card-words{font-size:11px;color:var(--text-tertiary);margin-top:2px}.ce-tools{margin-top:16px}.ce-tools-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.ce-tools-list{display:flex;flex-wrap:wrap;gap:8px}.ce-tool-chip{font-size:13px;background:var(--chip-bg);border:1px solid var(--border-light);border-radius:100px;padding:6px 14px;color:var(--text-primary)}.ce-poison-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ce-poison-panel{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;border:1px solid var(--border-light)}.ce-poison-bad{border-top:3px solid #ff3b30}.ce-poison-good{border-top:3px solid #34c759}.ce-poison-panel-title{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.ce-poison-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary);padding:6px 0;opacity:0;transform:translate(-8px);transition:opacity .3s ease-out,transform .3s ease-out}.ce-poison-item-visible{opacity:1;transform:translate(0)}.ce-poison-icon{flex-shrink:0}.ce-poison-mistakes{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;margin-bottom:12px}.ce-poison-mistakes-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.ce-poison-mistakes ul{margin:0;padding-left:20px;font-size:13px;color:var(--text-secondary);line-height:1.8}.ce-poison-rule{margin-top:12px;font-size:13px;font-weight:600;color:#00c7be}.ce-rag-pipeline{display:flex;flex-wrap:wrap;align-items:center;row-gap:10px;column-gap:0;margin-bottom:20px;justify-content:center}.ce-rag-step{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;opacity:.3;transform:scale(.95);transition:opacity .3s ease,transform .3s ease,border-color .3s ease}.ce-rag-step-active{opacity:1;transform:scale(1);border-color:var(--step-color)}.ce-rag-step-icon{font-size:16px}.ce-rag-step-num{font-size:10px;font-weight:700;color:var(--text-tertiary)}.ce-rag-step-label{font-size:11px;font-weight:500;color:var(--text-primary)}.ce-rag-connector{color:var(--text-tertiary);opacity:.3;transition:opacity .3s ease;padding:0 2px;display:flex;align-items:center}.ce-rag-connector svg{width:16px;height:10px}.ce-rag-connector-active{opacity:1;color:#00c7be}.ce-replay-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;color:var(--accent);background:transparent;border:1.5px solid var(--accent);border-radius:18px;cursor:pointer;transition:background .15s ease,color .15s ease;margin-top:16px}.ce-replay-btn:hover{background:var(--accent);color:#fff}.ce-rag-summary{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:3px solid #00c7be;border-radius:var(--radius);padding:16px;margin-bottom:16px}.ce-rag-summary strong{color:var(--text-primary)}.ce-rag-summary ul{margin:8px 0;padding-left:20px;font-size:13px;color:var(--text-secondary);line-height:1.8}.ce-rag-insight{font-size:13px;font-weight:600;color:#00c7be;margin-top:8px}.ce-strategy-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.ce-strategy-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}.ce-strategy-card-visible{opacity:1;transform:translateY(0)}.ce-strategy-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ce-strategy-card-icon{font-size:22px}.ce-strategy-card-name{font-size:15px;font-weight:600;color:var(--text-primary)}.ce-strategy-card-formula{font-size:12px;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;padding:8px 10px;color:#00c7be;margin-bottom:8px;line-height:1.5}.ce-strategy-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.ce-usecase-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.ce-usecase-card-wrapper{display:flex;flex-direction:column}.ce-usecase-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;font-family:inherit;font-size:inherit;color:inherit}.ce-usecase-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ce-usecase-card-expanded{border-color:#00c7be;box-shadow:0 0 0 1px #00c7be}.ce-usecase-card-icon{font-size:28px}.ce-usecase-card-name{font-size:13px;font-weight:600;color:var(--text-primary)}.ce-usecase-items{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:0 0 8px 8px;padding:10px 12px;margin-top:-4px}.ce-usecase-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);padding:4px 0;cursor:pointer}.ce-usecase-item input[type=checkbox]{accent-color:#00c7be}.ce-template-builder{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;margin-bottom:16px}.ce-template-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.ce-template-output{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;padding:12px;font-size:12px;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;color:var(--text-secondary);white-space:pre-wrap;line-height:1.6;margin:0;overflow-x:auto}.ce-usecase-rule{font-size:14px;font-weight:600;color:#00c7be;text-align:center;padding:12px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light)}@media(max-width:720px){.ce-comparison,.ce-poison-split,.ce-strategy-cards{grid-template-columns:1fr}.ce-model-cards,.ce-usecase-cards{grid-template-columns:repeat(2,1fr)}.ce-rag-pipeline{flex-direction:column}.ce-rag-connector{transform:rotate(90deg)}}@media(max-width:768px){.ce-root{padding:0 16px 40px}.ce-window-rect{height:280px}.ce-model-cards,.ce-usecase-cards{grid-template-columns:1fr 1fr}.ce-template-output{font-size:11px}}@media(max-width:480px){.ce-model-cards,.ce-usecase-cards{grid-template-columns:1fr 1fr}}.rag-root{max-width:900px;margin:0 auto;padding:0 24px 60px}.rag-stepper .how-step-current .how-step-num{background:#5856d6;color:#fff;border-color:#5856d6}.rag-stepper .how-step-completed .how-step-num{background:#5856d6;border-color:#5856d6;color:#fff}.rag-stepper .how-step-active .how-step-label{color:var(--text-primary)}.rag-viz{margin-bottom:24px}.rag-demo-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.rag-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rag-comp-panel{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;border:1px solid var(--border-light)}.rag-comp-hidden{opacity:0}.rag-comp-bad{border-left:3px solid #ff3b30}.rag-comp-good{border-left:3px solid #34c759}.rag-comp-label{font-size:13px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.rag-comp-prompt{font-size:13px;color:var(--text-primary);line-height:1.5;font-style:italic}.rag-comp-divider{height:1px;background:var(--border-light);margin:10px 0}.rag-comp-response{font-size:13px;color:var(--text-secondary);line-height:1.5}.rag-comp-verdict{margin-top:10px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px}.rag-verdict-bad{background:#ff3b3014;color:#ff3b30}.rag-verdict-good{background:#34c75914;color:#34c759}.rag-phase-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding:4px 10px;border-radius:4px;display:inline-block}.rag-phase-label span{font-weight:400;opacity:.7}.rag-phase-index{background:#8e8e931a;color:var(--text-secondary)}.rag-phase-query{background:#5856d61a;color:#5856d6}.rag-phase-divider{height:1px;background:var(--border-light);margin:16px 0}.rag-pipeline{display:flex;flex-wrap:wrap;align-items:center;row-gap:10px;column-gap:0;margin-bottom:16px;justify-content:center}.rag-pipe-step{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;opacity:.3;transform:scale(.95);transition:opacity .3s ease,transform .3s ease,border-color .3s ease}.rag-pipe-step-active{opacity:1;transform:scale(1);border-color:#8e8e9366}.rag-pipe-step-query{border-color:#5856d6}.rag-pipe-step-icon{font-size:16px}.rag-pipe-step-label{font-size:11px;font-weight:500;color:var(--text-primary)}.rag-pipe-connector{color:var(--text-tertiary);opacity:.3;transition:opacity .3s ease,color .3s ease;padding:0 2px;display:flex;align-items:center}.rag-pipe-connector svg{width:16px;height:10px}.rag-pipe-connector-active{opacity:1;color:var(--text-secondary)}.rag-pipe-connector-query{color:#5856d6}.rag-replay-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;color:#5856d6;background:transparent;border:1.5px solid #5856D6;border-radius:18px;cursor:pointer;transition:background .15s ease,color .15s ease;margin-top:16px}.rag-replay-btn:hover{background:#5856d6;color:#fff}.rag-embed-demo{display:flex;flex-direction:column;gap:16px}.rag-embed-chunks{display:flex;flex-direction:column;gap:8px}.rag-embed-chunk{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;opacity:0;transform:translate(-8px);transition:opacity .3s ease-out,transform .3s ease-out,border-color .3s ease,background .3s ease}.rag-embed-chunk-visible{opacity:1;transform:translate(0)}.rag-embed-chunk-matched{border-color:#5856d6;background:#5856d60f}[data-theme=dark] .rag-embed-chunk-matched{background:#5856d61f}.rag-embed-chunk-icon{font-size:18px;flex-shrink:0}.rag-embed-chunk-text{font-size:13px;color:var(--text-secondary);flex:1}.rag-embed-chunk-score{font-size:11px;font-weight:600;color:#5856d6;background:#5856d61a;padding:2px 8px;border-radius:10px;flex-shrink:0}.rag-embed-queries{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px}.rag-embed-queries-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.rag-embed-query-btn{display:block;width:100%;text-align:left;padding:8px 12px;margin-bottom:6px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;font-size:13px;font-family:inherit;color:var(--text-primary);cursor:pointer;transition:border-color .2s ease,background .2s ease}.rag-embed-query-btn:hover{border-color:#5856d6}.rag-embed-query-active{border-color:#5856d6;background:#5856d60f;box-shadow:0 0 0 1px #5856d6}[data-theme=dark] .rag-embed-query-active{background:#5856d61f}.rag-embed-result{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:3px solid #5856D6;border-radius:var(--radius);padding:12px 16px;font-size:13px;color:var(--text-secondary);line-height:1.5}.rag-embed-result strong{color:var(--text-primary)}.rag-chunking-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.rag-chunking-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}.rag-chunking-card-visible{opacity:1;transform:translateY(0)}.rag-chunking-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rag-chunking-card-icon{font-size:20px}.rag-chunking-card-name{font-size:15px;font-weight:600;color:var(--text-primary)}.rag-chunking-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:10px;margin-left:auto}.rag-chunking-tag-simple{background:#8e8e931f;color:var(--text-secondary)}.rag-chunking-tag-better{background:#5856d61a;color:#5856d6}.rag-chunking-tag-best{background:#34c7591a;color:#34c759}.rag-chunking-card-desc{font-size:12px;color:var(--text-secondary);margin-bottom:10px}.rag-chunking-visual{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.rag-chunking-visual-block{font-size:11px;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:4px;padding:4px 8px;color:#5856d6}.rag-chunking-pros{display:flex;flex-direction:column;gap:4px}.rag-chunking-pro,.rag-chunking-con{font-size:12px;color:var(--text-secondary)}.rag-vdb-visual{margin-bottom:20px;text-align:center}.rag-vdb-canvas{position:relative;width:100%;height:200px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.rag-vdb-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);opacity:.4;transform:translate(-50%,-50%);transition:all .4s ease}.rag-vdb-dot-highlighted{background:#5856d6;opacity:1;width:14px;height:14px;box-shadow:0 0 8px #5856d680}.rag-vdb-query-dot{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;animation:rag-pulse 1s ease-in-out infinite}@keyframes rag-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.rag-vdb-search-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;color:#fff;background:#5856d6;border:none;border-radius:19px;cursor:pointer;transition:opacity .2s ease}.rag-vdb-search-btn:hover{opacity:.9}.rag-vdb-search-btn:disabled{opacity:.7;cursor:default}.rag-vdb-table-wrapper{margin-bottom:16px;overflow-x:auto}.rag-vdb-table{width:100%;border-collapse:collapse;font-size:13px}.rag-vdb-table th{text-align:left;font-weight:600;color:var(--text-primary);padding:10px 14px;border-bottom:2px solid var(--border-light);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.rag-vdb-table td{padding:10px 14px;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.rag-vdb-table tr:nth-child(2n) td{background:var(--bg-secondary)}.rag-vdb-name{font-weight:600;color:var(--text-primary)!important}.rag-tools{margin-top:16px}.rag-tools-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.rag-tools-list{display:flex;flex-wrap:wrap;gap:8px}.rag-tool-chip{font-size:13px;background:var(--chip-bg);border:1px solid var(--border-light);border-radius:100px;padding:6px 14px;color:var(--text-primary)}.rag-realworld-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.rag-realworld-card{display:flex;gap:14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}.rag-realworld-card-visible{opacity:1;transform:translateY(0)}.rag-realworld-card-icon{font-size:28px;flex-shrink:0}.rag-realworld-card-content{flex:1;min-width:0}.rag-realworld-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.rag-realworld-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.rag-realworld-card-companies{font-size:11px;font-weight:500;color:#5856d6}.rag-build-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.rag-build-step{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .3s ease-out,transform .3s ease-out}.rag-build-step-visible{opacity:1;transform:translateY(0)}.rag-build-step-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.rag-build-checkbox{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all .2s ease}.rag-build-checkbox-checked{background:#5856d6;border-color:#5856d6;color:#fff}.rag-build-step-label{font-size:13px;font-weight:500;color:var(--text-primary);transition:opacity .2s ease}.rag-build-step-done{text-decoration:line-through;opacity:.5}.rag-build-code-wrapper{position:relative;margin:0 16px 16px}.rag-build-copy-btn{position:absolute;top:8px;right:8px;font-size:11px;font-weight:600;font-family:inherit;color:var(--text-secondary);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:3px 10px;cursor:pointer;transition:background .15s ease;z-index:1}.rag-build-copy-btn:hover{background:#ffffff26}.rag-build-code{background:#1c1c1e;color:#e5e5ea;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:12px;line-height:1.6;padding:14px 16px;border-radius:8px;overflow-x:auto;margin:0;white-space:pre}[data-theme=light] .rag-build-code{background:#1c1c1e;color:#e5e5ea}@media(max-width:720px){.rag-comparison,.rag-realworld-cards,.rag-chunking-cards{grid-template-columns:1fr}.rag-pipeline{flex-direction:column}.rag-pipe-connector{transform:rotate(90deg)}}@media(max-width:768px){.rag-root{padding:0 16px 40px}.rag-vdb-canvas{height:160px}.rag-vdb-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.rag-build-code{font-size:11px;padding:12px}}@media(max-width:480px){.rag-realworld-cards,.rag-chunking-cards{grid-template-columns:1fr}}.ml-root{max-width:900px;margin:0 auto;padding:0 24px 60px}.ml-stepper .how-step-current .how-step-num{background:#af52de;color:#fff;border-color:#af52de}.ml-stepper .how-step-completed .how-step-num{background:#af52de;border-color:#af52de;color:#fff}.ml-stepper .how-step-active .how-step-label{color:var(--text-primary)}.ml-viz{margin-bottom:24px}.ml-demo-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.ml-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.ml-comp-panel{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;border:1px solid var(--border-light)}.ml-comp-hidden{opacity:0}.ml-comp-traditional{border-top:3px solid #ff3b30}.ml-comp-ml{border-top:3px solid #34c759}.ml-comp-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;color:var(--text-primary)}.ml-comp-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.ml-comp-flow-box{font-size:11px;font-weight:600;padding:6px 10px;border-radius:6px;white-space:nowrap}.ml-comp-flow-rules{background:#af52de1a;color:#af52de}.ml-comp-flow-data{background:#0071e31a;color:#0071e3}.ml-comp-flow-output{background:#8e8e931a;color:var(--text-secondary)}.ml-comp-flow-answers{background:#34c7591a;color:#34c759}.ml-comp-flow-plus,.ml-comp-flow-arrow{font-size:14px;font-weight:700;color:var(--text-tertiary)}.ml-comp-example{margin-bottom:12px}.ml-comp-code{font-size:12px;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;padding:10px 12px;color:var(--text-secondary);line-height:1.6}.ml-comp-verdict{font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px}.ml-verdict-bad{background:#ff3b3014;color:#ff3b30}.ml-verdict-good{background:#34c75914;color:#34c759}.ml-email-demo{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px}.ml-email-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.ml-email-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-light)}.ml-email-row:last-of-type{border-bottom:none}.ml-email-text{font-size:13px;color:var(--text-secondary);flex:1}.ml-email-buttons{display:flex;gap:6px;flex-shrink:0}.ml-email-btn{font-size:11px;font-weight:600;font-family:inherit;padding:4px 12px;border-radius:14px;cursor:pointer;border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-secondary);transition:all .15s ease}.ml-email-btn-spam:hover{background:#ff3b301a;border-color:#ff3b30;color:#ff3b30}.ml-email-btn-safe:hover{background:#34c7591a;border-color:#34c759;color:#34c759}.ml-email-result{font-size:12px;font-weight:600}.ml-email-correct{color:#34c759}.ml-email-wrong{color:#ff3b30}.ml-email-score{margin-top:12px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-light);border-left:3px solid #AF52DE;border-radius:8px;font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.ml-types-tree{margin-bottom:16px}.ml-types-root{font-size:16px;font-weight:700;color:var(--text-primary);text-align:center;padding:10px 20px;background:#af52de1a;border:1px solid rgba(175,82,222,.2);border-radius:10px;display:inline-block;margin:0 auto 16px;width:100%;box-sizing:border-box}.ml-types-branches{display:flex;flex-direction:column;gap:10px}.ml-types-branch{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:3px solid var(--branch-color);border-radius:var(--radius);overflow:hidden;opacity:0;transform:translate(-12px);transition:opacity .4s ease-out,transform .4s ease-out}.ml-types-branch-visible{opacity:1;transform:translate(0)}.ml-types-branch-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;color:inherit;transition:background .15s ease}.ml-types-branch-header:hover,.ml-types-branch-expanded{background:#af52de0a}.ml-types-branch-icon{font-size:24px;flex-shrink:0}.ml-types-branch-name{font-size:15px;font-weight:600;color:var(--text-primary)}.ml-types-branch-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.ml-types-branch-detail{padding:0 16px 14px 52px}.ml-types-type-item{font-size:13px;color:var(--text-secondary);padding:3px 0}.ml-types-branch-examples{font-size:12px;font-weight:500;color:#af52de;margin-top:8px}.ml-supervised-steps{display:flex;flex-wrap:wrap;align-items:center;row-gap:10px;column-gap:0;margin-bottom:16px;justify-content:center}.ml-sup-step{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-surface);border:1.5px solid var(--border-light);border-radius:8px;opacity:.3;transform:scale(.95);transition:opacity .3s ease,transform .3s ease,border-color .3s ease,background .3s ease}.ml-sup-step-active{opacity:1;transform:scale(1)}.ml-sup-step-current{border-color:#af52de;box-shadow:0 0 0 2px #af52de26}.ml-sup-step-done{border-color:#34c75966}.ml-sup-step-check{font-size:13px;font-weight:700;color:#34c759}.ml-sup-step-icon{font-size:16px}.ml-sup-step-label{font-size:12px;font-weight:500;color:var(--text-primary)}.ml-sup-connector{color:var(--text-tertiary);opacity:.3;transition:opacity .3s ease;padding:0 2px;display:flex;align-items:center}.ml-sup-connector svg{width:16px;height:10px}.ml-sup-connector-active{opacity:1;color:#af52de}.ml-sup-popup{background:#af52de0a;border:1px solid rgba(175,82,222,.15);border-left:3px solid #AF52DE;border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}[data-theme=dark] .ml-sup-popup{background:#af52de0f}.ml-sup-popup-in{animation:ml-sup-popup-slide .35s ease-out both}@keyframes ml-sup-popup-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ml-sup-popup-text{font-size:13px;color:var(--text-secondary);line-height:1.65;margin-bottom:12px}.ml-sup-popup-text strong{color:var(--text-primary)}.ml-sup-popup-highlight{font-size:12px;font-weight:600;color:#af52de;background:#af52de14;border-radius:6px;padding:8px 12px;margin-top:12px;display:inline-block}.ml-sup-table-wrapper{overflow-x:auto;margin-bottom:12px}.ml-sup-table{width:100%;border-collapse:collapse;font-size:13px}.ml-sup-table th{text-align:left;font-weight:600;color:var(--text-primary);padding:8px 12px;border-bottom:2px solid var(--border-light);font-size:12px}.ml-sup-table td{padding:8px 12px;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.ml-sup-test-row td{background:#af52de0f}.ml-sup-price{font-weight:600;color:var(--text-primary)!important}.ml-sup-split-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:600}.ml-sup-split-train{color:#34c759}.ml-sup-split-test{color:#af52de}.ml-sup-loss-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.ml-sup-loss-row{display:flex;align-items:center;gap:10px}.ml-sup-loss-iter{font-size:12px;font-weight:500;color:var(--text-secondary);width:90px;flex-shrink:0}.ml-sup-loss-track{flex:1;height:8px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:4px;overflow:hidden}.ml-sup-loss-fill-step{height:100%;border-radius:4px;transition:width .6s ease-out}.ml-sup-loss-high{color:#ff3b30}.ml-sup-loss-mid{color:#ff9500}.ml-sup-loss-low{color:#af52de}.ml-sup-loss-done{color:#34c759}.ml-sup-loss-row:nth-child(1) .ml-sup-loss-fill-step{background:#ff3b30}.ml-sup-loss-row:nth-child(2) .ml-sup-loss-fill-step{background:#ff9500}.ml-sup-loss-row:nth-child(3) .ml-sup-loss-fill-step{background:#af52de}.ml-sup-loss-row:nth-child(4) .ml-sup-loss-fill-step{background:#34c759}.ml-sup-loss-val{font-size:12px;font-weight:600;width:80px;text-align:right;flex-shrink:0}.ml-sup-eval-table-wrapper{overflow-x:auto;margin-bottom:4px}.ml-sup-eval-pct{font-weight:600;color:#34c759!important}.ml-sup-predict-form{margin-bottom:4px}.ml-sup-predict-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.ml-sup-predict-label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--text-secondary);flex:1;min-width:100px}.ml-sup-predict-input{font-size:14px;font-family:inherit;padding:8px 10px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);outline:none;transition:border-color .15s ease}.ml-sup-predict-input:focus{border-color:#af52de}.ml-sup-predict-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 24px;font-size:13px;font-weight:600;font-family:inherit;color:#fff;background:#af52de;border:none;border-radius:18px;cursor:pointer;transition:background .15s ease}.ml-sup-predict-btn:hover{background:#9b3dc8}.ml-sup-predict-result{margin-top:12px;font-size:18px;font-weight:600;color:#af52de;padding:12px 16px;background:#af52de14;border:1px solid rgba(175,82,222,.2);border-radius:10px;text-align:center}.ml-nn-wrapper{margin-bottom:16px;overflow:hidden}.ml-nn-svg{width:100%;max-width:480px;margin:0 auto;display:block;opacity:0;transition:opacity .5s ease}.ml-nn-visible{opacity:1}.ml-nn-connection{stroke:var(--border-light);stroke-width:.5;opacity:0;transition:opacity .4s ease,stroke .4s ease}.ml-nn-connection-active{opacity:.5;stroke:#af52de}.ml-nn-node{stroke:var(--border-light);stroke-width:1;transition:fill .4s ease,stroke .4s ease}.ml-nn-node-active{stroke:none}.ml-nn-node-label{fill:#fff;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ml-nn-layer-label{fill:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.ml-nn-interactive{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px}.ml-nn-interactive-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.ml-nn-weight-controls{display:flex;flex-direction:column;gap:8px}.ml-nn-weight-row{display:flex;align-items:center;gap:10px}.ml-nn-weight-name{font-size:13px;color:var(--text-secondary);width:120px}.ml-nn-weight-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:border-color .15s ease}.ml-nn-weight-btn:hover{border-color:#af52de}.ml-nn-weight-val{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#af52de;width:40px;text-align:center}.ml-nn-weight-result{margin-top:8px;font-size:14px;color:var(--text-secondary);padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px}.ml-overfit-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.ml-overfit-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}.ml-overfit-panel-visible{opacity:1;transform:translateY(0)}.ml-overfit-panel-good{border-color:#34c759;box-shadow:0 0 0 1px #34c75933}.ml-overfit-panel-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.ml-overfit-panel-subtitle{font-size:12px;color:var(--text-tertiary);margin-bottom:10px}.ml-overfit-chart{width:100%;height:auto;margin-bottom:10px}.ml-overfit-dot{fill:#af52de;opacity:.7}.ml-overfit-line{stroke-width:2;fill:none}.ml-overfit-line-under{stroke:#ff3b30}.ml-overfit-line-good{stroke:#34c759}.ml-overfit-line-over{stroke:#ff9500}.ml-overfit-scores{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.ml-score-good{color:#34c759}.ml-score-bad{color:#ff3b30}.ml-algo-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.ml-algo-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .3s ease-out,transform .3s ease-out}.ml-algo-card-visible{opacity:1;transform:translateY(0)}.ml-algo-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;color:inherit;transition:background .15s ease}.ml-algo-card-header:hover,.ml-algo-card-expanded{background:#af52de0a}.ml-algo-card-icon{font-size:22px;flex-shrink:0}.ml-algo-card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.ml-algo-card-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.ml-algo-card-detail{padding:0 14px 14px;border-top:1px solid var(--border-light)}.ml-algo-card-formula{font-size:12px;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;padding:8px 10px;color:#af52de;margin:10px 0 8px;line-height:1.5}.ml-algo-card-best{font-size:12px;font-weight:500;color:var(--text-secondary)}.ml-business-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.ml-business-card{display:flex;gap:14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px}.ml-business-card-icon{font-size:28px;flex-shrink:0}.ml-business-card-content{flex:1;min-width:0}.ml-business-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.ml-business-card-uses{margin:0;padding-left:16px;font-size:12px;color:var(--text-secondary);line-height:1.7}.ml-business-card-tools{font-size:11px;font-weight:500;color:#af52de;margin-top:6px}.ml-lc-zigzag{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:20px;transition:opacity .4s ease}.ml-lc-fade-out{opacity:0}.ml-lc-row{display:flex;flex-direction:column;align-items:center;width:100%}.ml-lc-arrow{display:flex;justify-content:center;padding:2px 0;animation:ml-arrow-draw .3s ease-out both}.ml-lc-arrow svg{display:block}.ml-lc-arrow-from-right{padding-right:40%}.ml-lc-arrow-from-left{padding-left:40%}.ml-lc-card{background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:var(--radius);padding:14px 16px;width:55%;min-width:240px;transition:border-color .3s ease,box-shadow .3s ease}.ml-lc-card-left{align-self:flex-start;margin-left:4%}.ml-lc-card-right{align-self:flex-end;margin-right:4%}.ml-lc-card-active{border-color:#af52de;box-shadow:0 0 0 3px #af52de1f}.ml-lc-card-done{border-color:#34c75959}.ml-lc-card-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ml-lc-card-num{width:26px;height:26px;border-radius:50%;background:#af52de;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s ease}.ml-lc-card-num-done{background:#34c759;font-size:11px}.ml-lc-card-icon{font-size:20px;flex-shrink:0}.ml-lc-card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.ml-lc-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px;padding-left:36px}.ml-lc-card-pct{display:flex;align-items:center;gap:10px;padding-left:36px}.ml-lc-pct-track{flex:1;height:6px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:3px;overflow:hidden}.ml-lc-pct-fill{height:100%;background:linear-gradient(90deg,#af52de,#c084fc);border-radius:3px;animation:ml-pct-grow .6s ease-out both}@keyframes ml-pct-grow{0%{width:0}}.ml-lc-pct-label{font-size:11px;font-weight:600;color:#af52de;white-space:nowrap}.ml-lc-end-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:4px}.ml-lc-loop-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;color:#fff;background:#af52de;border:none;border-radius:18px;cursor:pointer;transition:background .15s ease}.ml-lc-loop-btn:hover{background:#9b3dc8}@keyframes ml-arrow-draw{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.ml-lifecycle-insight{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:3px solid #AF52DE;border-radius:var(--radius);padding:14px 16px;font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.ml-lifecycle-insight strong{color:var(--text-primary)}.ml-step-counter{font-size:12px;font-weight:600;color:#af52de;text-align:center;margin-bottom:12px;letter-spacing:.03em}.ml-step-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:12px}.ml-next-step-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 24px;font-size:13px;font-weight:600;font-family:inherit;color:#fff;background:#af52de;border:none;border-radius:18px;cursor:pointer;transition:background .15s ease}.ml-next-step-btn:hover{background:#9b3dc8}.ml-success-banner{display:inline-block;font-size:14px;font-weight:600;color:#34c759;background:#34c75914;border:1px solid rgba(52,199,89,.2);border-radius:10px;padding:10px 20px}.ml-slide-in{animation:ml-slide-in-anim .4s ease-out both}@keyframes ml-slide-in-anim{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.ml-replay-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;color:#af52de;background:transparent;border:1.5px solid #AF52DE;border-radius:18px;cursor:pointer;transition:background .15s ease,color .15s ease;margin-top:16px}.ml-replay-btn:hover{background:#af52de;color:#fff}.ml-tools{margin-top:16px}.ml-tools-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.ml-tools-list{display:flex;flex-wrap:wrap;gap:8px}.ml-tool-chip{font-size:13px;background:var(--chip-bg);border:1px solid var(--border-light);border-radius:100px;padding:6px 14px;color:var(--text-primary)}@media(max-width:720px){.ml-comparison,.ml-algo-cards,.ml-business-cards,.ml-overfit-panels{grid-template-columns:1fr}.ml-supervised-steps{flex-direction:column}.ml-sup-connector{transform:rotate(90deg)}.ml-sup-predict-row{flex-direction:column}.ml-lc-card{width:90%;min-width:0}.ml-lc-card-left,.ml-lc-card-right{align-self:center;margin-left:0;margin-right:0}.ml-lc-arrow-from-right,.ml-lc-arrow-from-left{padding-left:0;padding-right:0}}@media(max-width:768px){.ml-root{padding:0 16px 40px}.ml-nn-weight-row{flex-wrap:wrap}.ml-nn-weight-name{width:auto;min-width:80px}.ml-email-row{flex-direction:column;align-items:flex-start;gap:8px}.ml-email-buttons{align-self:flex-start}.ml-sup-loss-iter{width:70px;font-size:11px}.ml-sup-loss-val{width:60px;font-size:11px}.ml-sup-table-wrapper,.ml-sup-eval-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.ml-algo-cards,.ml-business-cards{grid-template-columns:1fr}}.nn-canvas-container{position:relative;width:100%;height:480px;background:#fff;border-radius:16px;overflow:hidden;margin-top:24px}[data-theme=dark] .nn-canvas-container{background:#1c1917}.nn-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.nn-canvas-svg{position:relative;display:block;width:100%;height:100%;z-index:1}.nn-node-appear{opacity:0;transform:scale(.3);transform-origin:0 0;animation:nnNodeAppear .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes nnNodeAppear{to{opacity:1;transform:scale(1)}}.nn-conn-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:nnConnDraw .5s ease-out forwards}@keyframes nnConnDraw{to{stroke-dashoffset:0}}.nn-dots-appear{opacity:0;animation:nnDotsAppear .3s ease-out forwards}@keyframes nnDotsAppear{to{opacity:1}}.nn-connection-line,.nn-traveling-dot{transition:opacity .3s ease}.nn-node-inner{transition:transform .2s ease;transform-origin:0 0}.nn-node-hovered{transform:scale(1.15)}.nn-node-connected{transform:scale(1.05)}.nn-node-clicked{animation:nnNodePulse .6s ease-out forwards}@keyframes nnNodePulse{0%{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(1.05)}60%{transform:scale(1.15)}80%{transform:scale(1)}to{transform:scale(.9);opacity:.5}}.nn-node-bg{fill:#fff;stroke:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));transition:filter .2s ease}.nn-node-bg-hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}[data-theme=dark] .nn-node-bg{fill:#292524}[data-theme=dark] .nn-node-bg-hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.nn-node-ring{transition:stroke-width .2s ease,opacity .2s ease}.nn-node-emoji{pointer-events:none;-webkit-user-select:none;user-select:none}.nn-node-label{fill:var(--text-primary, #1d1d1f);pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.01em}[data-theme=dark] .nn-node-label{fill:#e8e3dd}.nn-portal-tooltip{z-index:99999;pointer-events:none;background:#fff;color:#1d1d1f;font-size:12px;font-weight:400;line-height:1.4;padding:8px 12px;border-radius:8px;max-width:200px;text-align:center;box-shadow:0 2px 12px #0000001f;animation:nnTooltipIn .15s ease-out}[data-theme=dark] .nn-portal-tooltip{background:#44403c;color:#e8e3dd;box-shadow:0 2px 12px #0006}@keyframes nnTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nn-node-glow{animation:nnGlow .6s ease-in-out}@keyframes nnGlow{0%,to{opacity:0}50%{opacity:.6}}.nn-replay-btn{position:absolute;bottom:12px;right:16px;z-index:3;background:var(--bg-primary, #ffffff);border:1px solid var(--border-light, #e5e5e5);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:500;font-family:inherit;color:var(--text-secondary, #6e6e73);cursor:pointer;transition:background .15s ease,color .15s ease;box-shadow:0 1px 3px #0000000f}.nn-replay-btn:hover{background:var(--bg-secondary, #f5f5f7);color:var(--text-primary, #1d1d1f)}[data-theme=dark] .nn-replay-btn{background:#292524;border-color:#44403c;color:#a8a29e}[data-theme=dark] .nn-replay-btn:hover{background:#44403c;color:#e8e3dd}.nn-mobile-grid{display:none}@media(max-width:768px){.nn-canvas-svg,.nn-bg-canvas,.nn-replay-btn{display:none}.nn-canvas-container{height:auto;padding:20px;background:transparent}.nn-mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.nn-mobile-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-light, #e5e5e5);border-radius:12px;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 3px #0000000f}[data-theme=dark] .nn-mobile-card{background:#292524;border-color:#44403c}.nn-mobile-card:active{transform:scale(.96)}.nn-mobile-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nn-mobile-card-label{font-size:12px;font-weight:600;color:var(--text-primary, #1d1d1f);text-align:center}[data-theme=dark] .nn-mobile-card-label{color:#e8e3dd}}.landing{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease-out;overflow-y:auto}.landing-fade-out{opacity:0;pointer-events:none}.landing-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.landing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 24px 60px;max-width:960px;width:100%}@keyframes landingLogoIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes landingPulse{0%,to{box-shadow:0 0 #0071e34d}50%{box-shadow:0 0 0 8px #0071e300}}.landing-logo{width:56px;height:56px;border-radius:14px}[data-theme=dark] .landing-logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.1));opacity:0;animation:landingLogoIn .6s ease-out forwards}.landing-title{font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin:0;min-height:44px}.landing-tagline{font-size:17px;color:var(--text-secondary);font-weight:400;margin:0;min-height:26px}.landing-network-wrapper{width:100%;margin-top:8px}.landing-cta{margin-top:20px;background:var(--accent);color:#fff;border:none;border-radius:22px;padding:14px 36px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;opacity:0;transition:background .2s,transform .1s}.landing-typed .landing-cta{animation:landingFadeUp .5s ease-out 2.2s forwards,landingPulse 2s ease-in-out 3s infinite}.landing-cta:hover{background:var(--accent-hover)}.landing-cta:active{transform:scale(.97)}.landing-hint{font-size:13px;color:var(--text-tertiary);margin:0;opacity:0}.landing-typed .landing-hint{animation:landingFadeUp .5s ease-out 2.5s forwards}.landing-mobile-grid{display:none}.landing-theme-toggle{position:fixed;top:20px;right:24px;z-index:1010}@media(max-width:768px){.landing-content{padding:32px 16px 48px;gap:12px}.landing-title{font-size:28px;min-height:36px}.landing-tagline{font-size:15px}.landing-logo{width:44px;height:44px}.landing-network-wrapper{display:none}.landing-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 8px;margin:16px 0;width:100%;max-width:360px}.landing-mobile-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;padding:14px 10px;text-align:center;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:transform .15s,box-shadow .15s}.landing-mobile-card:active{transform:scale(.97)}.landing-mobile-card-icon{font-size:26px;margin-bottom:6px}.landing-mobile-card-label{font-size:12px;font-weight:600;color:var(--text-primary)}.landing-cta{width:calc(100% - 32px);margin:0 16px;padding:14px 24px}.landing-hint{display:none}.landing-theme-toggle{position:fixed;top:14px;right:16px}[data-theme=dark] .landing-mobile-card{background:var(--bg-secondary);border-color:var(--border)}}.home-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;animation:homeIn .4s ease-out}@keyframes homeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-welcome{font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin:0 0 24px;text-align:center}.home-search-wrap{position:relative;max-width:480px;width:100%;margin:0 auto 16px;display:block}.home-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#86868b;pointer-events:none}.home-search-input{width:100%;height:44px;border-radius:22px;border:1.5px solid #D2D2D7;padding:0 44px;font-family:inherit;font-size:15px;background:#fff;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.home-search-input::placeholder{color:#86868b}.home-search-input:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.home-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:14px;color:#86868b;cursor:pointer;padding:6px 8px;line-height:1;border-radius:50%;transition:color .2s,background .2s}.home-search-clear:hover{color:var(--text-primary);background:#0000000d}[data-theme=dark] .home-search-input{background:#292524;border-color:#44403c;color:#e8e3dd}[data-theme=dark] .home-search-input::placeholder{color:#78716c}[data-theme=dark] .home-search-clear:hover{background:#ffffff1a}.home-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px}.home-filter-btn{font-family:inherit;font-size:13px;font-weight:500;padding:7px 18px;border:none;border-radius:100px;cursor:pointer;background:#f2f2f7;color:#1d1d1f;transition:background .2s,color .2s,transform .15s}.home-filter-btn:hover{filter:brightness(.95)}.home-filter-btn:active{transform:scale(.97)}.home-filter-active{font-weight:600}.home-filter-active:hover{filter:brightness(1.1)}[data-theme=dark] .home-filter-btn:not(.home-filter-active){background:#312e2b;color:#e8e3dd}[data-theme=dark] .home-filter-btn:not(.home-filter-active):hover{background:#3d3a36}.home-no-results{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px}.home-no-results-icon{font-size:40px;opacity:.5}.home-no-results-text{font-size:15px;color:var(--text-secondary);text-align:center}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:780px;width:100%}.home-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-light);border-left:4px solid;border-radius:16px;padding:20px 24px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;cursor:pointer;font-family:inherit;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;transition:transform .25s ease,box-shadow .25s ease;opacity:0;animation:homeCardIn .4s ease-out forwards}@keyframes homeCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014,0 2px 8px #0000000f}.home-card:active{transform:translateY(-2px)}.home-card-top{display:flex;justify-content:space-between;align-items:center;width:100%}.home-card-tag{font-size:10px;font-weight:600;letter-spacing:.03em;padding:3px 10px;border-radius:20px;text-transform:uppercase;flex-shrink:0}.home-tag-interactive{background:#ebf4ff;color:#0071e3}.home-tag-visual{background:#f5eeff;color:#af52de}.home-tag-journey{background:#fff4e5;color:#ff9500}.home-tag-practical{background:#edfff3;color:#34c759}.home-tag-technical{background:#eef;color:#5856d6}[data-theme=dark] .home-tag-interactive{background:#0071e326;color:#4da3ff}[data-theme=dark] .home-tag-visual{background:#af52de26;color:#c68deb}[data-theme=dark] .home-tag-journey{background:#ff950026;color:#ffb340}[data-theme=dark] .home-tag-practical{background:#34c75926;color:#5ed885}[data-theme=dark] .home-tag-technical{background:#5856d626;color:#8987e0}.home-card-group{font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--text-tertiary)}.home-card-title{font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.home-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.breadcrumb-home{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-tertiary);cursor:pointer;padding:12px 40px 0;transition:color .2s}.breadcrumb-home:hover{color:var(--text-primary)}@media(max-width:780px){.home-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-screen{padding:32px 16px 80px;min-height:100vh;justify-content:flex-start}.home-welcome{font-size:22px;margin-bottom:24px;padding:0}.home-search-wrap{width:calc(100% - 32px);max-width:100%;margin:0 16px 16px}.home-search-input{font-size:16px}.home-filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:0 16px 8px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;width:100%}.home-filters::-webkit-scrollbar{display:none}.home-filter-btn{flex-shrink:0;white-space:nowrap}.home-grid{grid-template-columns:1fr;padding:0 16px;gap:12px;max-width:100%}.home-card{padding:16px}}@media(max-width:500px){.home-welcome{font-size:20px;margin-bottom:28px}}.nav-dropdown-bar{position:relative;z-index:20;display:flex;align-items:center;gap:0}.nav-dropdown-sep{width:1px;height:14px;background:#d2d2d7;flex-shrink:0}[data-theme=dark] .nav-dropdown-sep{background:#44403c}.nav-dropdown-group{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;background:transparent;border:none;padding:7px 14px;font-size:13px;font-weight:400;font-family:inherit;color:#1d1d1f;border-radius:6px;cursor:pointer;transition:color .2s}[data-theme=dark] .nav-dropdown-trigger{color:#a8a29e}.nav-dropdown-trigger:hover{color:#0071e3}.nav-dropdown-trigger-active{color:#0071e3;font-weight:600}.nav-dropdown-trigger-active:hover{color:#0071e3}.nav-dropdown-menu-portal{pointer-events:auto}.nav-dropdown-menu{min-width:240px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:12px;padding:6px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;animation:navDropdownIn .2s ease-out}[data-theme=dark] .nav-dropdown-menu{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}@keyframes navDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;background:transparent;border:none;border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .15s}.nav-dropdown-item:hover{background:#0071e314}[data-theme=dark] .nav-dropdown-item:hover{background:var(--bg-tertiary)}.nav-dropdown-item-active{background:#0071e31a;color:#0071e3;font-weight:600}[data-theme=dark] .nav-dropdown-item-active{background:#0071e326}.nav-dropdown-item-icon{font-size:18px;line-height:1;flex-shrink:0;width:24px;text-align:center}.nav-dropdown-item-name{flex:1;text-align:left}.nav-dropdown-item-tag{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:var(--bg-secondary);color:var(--text-tertiary);flex-shrink:0}[data-theme=dark] .nav-dropdown-item-tag{background:#ffffff14}.nav-hamburger{display:none;position:absolute;top:16px;left:20px;z-index:10000;background:none;border:none;padding:8px;cursor:pointer;flex-direction:column;gap:5px}.nav-hamburger-line{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s,opacity .3s}.nav-hamburger-active .nav-hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger-active .nav-hamburger-line:nth-child(2){opacity:0}.nav-hamburger-active .nav-hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-overlay{position:fixed;inset:0;z-index:9998;background:var(--bg-primary);overflow-y:auto;animation:navMobileIn .25s ease-out;padding:80px 24px 40px}@keyframes navMobileIn{0%{opacity:0}to{opacity:1}}.nav-mobile-panel{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.nav-mobile-group-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);padding:0 12px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.nav-mobile-item{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 12px;background:transparent;border:none;border-radius:12px;font-family:inherit;font-size:16px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .15s}.nav-mobile-item:hover{background:var(--bg-secondary)}.nav-mobile-item-active{background:#0071e31a;color:#0071e3;font-weight:600}[data-theme=dark] .nav-mobile-item-active{background:#0071e326}.nav-mobile-item-icon{font-size:22px;line-height:1;width:28px;text-align:center;flex-shrink:0}.nav-mobile-item-name{flex:1;text-align:left}.nav-mobile-item-tag{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;border-radius:20px;background:var(--bg-secondary);color:var(--text-tertiary);flex-shrink:0}[data-theme=dark] .nav-mobile-item-tag{background:#ffffff14}@media(max-width:768px){.nav-dropdown-bar{display:none}.nav-hamburger{display:flex;position:fixed;top:8px;left:auto;right:16px;z-index:10000}.nav-mobile-overlay{padding:64px 20px 40px}.nav-mobile-item{height:48px;font-size:15px;min-height:44px}}.app{display:flex;min-height:100vh;height:100vh}.app-fade-in{animation:appFadeIn .4s ease-out}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}.boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:1000;animation:bootFadeIn .4s ease-out;transition:opacity .5s ease-out}.boot-screen-fadeout{opacity:0}@keyframes bootFadeIn{0%{opacity:0}to{opacity:1}}.boot-terminal{display:flex;flex-direction:column;gap:6px}.boot-line{font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;color:var(--text-primary);white-space:pre;line-height:1.6}.boot-cursor{color:#0071e3;font-weight:400;animation:bootBlink 1s step-end infinite}@keyframes bootBlink{50%{opacity:0}}.sidebar{width:272px;background-color:var(--bg-secondary);border-right:1px solid var(--border-light);padding:24px 20px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid var(--border-light)}.sidebar-params-note{font-size:11px;font-style:italic;color:var(--text-tertiary);margin-top:2px}.sidebar h2{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:2px}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:13px}.slider-name{color:var(--text-secondary);font-weight:500}.slider-value{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.sidebar input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--slider-track);outline:none}.sidebar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--slider-thumb);box-shadow:0 .5px 4px #0000001f,0 0 .5px #0000001f;cursor:pointer;transition:transform .15s,box-shadow .15s}.sidebar input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 1px 6px #00000029,0 0 1px #0000001f}.sidebar input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05)}.model-select{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:8px 12px;font-size:13px;font-family:inherit;font-weight:500;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.model-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.sidebar-actions{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--border-light)}.sidebar-btn{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);padding:8px 14px;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s}.sidebar-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-btn-danger:hover{color:var(--error);border-color:var(--error);background:var(--error-bg)}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg-primary)}.header{position:sticky;top:0;z-index:1000;flex-shrink:0;padding:28px 40px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;border-bottom:1px solid var(--border-light);background:var(--bg-primary);overflow:visible}.header-grouped{flex-direction:row;align-items:center;justify-content:space-between;padding:0 32px;height:60px;gap:0}.header-left{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex:1}.header-center{position:absolute;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:8px}.header-right{position:relative;z-index:1;display:flex;align-items:center;flex:1;justify-content:flex-end}.header-grouped .header-brand{gap:10px;flex-shrink:0}.header-grouped .header-logo{width:36px;height:36px;border-radius:8px}.header-grouped .header-title{min-height:auto}.header-grouped h1{font-size:18px}.header-grouped .theme-toggle{position:static;flex-shrink:0}.header-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.header-top{position:relative;z-index:1;width:100%;text-align:center}.header-brand{display:inline-flex;align-items:center;gap:12px;justify-content:center}.header-brand-clickable{cursor:pointer;transition:opacity .2s}.header-brand-clickable:hover{opacity:.7}.header-logo{width:48px;height:48px;border-radius:12px;flex-shrink:0}[data-theme=dark] .header-logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.1))}.header h1{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.header-title{min-height:34px}.typewriter-cursor{color:var(--accent);font-weight:400;animation:blink 1s step-end infinite}.header-tagline{font-size:14px;color:var(--text-tertiary);font-weight:400;margin-top:2px}.theme-toggle{position:absolute;top:16px;right:20px;z-index:10;background:none;border:none;padding:0;cursor:pointer;outline:none}.theme-toggle-track{position:relative;display:flex;align-items:center;width:56px;height:30px;background:var(--bg-surface);border:1px solid var(--border);border-radius:15px;padding:0 4px;transition:background-color .3s ease,border-color .3s ease}.theme-toggle-dark{background:#292524;border-color:#44403c}.theme-toggle-icon{position:absolute;font-size:14px;line-height:1;transition:opacity .3s ease;z-index:1}.theme-toggle-sun{left:7px;opacity:1}.theme-toggle-moon{right:7px;opacity:.5}.theme-toggle-dark .theme-toggle-sun{opacity:.5}.theme-toggle-dark .theme-toggle-moon{opacity:1}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .3s ease}.theme-toggle-dark .theme-toggle-thumb{transform:translate(26px)}.segmented-control{position:relative;z-index:1;display:inline-flex;background:var(--bg-secondary);border-radius:9px;padding:3px;gap:2px}.segment{background:transparent;border:none;color:var(--text-secondary);padding:7px 24px;font-size:13px;font-weight:500;font-family:inherit;border-radius:7px;cursor:pointer;transition:all .2s ease;position:relative}.segment:hover:not(.segment-active){color:var(--text-primary)}.segment-active{background:var(--bg-input);color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px #0000000f,0 0 1px #00000014}.chat-container{display:flex;flex-direction:column;flex:1;min-height:0;gap:16px;padding:24px 40px}.system-prompt-area label,.tokenizer-input-area label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px}.system-prompt-area{flex-shrink:0}.system-prompt-area textarea,.tokenizer-input-area textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:12px 16px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.system-prompt-area textarea:focus,.tokenizer-input-area textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px 0;min-height:0}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 40px}.chat-empty-icon{margin-bottom:4px}.chat-empty-title{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.chat-empty-subtitle{font-size:14px;color:var(--text-tertiary);text-align:center;max-width:280px;line-height:1.5}.chat-bubble{max-width:72%;display:flex;flex-direction:column;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-user{align-self:flex-end}.chat-assistant{align-self:flex-start}.chat-content{padding:12px 16px;border-radius:var(--radius-lg);font-size:15px;line-height:1.5}.chat-user .chat-content{background:var(--accent);color:#fff;border-bottom-right-radius:6px}.chat-assistant .chat-content{background:var(--bg-surface);color:var(--text-primary);border-bottom-left-radius:6px}.chat-text{white-space:pre-wrap}.typing-indicator{display:flex;gap:5px;padding:6px 2px}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:var(--typing-dot);animation:bounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.chat-input-wrapper{flex-shrink:0;display:flex;flex-direction:column;gap:6px}.chat-input-area{display:flex;gap:10px;align-items:flex-end}.chat-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:12px 16px;font-size:15px;font-family:inherit;resize:none;outline:none;transition:border-color .2s,box-shadow .2s;max-height:120px}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.chat-input::placeholder{color:var(--placeholder)}.chat-input-meta{display:flex;justify-content:space-between;padding:0 4px}.chat-token-count{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-weight:500}.chat-shortcut-hint{font-size:11px;color:var(--placeholder);font-weight:400}.send-btn{background:var(--accent);color:#fff;border:none;border-radius:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .1s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error-msg{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius);color:var(--error);padding:12px 16px;font-size:14px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:16px;margin-bottom:8px;font-weight:600;letter-spacing:-.02em}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child,.markdown-body h4:first-child{margin-top:0}.markdown-body h1{font-size:1.35em}.markdown-body h2{font-size:1.2em}.markdown-body h3{font-size:1.05em}.markdown-body p{margin-bottom:10px}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin-bottom:10px;padding-left:22px}.markdown-body li{margin-bottom:3px}.markdown-body code{background:var(--code-bg);padding:2px 6px;border-radius:5px;font-size:.88em;font-family:SF Mono,Menlo,Consolas,monospace}.markdown-body pre{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;overflow-x:auto;margin-bottom:10px}.markdown-body pre code{background:none;padding:0;font-size:13px}.markdown-body blockquote{border-left:3px solid var(--accent);padding-left:14px;margin:0 0 10px;color:var(--text-secondary)}.markdown-body strong{font-weight:600}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid var(--border-light);margin:16px 0}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:10px}.markdown-body th,.markdown-body td{border:1px solid var(--border-light);padding:8px 12px;text-align:left;font-size:13px}.markdown-body th{background:var(--bg-secondary);font-weight:600}.generation{display:flex;flex-direction:column;gap:28px;flex:1;overflow-y:auto;padding:28px 24px;max-width:848px;width:100%;align-self:center}.gen-inline-params{display:flex;align-items:center;gap:24px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:10px 20px;overflow:visible}.gen-inline-param{display:flex;align-items:center;gap:8px;white-space:nowrap}.gen-inline-param .slider-name{font-size:12px;font-weight:500;color:var(--text-secondary)}.gen-inline-param .slider-value{font-size:12px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.gen-model-select{font-size:12px;font-family:inherit;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:4px 8px;cursor:pointer;outline:none;transition:border-color .15s}.gen-model-select:focus{border-color:var(--accent)}.gen-inline-param input[type=range]{-webkit-appearance:none;appearance:none;width:100px;height:4px;border-radius:2px;background:var(--slider-track);outline:none}.gen-inline-param input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--slider-thumb);box-shadow:0 .5px 4px #0000001f,0 0 .5px #0000001f;cursor:pointer;transition:transform .15s,box-shadow .15s}.gen-inline-param input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 1px 6px #00000029,0 0 1px #0000001f}.gen-info-box{background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:16px 20px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.gen-info-box strong{color:var(--text-primary);font-weight:600}.gen-input-area label,.gen-text-display label,.gen-candidates label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px}.gen-input-row{display:flex;gap:10px}.gen-seed-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:12px 16px;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.gen-seed-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.gen-text-box{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px 24px;font-size:16px;line-height:1.7;min-height:60px;box-shadow:var(--shadow-sm)}.gen-seed-text{color:var(--text-tertiary)}.gen-separator{display:inline-block;margin:0 8px;color:var(--accent);font-weight:600;opacity:.6}.gen-chosen-token{font-weight:600}.gen-cursor{color:var(--accent);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.gen-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.gen-step-btn,.gen-auto-btn,.gen-reset-btn{border:none;border-radius:22px;padding:10px 22px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.gen-step-btn{background:var(--accent);color:#fff}.gen-step-btn:hover:not(:disabled){background:var(--accent-hover)}.gen-step-btn:active:not(:disabled){transform:scale(.97)}.gen-step-btn:disabled{opacity:.35;cursor:not-allowed}.gen-auto-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.gen-auto-btn:hover{background:var(--bg-tertiary)}.gen-auto-btn:disabled{opacity:.35;cursor:not-allowed}.gen-auto-active{background:var(--error);border-color:var(--error);color:#fff;opacity:1}.gen-auto-active:hover{background:#e0342b}.gen-reset-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.gen-reset-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.gen-status-row{display:flex;align-items:center;gap:10px;min-height:20px}.gen-mode-label{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.02em}.gen-sim-progress{font-size:12px;font-weight:500;color:var(--text-secondary)}.gen-shortcut-hint{font-size:12px;color:var(--text-tertiary);margin-left:auto;font-weight:500}.gen-done-msg{font-size:13px;color:var(--accent);font-weight:500}.gen-modes-hint{font-size:12px;font-style:italic;color:var(--text-tertiary)}.gen-streamed{color:var(--accent);font-weight:600}.gen-candidates{flex-shrink:0}.gen-manual-note{font-size:12px;font-style:italic;color:var(--text-secondary);line-height:1.5}.gen-click-hint{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.gen-bars{display:flex;flex-direction:column;gap:6px}.gen-bar-row{display:flex;align-items:center;gap:14px}.gen-bar-clickable{cursor:pointer;border-radius:10px;padding:4px 8px;margin:-4px -8px;transition:background .15s ease}.gen-bar-clickable:hover{background:#0071e30f}.gen-bar-clickable:active{background:#0071e31f}.gen-bar-flash{animation:barFlash .35s ease-out}@keyframes barFlash{0%{background:#34c75940}to{background:transparent}}.gen-bar-token{width:80px;text-align:right;font-family:SF Mono,Menlo,monospace;font-size:13px;font-weight:500;color:var(--text-primary);white-space:pre;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.gen-bar-track{flex:1;height:28px;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.gen-bar-fill{height:100%;border-radius:8px;transition:width .35s ease}.gen-bar-pct{width:55px;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);flex-shrink:0}.tokenizer{display:flex;flex-direction:column;gap:28px;flex:1;padding:28px 24px;overflow-y:auto;max-width:848px;width:100%;align-self:center}.tokenizer-model-label{font-size:13px;color:var(--text-tertiary);font-weight:400}.tokenizer-model-label strong{font-weight:600;color:var(--text-secondary)}.token-stats{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);font-weight:500}.token-arrow{color:var(--accent);font-size:16px}.token-count{color:var(--accent);font-weight:700}.token-ratio{font-size:12px;color:var(--text-tertiary)}.token-chips{display:flex;flex-wrap:wrap;gap:6px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;min-height:220px;align-content:flex-start;box-shadow:var(--shadow-sm)}.token-chip{display:inline-block;padding:4px 10px;border:1px solid;border-radius:20px;font-size:13px;font-family:SF Mono,Menlo,monospace;font-weight:500;white-space:pre;cursor:default;color:var(--text-primary);transition:transform .1s}.token-chip:hover{transform:scale(1.05)}.token-placeholder{color:var(--text-tertiary);font-size:15px;font-weight:400;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:170px}.how-llms{display:flex;flex-direction:column;gap:28px;flex:1;padding:28px 24px;max-width:900px;width:100%;align-self:center;overflow-y:auto;overflow-x:hidden}.how-welcome{display:flex;align-items:flex-start;gap:12px;background:var(--bg-card);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:16px 20px;font-size:14px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}.how-welcome-text{flex:1}.how-welcome-dismiss{background:none;border:1.5px solid var(--accent);border-radius:100px;color:var(--accent);padding:6px 16px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.how-welcome-dismiss:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.entry-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;background:var(--bg-primary);animation:entryFadeIn .4s ease}@keyframes entryFadeIn{0%{opacity:0}to{opacity:1}}.entry-screen-icon{font-size:64px;line-height:1;margin-bottom:16px}.entry-screen-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.03em}.entry-screen-description{font-size:18px;color:var(--text-secondary);max-width:480px;line-height:1.6;margin:0 0 28px}.entry-screen-btn{background:var(--accent);color:#fff;border:none;border-radius:22px;padding:14px 36px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .1s}.entry-screen-btn:hover{background:var(--accent-hover)}.entry-screen-btn:active{transform:scale(.97)}.entry-start-over{display:inline-block;font-size:13px;color:var(--text-secondary);cursor:pointer;background:none;border:none;font-family:inherit;padding:4px 8px;margin-bottom:8px;transition:color .2s}.entry-start-over:hover{color:var(--accent)}.how-start{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:40px 20px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.how-start-icon{margin-bottom:8px;opacity:.85}.how-start-title{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin:0}.how-start-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:420px;margin:0}.how-input-area{width:100%;text-align:left}.how-input-area label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px}.how-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:12px 16px;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.how-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.how-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.how-suggestion-chip{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:18px;padding:6px 14px;font-size:13px;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.how-suggestion-chip:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.how-suggestion-chip-active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}.how-stepper-label{font-size:14px;color:var(--text-secondary);font-weight:500;margin-top:8px}.how-start-btn{background:var(--accent);color:#fff;border:none;border-radius:100px;padding:14px 32px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .1s;margin-top:8px;width:fit-content;align-self:center}.how-start-btn:hover:not(:disabled){background:var(--accent-hover)}.how-start-btn:active:not(:disabled){transform:scale(.97)}.how-start-btn:disabled{opacity:.35;cursor:not-allowed}.how-secondary-btn{background:none;color:var(--accent);border:1.5px solid var(--accent);border-radius:22px;padding:11px 28px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.how-secondary-btn:hover{background:var(--accent);color:#fff}.how-stepper-wrapper{position:relative;width:100%}.how-stepper-wrapper:before,.how-stepper-wrapper:after{content:"";position:absolute;top:0;width:32px;height:100%;z-index:2;pointer-events:none}.how-stepper-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.how-stepper-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}.how-stepper{display:flex;align-items:center;gap:0;padding:8px 0 12px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.how-stepper::-webkit-scrollbar{display:none}.how-stepper-inner{display:flex;align-items:center;min-width:max-content;padding:0 24px;gap:0;margin:0 auto}.how-step-wrapper{display:flex;align-items:center}.how-step{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:22px;transition:all .3s ease}.how-step-num{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-tertiary);transition:all .3s ease;flex-shrink:0}.how-step-label{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--text-tertiary);transition:color .3s ease;white-space:nowrap}.how-step-active .how-step-num{background:var(--accent);border-color:var(--accent);color:#fff}.how-step-active .how-step-label{color:var(--text-primary)}.how-step-current{background:var(--accent-light)}.how-step-current .how-step-label{font-weight:700;color:var(--accent)}.how-step-completed .how-step-num{background:#34c759;border-color:#34c759;color:#fff}.how-step-completed .how-step-label{color:var(--text-tertiary)}.how-step-arrow{color:var(--border);padding:0 4px;transition:color .3s ease;display:flex;align-items:center}.how-arrow-active{color:var(--accent)}.how-content{flex:1;display:flex;flex-direction:column}.how-stage{display:flex;flex-direction:column;gap:24px}.how-fade-in{animation:fadeIn .4s ease}.how-prompt-bubble{background:var(--accent);color:#fff;padding:16px 24px;border-radius:18px 18px 4px;font-size:16px;line-height:1.5;max-width:480px;align-self:flex-end;box-shadow:0 2px 8px #0071e32e}.how-info-card{display:flex;gap:14px;background:var(--bg-card);border:none;border-radius:16px;padding:24px;font-size:14px;line-height:1.6}.how-info-card-edu{flex-direction:column;gap:8px}.how-info-card-header{display:flex;align-items:center;gap:8px}.how-info-emoji{font-size:20px;flex-shrink:0}.how-info-card strong{display:block;font-weight:600;color:var(--text-primary);font-size:18px}.how-info-card p{margin:0;color:var(--text-secondary);font-size:15px}.how-info-tip{display:flex;align-items:flex-start;gap:6px;background:#0071e314;border-left:3px solid var(--accent);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--text-secondary);line-height:1.5;margin-top:4px}.how-info-tip:before{content:"💡";flex-shrink:0}.how-info-icon{flex-shrink:0;margin-top:2px}.how-gotit-btn{background:var(--accent);color:#fff;border:none;border-radius:100px;padding:14px 32px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .1s;align-self:center}.how-gotit-btn:hover{background:var(--accent-hover)}.how-gotit-btn:active{transform:scale(.97)}.how-nav-row{display:flex;flex-direction:column;gap:6px;margin-top:32px}.how-nav-buttons{display:flex;gap:12px;align-items:center;justify-content:center}.how-back-btn{background:none;color:var(--text-secondary);border:1.5px solid var(--border);border-radius:100px;padding:14px 24px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.how-back-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.how-back-btn:active{transform:scale(.97)}.how-back-hint{font-size:12px;color:var(--text-tertiary);font-style:italic}.how-step-clickable{cursor:pointer}.how-step-clickable:hover{background:var(--accent-light)}.how-token-display{display:flex;flex-wrap:wrap;gap:8px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;min-height:60px;align-content:flex-start;box-shadow:var(--shadow-sm)}.how-token-chip{display:inline-block;padding:6px 12px;border:1px solid;border-radius:20px;font-size:14px;font-family:SF Mono,Menlo,monospace;font-weight:500;white-space:pre;color:var(--text-primary)}@keyframes popIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.how-pop-in{animation:popIn .35s ease forwards;opacity:0}.how-token-count{font-size:14px;color:var(--accent);font-weight:600;text-align:center}.how-next-btn{background:var(--accent);color:#fff;border:none;border-radius:22px;padding:10px 28px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .1s;align-self:center}.how-next-btn:hover{background:var(--accent-hover)}.how-next-btn:active{transform:scale(.97)}.how-embed-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px;font-size:15px;color:var(--text-secondary);font-weight:500}.how-embed-spinner{width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.how-embed-grid{display:flex;flex-direction:column;gap:8px}.how-embed-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:10px;opacity:0;transform:translate(-12px);transition:opacity .4s ease,transform .4s ease}.how-embed-visible{opacity:1;transform:translate(0)}.how-embed-token{font-family:SF Mono,Menlo,monospace;font-size:13px;font-weight:600;color:var(--accent);min-width:70px;white-space:pre;flex-shrink:0}.how-embed-arrow{color:var(--text-tertiary);font-size:16px;flex-shrink:0}.how-embed-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.how-embed-chip{display:inline-block;padding:2px 7px;border-radius:6px;font-family:SF Mono,Menlo,monospace;font-size:11px;font-weight:500;border:1px solid;white-space:nowrap}.how-embed-chip-pos{background:#34c7591f;border-color:#34c75940;color:#1a7a34}.how-embed-chip-neg{background:#ff3b301a;border-color:#ff3b3038;color:#c0392b}.how-embed-chip-zero{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-tertiary)}[data-theme=dark] .how-embed-chip-pos{background:#34c7591f;border-color:#34c75940;color:#6ee08a}[data-theme=dark] .how-embed-chip-neg{background:#ff3b301f;border-color:#ff3b3040;color:#ff8a80}.how-embed-ellipsis{font-family:SF Mono,Menlo,monospace;font-size:12px;color:var(--text-tertiary);font-weight:600;letter-spacing:1px}.how-scatter{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.how-scatter-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:12px}.how-scatter-container{position:relative;width:100%;height:380px;background:var(--bg-secondary);border-radius:10px;overflow:hidden}.how-scatter-perspective-grid{position:absolute;inset:0;transform:perspective(600px) rotateX(8deg);transform-origin:center 80%;opacity:.5;pointer-events:none}.how-scatter-container{--scatter-grid-3d: #E5E5EA;--scatter-grid: rgba(174, 174, 178, .25)}[data-theme=dark] .how-scatter-container{--scatter-grid-3d: rgba(168, 162, 158, .08);--scatter-grid: rgba(168, 162, 158, .12)}[data-theme=dark] .gen-bar-track,[data-theme=dark] .how-gen-bar-track{background:#312e2b}[data-theme=dark] .token-chip,[data-theme=dark] .how-token-chip{background:#312e2b;color:#a8a29e}.how-scatter-svg{position:relative;width:100%;height:100%;z-index:1}.how-scatter-vector{transition:opacity .2s ease}.how-scatter-dot-circle{transition:r .15s ease}.how-scatter-dot-group:hover .how-scatter-dot-circle{filter:brightness(1.15)}.how-scatter-dot-label{pointer-events:none}.how-scatter-note{font-size:13px;color:var(--text-tertiary);font-style:italic;line-height:1.5;margin-top:12px}.how-attention{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);overflow-x:auto}.how-attn-svg{width:100%;height:90px;min-width:300px}.how-attn-line{transition:opacity .6s ease}.how-gen-output{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px 24px;font-size:16px;line-height:1.7;min-height:60px;box-shadow:var(--shadow-sm)}.how-gen-prompt{color:var(--text-tertiary)}.how-gen-separator{display:inline-block;margin:0 8px;color:var(--accent);font-weight:600;opacity:.6}.how-gen-token{color:var(--accent);font-weight:600}.how-gen-cursor{color:var(--accent);animation:blink 1s step-end infinite}.how-gen-bars{display:flex;flex-direction:column;gap:8px}.how-gen-bars-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:4px}.how-gen-bar-row{display:flex;align-items:center;gap:14px}.how-gen-bar-token{width:80px;text-align:right;font-family:SF Mono,Menlo,monospace;font-size:13px;font-weight:500;color:var(--text-primary);white-space:pre;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.how-gen-bar-track{flex:1;height:24px;background:var(--bg-secondary);border-radius:6px;overflow:hidden}.how-gen-bar-fill{height:100%;border-radius:6px;transition:width .35s ease}.how-gen-bar-pct{width:55px;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);flex-shrink:0}.how-gen-status{font-size:13px;color:var(--text-tertiary);font-weight:500;text-align:center}.how-sampling-note{font-size:13px;color:var(--text-tertiary);line-height:1.5;padding:10px 14px;background:var(--bg-secondary);border-radius:8px}.how-final{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;text-align:center}.how-final-celebration{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.how-final-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.how-final-bubble{background:var(--bg-surface);color:var(--text-primary);padding:20px 28px;border-radius:18px 18px 18px 4px;font-size:16px;line-height:1.6;max-width:560px;text-align:left;box-shadow:var(--shadow-sm)}.how-final-recap{background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:20px 24px;max-width:480px;width:100%;text-align:left}.how-final-recap-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.how-final-recap-items{display:flex;flex-direction:column;gap:8px}.how-final-recap-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);line-height:1.5}.how-final-recap-emoji{font-size:16px;flex-shrink:0}.how-final-stats{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);font-weight:500}.how-final-dot{color:var(--border)}.how-final-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.playground-welcome{display:flex;align-items:flex-start;gap:12px;background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:14px 18px;font-size:14px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}.playground-welcome-text{flex:1}.playground-welcome-dismiss{background:none;border:1px solid rgba(0,113,227,.2);border-radius:16px;color:var(--accent);padding:4px 14px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.playground-welcome-dismiss:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.app-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle}.app-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);font-size:10px;font-weight:700;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all .15s}.app-tooltip:hover .app-tooltip-icon,.app-tooltip-icon-active{background:var(--accent);border-color:var(--accent);color:#fff}.app-tooltip-text{position:fixed;background:#1d1d1f;color:#fff;border:none;font-size:12px;font-weight:400;line-height:1.5;padding:10px 14px;border-radius:8px;max-width:260px;box-shadow:0 4px 16px #0003;z-index:99999;pointer-events:auto;text-transform:none;letter-spacing:normal}.system-prompt-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.preset-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:18px;padding:5px 14px;font-size:12px;font-weight:500;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.system-prompt-label-row{display:flex;align-items:center;gap:0}.suggestion-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px;max-width:420px}.suggestion-chip{background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:8px 18px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .2s}.suggestion-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.learn-tip{background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:10px 16px;font-size:13px;line-height:1.5;color:var(--text-secondary);cursor:pointer;animation:fadeIn .4s ease;transition:opacity .4s ease}.learn-tip-fading{opacity:0}.gen-topk-card{background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:16px;animation:fadeIn .3s ease}.gen-topk-content strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.gen-topk-content p{font-size:13px;line-height:1.7;color:var(--text-secondary);margin:0 0 8px}.gen-topk-content p strong{display:inline;font-size:inherit;margin-bottom:0}.gen-topk-dismiss{display:inline-flex;align-items:center;float:right;background:var(--accent);color:#fff;border:none;border-radius:16px;padding:5px 14px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:8px;transition:background .2s}.gen-topk-dismiss:hover{background:var(--accent-hover)}.tok-welcome{display:flex;align-items:flex-start;gap:12px;background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:14px 18px;font-size:14px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}.tok-welcome-text{flex:1}.tok-welcome-dismiss{background:none;border:1px solid rgba(0,113,227,.2);border-radius:16px;color:var(--accent);padding:4px 14px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.tok-welcome-dismiss:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.tok-info-banner{display:flex;align-items:flex-start;gap:12px;background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:12px;padding:16px 20px;font-size:13px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}.tok-info-banner-text{flex:1}.tok-info-banner-text strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.tok-info-banner-text ul{margin:0;padding-left:18px;font-size:13px;line-height:1.8;color:var(--text-secondary)}.tok-info-banner-text li{margin-bottom:2px}.tok-suggestions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tok-suggestion{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius);padding:10px 16px;cursor:pointer;font-family:inherit;transition:all .2s;max-width:200px}.tok-suggestion:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tok-suggestion-text{font-size:13px;font-weight:500;color:var(--text-primary);font-family:SF Mono,Menlo,monospace;text-align:center;word-break:break-word}.tok-suggestion-label{font-size:11px;color:var(--text-tertiary);font-weight:500}.tok-legend{font-size:13px;line-height:1.5;color:var(--text-tertiary);text-align:center;padding:0 20px}.tok-funfact{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px 20px;text-align:center}.tok-funfact-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px}.tok-funfact-text{font-size:14px;line-height:1.5;color:var(--text-secondary);min-height:24px;transition:opacity .4s ease}.tok-funfact-text.tok-funfact-fading{opacity:0}.gen-welcome{display:flex;align-items:flex-start;gap:12px;background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:14px 18px;font-size:14px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}.gen-welcome-text{flex:1}.gen-welcome-dismiss{background:none;border:1px solid rgba(0,113,227,.2);border-radius:16px;color:var(--accent);padding:4px 14px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.gen-welcome-dismiss:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.gen-mode-cards{display:flex;gap:14px;animation:fadeIn .4s ease}.gen-mode-card{flex:1;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.gen-mode-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.gen-mode-card-title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.gen-mode-card-desc{font-size:12px;line-height:1.5;color:var(--text-tertiary)}.gen-text-subtitle{font-size:11px;color:var(--text-tertiary);font-weight:400;text-transform:none;letter-spacing:normal;margin-top:-4px;margin-bottom:8px}.gen-learn-tip{background:var(--accent-light);border:1px solid rgba(0,113,227,.12);border-radius:var(--radius);padding:10px 16px;font-size:13px;line-height:1.5;color:var(--text-secondary);cursor:pointer;animation:fadeIn .4s ease;transition:opacity .4s ease}.gen-learn-tip-fading{opacity:0}@media(max-width:680px){.gen-mode-cards{flex-direction:column}}.mt-root{max-width:900px}.mt-stepper{flex-wrap:wrap;gap:4px}.mt-stepper .how-step{padding:6px 10px}.mt-stepper .how-step-label{font-size:12px}.mt-tools-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,113,227,.08)}.mt-tools-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.mt-tools-chips{display:flex;flex-wrap:wrap;gap:6px}.mt-tool-chip{position:relative;display:inline-flex;align-items:center;gap:6px;background:var(--chip-bg);border:1px solid var(--border-light);border-radius:100px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.mt-tool-chip:hover,.mt-tool-chip-active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.mt-tool-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mt-tool-chip-name{font-weight:600}.mt-tool-popup{position:fixed;transform:translate(-50%,-100%);background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;min-width:200px;max-width:260px;box-shadow:0 4px 16px #0000001f;z-index:9999;animation:popupFadeIn .15s ease-out;pointer-events:auto}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}.mt-tool-popup-name{font-size:13px;font-weight:700;margin-bottom:4px}.mt-tool-popup-desc{font-size:12px;color:var(--text-tertiary);line-height:1.4}.mt-collection-viz{display:flex;flex-direction:column;gap:16px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.mt-collection-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mt-source-card{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:10px 14px;opacity:.3;transform:scale(.95);transition:all .4s ease}.mt-source-active{opacity:1;transform:scale(1);border-color:var(--source-color);box-shadow:0 0 0 1px var(--source-color),0 2px 8px #0000000f}@keyframes sourcePulse{0%,to{box-shadow:0 0 0 1px var(--source-color),0 2px 8px #0000000f}50%{box-shadow:0 0 0 2px var(--source-color),0 2px 12px #0000001a}}.mt-source-active{animation:sourcePulse 2s ease-in-out infinite}.mt-source-emoji{font-size:20px;flex-shrink:0}.mt-source-label{font-size:13px;font-weight:600;color:var(--text-primary)}.mt-source-sub{font-size:11px;color:var(--text-tertiary)}.mt-collection-flow{display:flex;justify-content:center;height:40px}.mt-flow-svg{width:100%;max-width:400px;height:40px}.mt-collection-target{display:flex;flex-direction:column;align-items:center;gap:8px}.mt-target-box{display:flex;align-items:center;gap:10px;background:var(--accent-light);border:1.5px solid var(--accent);border-radius:12px;padding:12px 24px}.mt-target-icon{font-size:24px}.mt-target-label{font-size:15px;font-weight:700;color:var(--accent)}.mt-counter{font-size:14px;color:var(--text-secondary);font-weight:500}.mt-counter-value{font-size:22px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.mt-counter-unit{color:var(--text-tertiary)}.mt-cleaning-viz{display:flex;flex-direction:column;gap:20px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.mt-cleaning-pipeline{display:flex;align-items:stretch;gap:16px}.mt-pipeline-input,.mt-pipeline-output{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:80px;padding:12px;border-radius:10px;text-align:center}.mt-pipeline-input{background:#ff3b3014;border:1px solid rgba(255,59,48,.2)}.mt-pipeline-output{background:#34c75914;border:1px solid rgba(52,199,89,.2)}.mt-pipeline-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.mt-pipeline-pct{font-size:20px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.mt-pipeline-pct-good{color:#34c759}.mt-pipeline-filters{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}.mt-filter-stage{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-light);font-size:13px;color:var(--text-tertiary);opacity:.4;transform:translate(-8px);transition:all .5s ease}.mt-filter-active{opacity:1;transform:translate(0);background:#ff3b300f;border-color:#ff3b3026;color:var(--text-secondary)}.mt-filter-icon{font-size:14px;flex-shrink:0}.mt-filter-label{flex:1;font-weight:500}.mt-filter-pct{font-weight:700;color:#ff3b30;font-variant-numeric:tabular-nums}.mt-cleaning-bar{display:flex;flex-direction:column;gap:6px}.mt-cleaning-bar-track{position:relative;height:24px;border-radius:12px;overflow:hidden;background:var(--bg-secondary)}.mt-cleaning-bar-fill-dirty{position:absolute;top:0;left:0;height:100%;border-radius:12px;background:#ff3b3033}.mt-cleaning-bar-fill-clean{position:absolute;top:0;left:0;height:100%;border-radius:12px;background:linear-gradient(90deg,#34c759,#30d158)}.mt-cleaning-bar-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary);font-weight:500}.mt-cleaning-result{color:#34c759;font-weight:700}.mt-tokenization-viz{display:flex;flex-direction:column;gap:12px}.mt-tok-source{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px 20px}.mt-tok-source-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px}.mt-tok-source-text{font-size:15px;line-height:1.6;color:var(--text-primary)}.mt-tok-arrow{text-align:center;font-size:20px;color:var(--accent);font-weight:600}.mt-tok-stats{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--text-secondary);flex-wrap:wrap}.mt-tok-stat strong{color:var(--accent);font-weight:700}.mt-tok-stat-sep{color:var(--text-tertiary)}.mt-pretrain-viz{display:flex;flex-direction:column;gap:20px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.mt-pretrain-top{display:flex;gap:20px;align-items:stretch}.mt-loss-curve{flex:1.5;min-width:0}.mt-loss-canvas{width:100%;height:auto;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-light)}.mt-gpu-cluster{flex:1;display:flex;flex-direction:column;gap:8px}.mt-gpu-cluster-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.mt-gpu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mt-gpu-box{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;font-size:14px;opacity:.3;transition:all .3s ease}.mt-gpu-active{opacity:1;background:#76b9001a;border-color:#76b90066;animation:gpuPulse 1.5s ease-in-out infinite}@keyframes gpuPulse{0%,to{box-shadow:0 0 #76b90000}50%{box-shadow:0 0 8px 2px #76b90033}}.mt-gpu-icon{font-size:16px}.mt-pretrain-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mt-stat-item{text-align:center;padding:10px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-light)}.mt-stat-value{font-size:18px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mt-stat-label{font-size:11px;color:var(--text-tertiary);font-weight:500;margin-top:2px}.mt-sft-viz{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.mt-sft-comparison{display:flex;gap:16px;align-items:stretch}.mt-sft-panel{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-secondary);opacity:0;transform:translateY(8px);transition:all .5s ease}.mt-sft-visible{opacity:1;transform:translateY(0)}.mt-sft-panel-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.mt-sft-before .mt-sft-panel-label{color:#ff3b30}.mt-sft-after .mt-sft-panel-label{color:#34c759}.mt-sft-chat{display:flex;flex-direction:column;gap:8px}.mt-sft-msg{padding:8px 14px;border-radius:12px;font-size:13px;line-height:1.5}.mt-sft-user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;max-width:80%}.mt-sft-model-bad{background:#ff3b3014;border:1px solid rgba(255,59,48,.15);color:var(--text-secondary);border-bottom-left-radius:4px}.mt-sft-model-good{background:#34c75914;border:1px solid rgba(52,199,89,.15);color:var(--text-primary);font-weight:600;border-bottom-left-radius:4px}.mt-sft-note{font-size:11px;color:var(--text-tertiary);font-style:italic;text-align:center}.mt-sft-arrow-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:60px;opacity:0;transition:opacity .5s ease}.mt-sft-arrow-visible{opacity:1}.mt-sft-transform-arrow{font-size:28px;color:var(--accent);font-weight:700}.mt-sft-transform-label{font-size:10px;color:var(--text-tertiary);font-weight:600;text-align:center;line-height:1.3}.mt-rlhf-viz{display:flex;flex-direction:column;gap:20px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.mt-rlhf-loop{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.mt-rlhf-step-wrapper{display:flex;align-items:center;gap:4px}.mt-rlhf-step{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:12px;transition:all .3s ease}.mt-rlhf-step-active{background:var(--accent-light);border-color:var(--accent);box-shadow:0 0 12px #0071e326;transform:scale(1.05)}.mt-rlhf-step-icon{font-size:18px}.mt-rlhf-step-label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.mt-rlhf-arrow{font-size:16px;color:var(--border);font-weight:700;transition:color .3s ease;padding:0 2px}.mt-rlhf-arrow-active{color:var(--accent)}.mt-rlhf-loop-back{width:100%;text-align:center;font-size:12px;color:var(--text-tertiary);font-weight:600;margin-top:8px;transition:color .3s ease}.mt-rlhf-score{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-light)}.mt-rlhf-score-label{font-size:13px;color:var(--text-secondary);font-weight:500}.mt-rlhf-score-start{font-size:18px;font-weight:800;color:#ff3b30;font-variant-numeric:tabular-nums}.mt-rlhf-score-arrow{font-size:16px;color:var(--accent);font-weight:700}.mt-rlhf-score-end{font-size:18px;font-weight:800;color:#34c759;font-variant-numeric:tabular-nums}.mt-timeline{width:100%;max-width:560px;display:flex;flex-direction:column;gap:14px}.mt-timeline-title{font-size:13px;font-weight:700;color:var(--text-primary);text-align:left}.mt-timeline-bars{display:flex;flex-direction:column;gap:8px}.mt-timeline-row{display:flex;align-items:center;gap:12px}.mt-timeline-label{width:110px;flex-shrink:0;font-size:12px;font-weight:500;color:var(--text-secondary);text-align:right}.mt-timeline-bar-track{flex:1;height:20px;background:var(--bg-secondary);border-radius:6px;overflow:hidden}.mt-timeline-bar-fill{height:100%;background:linear-gradient(90deg,#0071e3,#2997ff);border-radius:6px;animation:timelineGrow .8s ease forwards}@keyframes timelineGrow{0%{width:0!important}}.mt-timeline-duration{width:60px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--text-tertiary)}.mt-timeline-total{font-size:14px;color:var(--text-secondary);line-height:1.5;text-align:center;padding-top:8px;border-top:1px solid var(--border-light)}.mt-timeline-total strong{color:var(--accent);font-weight:700}@media(max-width:700px){.mt-collection-sources{grid-template-columns:repeat(2,1fr)}.mt-pretrain-top{flex-direction:column}.mt-pretrain-stats{grid-template-columns:repeat(2,1fr)}.mt-sft-comparison{flex-direction:column}.mt-sft-arrow-col{flex-direction:row}.mt-stepper .how-step-label{font-size:11px}.mt-stepper .how-step{padding:4px 6px}}.tab-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;transition:opacity .2s ease}.tab-content-fading{opacity:0}.pe-root{max-width:900px}.pe-stepper .how-step{padding:5px 8px}.pe-stepper .how-step-label{font-size:11px}.pe-stepper .how-step-arrow{margin:0 1px}.pe-stepper .how-step-arrow svg{width:18px}.pe-viz{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.pe-demo-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.pe-split{display:flex;gap:16px;width:100%}.pe-split-panel{flex:1;padding:18px;border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:0;transition:transform .2s ease,box-shadow .2s ease;min-height:180px}.pe-split-panel:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.pe-split-bad{border-left:4px solid #ff3b30;background:#fff5f5}.pe-split-good{border-left:4px solid #34c759;background:#f5fff7}.pe-split-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.pe-split-bad .pe-split-label{color:#ff3b30}.pe-split-good .pe-split-label{color:#34c759}.pe-split-prompt{font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);background:#00000008;padding:10px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.06);min-height:20px}.pe-prompt-text{white-space:pre-wrap}.pe-typing-cursor{color:var(--accent);animation:blink 1s step-end infinite;font-weight:300}.pe-split-divider{height:1px;background:var(--border);margin:12px 0;opacity:.5}.pe-split-result{display:flex;flex-direction:column;gap:0}.pe-split-result-text{font-size:13px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap}.pe-split-waiting{font-size:13px;color:var(--text-tertiary);font-style:italic;padding:10px 0}.pe-split-verdict{font-size:12px;font-weight:600;padding:8px 12px;border-radius:8px;margin-top:12px;animation:fadeIn .4s ease}.pe-verdict-bad{color:#ff3b30;background:#ff3b3014;border:1px solid rgba(255,59,48,.12)}.pe-verdict-good{color:#34c759;background:#34c75914;border:1px solid rgba(52,199,89,.12)}.pe-replay-btn{background:none;border:1px solid var(--border);border-radius:20px;padding:7px 18px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .2s ease;align-self:center}.pe-replay-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.pe-tips{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.pe-tips strong{color:var(--text-primary)}.pe-tips ul{margin:6px 0 0;padding-left:18px}.pe-tips li{margin-bottom:2px}.pe-code-block{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;margin-top:8px}.pe-counter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--text-tertiary);margin-bottom:4px}.pe-counter-arrow{color:var(--text-tertiary)}.pe-counter-active{color:var(--text-primary)}.pe-counter-highlight{color:var(--accent)}.pe-fs-cards{display:flex;flex-direction:column;gap:12px}.pe-fs-card{padding:16px 18px;border-radius:var(--radius);background:var(--bg-secondary);display:flex;flex-direction:column;gap:0;opacity:0;transform:translateY(12px) scale(.98);transition:all .5s cubic-bezier(.22,1,.36,1)}.pe-fs-card-visible{opacity:1;transform:translateY(0) scale(1)}.pe-fs-card-none{border:1px solid var(--border);border-left:4px solid var(--text-tertiary)}.pe-fs-card-one{border:1px solid rgba(255,149,0,.3);border-left:4px solid #ff9500}.pe-fs-card-three{border:1px solid rgba(52,199,89,.3);border-left:4px solid #34c759}.pe-fs-card-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.pe-fs-card-prompt{font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;color:var(--text-primary);background:#00000008;padding:10px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.05);white-space:pre-wrap}.pe-fs-card-divider{height:1px;background:var(--border);margin:12px 0;opacity:.5}.pe-fs-card-response-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:4px}.pe-fs-card-response{font-size:13px;line-height:1.6;color:var(--text-secondary)}.pe-fs-card-verdict{font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px;margin-top:10px;display:inline-block;align-self:flex-start}.pe-fs-verdict-bad{color:var(--text-tertiary);background:#8e8e931a}.pe-fs-verdict-ok{color:#ff9500;background:#ff950014}.pe-fs-verdict-good{color:#34c759;background:#34c75914}[data-theme=dark] .pe-fs-card-prompt{background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .pe-fs-card-none{border-left-color:var(--text-tertiary)}[data-theme=dark] .pe-fs-verdict-bad{background:#8e8e9326}[data-theme=dark] .pe-fs-verdict-ok{background:#ff95001f}[data-theme=dark] .pe-fs-verdict-good{background:#34c7591f}.pe-cot-comparison{display:flex;gap:16px;width:100%}.pe-cot-panel{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.pe-cot-panel-title{font-size:14px;font-weight:700;color:var(--text-primary)}.pe-cot-question{font-size:12px;line-height:1.5;color:var(--text-secondary);background:var(--bg-primary);border-radius:8px;padding:10px 14px;border:1px solid var(--border)}.pe-cot-magic{color:var(--accent);font-weight:700}.pe-cot-direct-answer{font-size:14px;font-weight:600;color:var(--text-primary);padding:8px 0}.pe-cot-note{font-size:12px;font-weight:400;color:var(--text-tertiary);margin-top:4px}.pe-cot-steps{display:flex;flex-direction:column;gap:6px}.pe-cot-step{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border);opacity:0;transform:translateY(6px);transition:all .4s ease}.pe-cot-step-visible{opacity:1;transform:translateY(0)}.pe-cot-step-num{font-weight:700;color:var(--accent);font-size:14px;flex-shrink:0;min-width:18px}.pe-cot-step-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.pe-cot-verdict{font-size:13px;font-weight:600;color:#34c759;padding:6px 0}.pe-flow-diagram{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;padding:8px 0}.pe-flow-box{padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.pe-flow-active{border-color:var(--accent);color:var(--accent)}.pe-flow-magic{background:#0071e314;border-color:var(--accent);color:var(--accent)}.pe-flow-answer{background:#34c75914;border-color:#34c759;color:#34c759}.pe-flow-arrow{color:var(--text-tertiary);font-size:14px}.pe-tree-svg{width:100%;max-width:500px;margin:0 auto;display:block}.pe-tree-node{fill:var(--bg-secondary);stroke:var(--border);stroke-width:1.5;transition:all .5s ease}.pe-tree-node-active{stroke:var(--accent);fill:#0071e30f}.pe-tree-node-pruned{stroke:var(--border);fill:var(--bg-secondary);opacity:.5}.pe-tree-node-answer{stroke:#34c759;fill:#34c75914}.pe-tree-path{stroke:var(--border);stroke-width:2;fill:none;transition:all .6s ease}.pe-tree-path-active{stroke:var(--accent)}.pe-tree-path-best{stroke:#34c759;stroke-width:2.5}.pe-tree-label{font-size:11px;fill:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;text-anchor:middle}.pe-tree-comparison{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.pe-tree-row{display:flex;gap:8px;font-size:13px;line-height:1.5}.pe-tree-method{font-weight:600;color:var(--text-secondary);min-width:140px;flex-shrink:0}.pe-tree-method-highlight{color:var(--accent)}.pe-tree-desc{color:var(--text-secondary)}.pe-role-question{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.pe-role-question strong{color:var(--text-primary)}.pe-role-cards{display:flex;flex-direction:column;gap:12px}.pe-role-resp-card{padding:16px 18px;border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border);opacity:0;transform:translateY(14px);transition:all .5s cubic-bezier(.22,1,.36,1)}.pe-role-resp-card-visible{opacity:1;transform:translateY(0)}.pe-role-accent-blue{border-left:4px solid #0071e3}.pe-role-accent-purple{border-left:4px solid #8b5cf6}.pe-role-accent-green{border-left:4px solid #34c759}.pe-role-accent-orange{border-left:4px solid #ff9500}.pe-role-resp-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pe-role-resp-emoji{font-size:22px}.pe-role-resp-name{font-size:14px;font-weight:700;color:var(--text-primary)}.pe-role-resp-text{font-size:13px;line-height:1.7;color:var(--text-secondary)}.pe-role-takeaway{font-size:13px;font-weight:600;color:var(--accent);background:#0071e30f;border:1px solid rgba(0,113,227,.12);border-radius:10px;padding:12px 16px;text-align:center;animation:fadeIn .4s ease}.pe-role-library{display:flex;flex-direction:column;gap:8px}.pe-role-library-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.pe-role-chips{display:flex;flex-wrap:wrap;gap:6px}.pe-role-chip{padding:6px 14px;border-radius:16px;font-size:12px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit}.pe-role-chip:hover{border-color:var(--accent);color:var(--accent)}.pe-arch{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 0}.pe-arch-box{padding:14px 20px;border-radius:var(--radius);text-align:center;border:1px solid var(--border);background:var(--bg-secondary)}.pe-arch-system{border-color:var(--accent);background:#0071e30f}.pe-arch-ai{border-color:#34c759;background:#34c7590f}.pe-arch-box-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.pe-arch-box-desc{font-size:11px;color:var(--text-tertiary)}.pe-arch-arrow{font-size:20px;color:var(--text-tertiary)}.pe-builder{display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.pe-builder-section-title{font-size:14px;font-weight:600;color:var(--text-primary)}.pe-builder-row{display:flex;align-items:center;gap:10px}.pe-builder-label{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.pe-builder-chips{display:flex;gap:6px;flex-wrap:wrap}.pe-builder-chip{padding:5px 14px;border-radius:16px;font-size:12px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit}.pe-builder-chip:hover{border-color:var(--accent);color:var(--accent)}.pe-builder-chip-active{background:var(--accent);color:#fff;border-color:var(--accent)}.pe-builder-preview{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:12px 16px;animation:fadeIn .3s ease}.pe-builder-preview-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;margin-bottom:6px}.pe-builder-preview-text{font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--accent);line-height:1.6}.pe-playground-link{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.pe-link-btn{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:0;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.pe-link-btn:hover{opacity:.8}.pe-pipe-flow{display:flex;flex-direction:column;align-items:center;gap:0}.pe-pipe-item{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px}.pe-pipe-box{width:100%;padding:16px 20px;border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border);opacity:0;transform:translateY(14px);transition:all .5s cubic-bezier(.22,1,.36,1)}.pe-pipe-box-visible{opacity:1;transform:translateY(0)}.pe-pipe-blue{border-left:4px solid #0071e3}.pe-pipe-purple{border-left:4px solid #8b5cf6}.pe-pipe-orange{border-left:4px solid #ff9500}.pe-pipe-green{border-left:4px solid #34c759}.pe-pipe-box-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pe-pipe-box-icon{font-size:20px}.pe-pipe-box-label{font-size:14px;font-weight:700;color:var(--text-primary)}.pe-pipe-box-desc{font-size:13px;line-height:1.5;color:var(--text-secondary);font-style:italic}.pe-pipe-connector{display:flex;flex-direction:column;align-items:center;padding:4px 0;opacity:0;transition:opacity .4s ease}.pe-pipe-connector-visible{opacity:1}.pe-pipe-connector-line{width:2px;height:14px;background:var(--accent)}.pe-pipe-connector-label{font-size:11px;font-weight:600;color:var(--accent);padding:2px 0}.pe-chain-run-btn{background:var(--accent);color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:8px}.pe-chain-run-btn:hover{background:var(--accent-hover, #005bb5)}.pe-chain-reset-btn{background:var(--text-secondary)}.pe-chain-reset-btn:hover{background:var(--text-primary)}.pe-chain-status{font-size:14px;font-weight:600;color:var(--accent);animation:pe-pulse 1.2s ease-in-out infinite}@keyframes pe-pulse{0%,to{opacity:1}50%{opacity:.5}}.pe-pipe-box-running{border-color:var(--accent)!important;box-shadow:0 0 0 2px #0071e340}.pe-pipe-box-done{border-color:#34c759!important}.pe-pipe-box-result{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.pe-pipe-box-result-label{font-size:11px;font-weight:700;color:#34c759;margin-bottom:4px}.pe-pipe-box-result-text{font-size:13px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.pe-patterns{display:flex;gap:16px;width:100%}.pe-patterns-col{flex:1;display:flex;flex-direction:column;gap:8px}.pe-patterns-col-header{font-size:14px;font-weight:700;padding:6px 12px;border-radius:8px;text-align:center;margin-bottom:4px}.pe-patterns-header-dont{background:#ff3b3014;color:#ff3b30}.pe-patterns-header-do{background:#34c75914;color:#34c759}.pe-pattern-card{padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5;opacity:0;transform:rotateX(90deg) translateY(8px);transition:all .45s cubic-bezier(.22,1,.36,1);transform-origin:top center;display:flex;align-items:baseline;gap:8px}.pe-pattern-card-visible{opacity:1;transform:rotateX(0) translateY(0)}.pe-pattern-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;position:relative;top:1px}.pe-pattern-do .pe-pattern-num{background:#34c75926;color:#34c759}.pe-pattern-dont .pe-pattern-num{background:#ff3b3026;color:#ff3b30}.pe-pattern-do{background:#34c7590f;border:1px solid rgba(52,199,89,.18);color:var(--text-primary)}.pe-pattern-dont{background:#ff3b300f;border:1px solid rgba(255,59,48,.18);color:var(--text-primary)}.pe-golden-rules{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.pe-golden-rules-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.pe-golden-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pe-golden-rule{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border);font-size:13px;opacity:0;transform:translateY(6px);transition:all .3s ease}.pe-golden-rule-visible{opacity:1;transform:translateY(0)}.pe-golden-rule-emoji{font-size:16px;flex-shrink:0}.pe-golden-rule-text{color:var(--text-secondary);line-height:1.4}.pe-tryit{margin-top:4px;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.pe-tryit-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.pe-tryit-system-badge{font-size:11px;font-weight:600;color:var(--accent);background:#0071e30f;border:1px solid rgba(0,113,227,.12);border-radius:6px;padding:6px 10px;font-family:SF Mono,SFMono-Regular,Menlo,monospace}.pe-tryit-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-primary);font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--text-primary);resize:vertical;line-height:1.5;box-sizing:border-box}.pe-tryit-textarea:focus{outline:none;border-color:var(--accent)}.pe-tryit-actions{display:flex;gap:8px}.pe-tryit-run{background:var(--accent);color:#fff;border:none;border-radius:18px;padding:7px 20px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;gap:6px}.pe-tryit-run:hover:not(:disabled){opacity:.9}.pe-tryit-run:disabled{opacity:.5;cursor:not-allowed}.pe-tryit-error{color:#ff3b30;font-size:13px}.pe-tryit-result{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:12px 16px;animation:fadeIn .3s ease}.pe-tryit-result-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;margin-bottom:6px}.pe-tryit-result-text{font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.pe-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.pe-final-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:600px;width:100%;margin:0 auto 24px}.pe-final-card{padding:16px;border-radius:var(--radius);text-align:center;background:var(--bg-secondary);border:1px solid var(--border)}.pe-final-card-emoji{font-size:28px;margin-bottom:6px}.pe-final-card-name{font-size:12px;font-weight:600;color:var(--text-primary)}.pe-reference-wrapper{max-width:700px;width:100%;margin:0 auto 24px}.pe-reference-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:center}.pe-reference{width:100%;border-collapse:collapse;font-size:13px}.pe-reference th{text-align:left;padding:8px 12px;font-weight:600;border-bottom:2px solid var(--border);color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.pe-reference td{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.pe-ref-technique{font-weight:600;color:var(--text-primary)}.pe-ref-phrase{font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--accent)}@media(max-width:700px){.pe-split,.pe-cot-comparison,.pe-patterns{flex-direction:column}.pe-final-grid{grid-template-columns:repeat(2,1fr)}.pe-role-cards{gap:10px}.pe-golden-rules-grid{grid-template-columns:1fr}.pe-builder-row{flex-direction:column;align-items:flex-start}.pe-tree-row{flex-direction:column;gap:2px}.pe-tree-method{min-width:auto}.pe-stepper .how-step-label{font-size:10px}}[data-theme=dark] .pe-pattern-do{background:#34c7591a;border-color:#34c75940}[data-theme=dark] .pe-pattern-dont{background:#ff3b301a;border-color:#ff3b3040}[data-theme=dark] .pe-patterns-header-dont{background:#ff3b301f}[data-theme=dark] .pe-patterns-header-do{background:#34c7591f}[data-theme=dark] .pe-split-bad{background:#ff3b300f}[data-theme=dark] .pe-split-good{background:#34c7590f}[data-theme=dark] .pe-split-prompt{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .pe-split-panel:hover{box-shadow:0 4px 16px #0003}[data-theme=dark] .pe-verdict-bad{background:#ff3b301f}[data-theme=dark] .pe-verdict-good{background:#34c7591f}[data-theme=dark] .pe-fewshot-answer{background:#0071e31a;border-color:#0071e333}[data-theme=dark] .pe-spinner{border-color:#fff3;border-top-color:#fff}.sidebar-toggle-mobile{display:none}@media(max-width:768px){.header{padding:0 16px}.header-grouped{height:52px;padding:0 16px}.header-center{display:none}.header-grouped h1{font-size:16px}.header-grouped .header-logo{width:30px;height:30px;border-radius:7px}.header-grouped .header-brand{gap:8px;margin-left:0}.header-right{gap:12px;flex:0}.header-right .theme-toggle{position:static}.breadcrumb-home{padding:10px 16px 0}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-light);padding:0}.sidebar-section{padding:12px 16px}.sidebar-actions{padding:12px 16px 16px}.sidebar-toggle-mobile{display:flex;width:100%;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-light);cursor:pointer;font-family:inherit}.sidebar-toggle-mobile span:last-child{font-size:12px;color:var(--text-tertiary);transition:transform .2s}.sidebar-collapsed .sidebar-section,.sidebar-collapsed .sidebar-actions{display:none}.sidebar-collapsed .sidebar-toggle-mobile span:last-child{transform:rotate(180deg)}.app{flex-direction:column}.main{overflow:visible}.tab-content-wrapper{padding-bottom:env(safe-area-inset-bottom,0)}.chat-container{padding:16px}.chat-bubble{max-width:88%}.chat-empty{padding:40px 16px}.chat-input-area{gap:8px}.chat-shortcut-hint{display:none}.suggestion-chips{flex-direction:column;gap:8px;max-width:100%}.suggestion-chip{width:100%;text-align:center}.system-prompt-presets{flex-wrap:wrap}.preset-btn{flex:1;min-width:0;text-align:center}.playground-welcome,.how-welcome,.tok-welcome,.gen-welcome{flex-direction:column;gap:10px;padding:14px 16px}.playground-welcome-dismiss,.how-welcome-dismiss,.tok-welcome-dismiss,.gen-welcome-dismiss{align-self:flex-start}.tok-info-banner{flex-direction:column;gap:10px}.entry-screen{padding:40px 24px;min-height:50vh}.entry-screen-icon{font-size:48px}.entry-screen-title{font-size:26px}.entry-screen-description{font-size:15px;max-width:100%}.entry-screen-btn{width:100%}.how-stepper-inner{gap:0;padding:0 12px}.how-step-num{width:28px;height:28px;font-size:11px}.how-step-label{display:none}.how-step{padding:6px 8px;gap:4px}.how-step-arrow{font-size:10px;padding:0 2px}.how-llms,.how-stage{padding:0 16px 32px;gap:20px}.how-info-card{padding:16px;border-radius:12px}.how-info-card strong{font-size:16px}.how-info-card p{font-size:14px}.how-prompt-bubble{max-width:100%;font-size:15px;padding:14px 18px}.how-scatter-container{height:260px}.how-attention{overflow-x:auto;-webkit-overflow-scrolling:touch}.how-nav-buttons{flex-direction:column;gap:10px}.how-nav-buttons button{width:100%}.how-final-actions{flex-direction:column;gap:10px;width:100%}.how-final-actions button{width:100%}.how-final-bubble,.how-final-recap{max-width:100%}.how-final-stats{flex-wrap:wrap;justify-content:center}.tokenizer{padding:16px;gap:20px}.token-chips{padding:16px;min-height:160px;gap:6px}.token-chip{font-size:12px;padding:3px 8px}.tok-suggestions{flex-direction:column;gap:8px}.tok-suggestion{max-width:100%;width:100%}.generation{padding:16px;gap:20px}.gen-inline-params{flex-direction:column;gap:12px;padding:12px 16px;align-items:stretch}.gen-inline-param{width:100%}.gen-inline-param input[type=range]{width:100%;flex:1}.gen-controls{flex-direction:column;gap:8px}.gen-step-btn,.gen-auto-btn,.gen-reset-btn{width:100%;text-align:center}.gen-mode-cards{flex-direction:column;gap:10px}.gen-bar-row{gap:8px}.gen-bar-token{width:60px;font-size:12px}.gen-bar-pct{width:45px;font-size:12px}.gen-text-box{padding:16px;font-size:15px}.gen-topk-card{padding:14px}.gen-shortcut-hint{display:none}.how-gen-bar-row{gap:8px}.how-gen-bar-token{width:60px;font-size:12px}.how-gen-bar-pct{width:45px;font-size:12px}.how-gen-output{padding:16px;font-size:15px}.how-embed-row{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.how-embed-chips{max-width:100%;overflow-x:auto}.mt-collection-sources{grid-template-columns:1fr}.mt-stepper .how-step-label{display:none}.pe-technique-cards,.pe-strategies-grid,.pe-comparison{grid-template-columns:1fr}.pe-fewshot-examples{gap:8px}.pe-tree-method{min-width:100px}.pe-tree-row{flex-direction:column;gap:2px}[data-theme=dark] .sidebar-toggle-mobile{background:var(--bg-secondary);color:var(--text-primary)}}