*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(14px + .2vw);-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: #ffffff;--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, .18);--particle-line: rgba(0, 113, 227, .12);--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: #1C1917;--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, .18);--particle-line: rgba(168, 162, 158, .12);--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}.no-transitions *,.no-transitions *:before,.no-transitions *:after{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}}.module-icon{color:#8e8e93;transition:color .2s;flex-shrink:0}[data-theme=dark] .module-icon{color:#6e6e73}.module-icon-active,.module-icon:hover,[data-theme=dark] .module-icon-active,[data-theme=dark] .module-icon:hover,.nav-dropdown-item-active .module-icon,.nav-dropdown-item:hover .module-icon,.nav-mobile-item-active .module-icon,.nav-mobile-item:hover .module-icon,.home-card:hover .module-icon,.landing-mobile-card:hover .module-icon{color:#0071e3}.quiz-container{max-width:700px;margin:0 auto;padding:32px 20px 48px}.quiz-fade-in{animation:quizFadeIn .35s ease-out}.quiz-fading-out{opacity:0;transition:opacity .3s 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}@media(hover:hover){.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:hover:not(:disabled) .quiz-option-letter{background:var(--accent, #0071e3);color:#fff}}.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-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:10px;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid transparent;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:1.5px solid var(--border-light, #e5e5ea)}.quiz-btn-secondary:hover{border-color:var(--accent, #0071e3);color:var(--accent, #0071e3)}.quiz-result-divider{height:1px;background:var(--border, #d2d2d7);margin:32px 0}.quiz-explore-section{text-align:left}.quiz-explore-heading{font-size:16px;font-weight:600;color:var(--text-primary, #1d1d1f);margin-bottom:16px;text-align:center}.quiz-explore-cards{display:flex;flex-direction:column;gap:10px}.quiz-explore-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--bg-primary, #f5f5f7);border:1px solid var(--border-light, #e5e5ea);border-left:2px solid;border-radius:12px;cursor:pointer;text-align:left;transition:all .18s ease}.quiz-explore-card:hover{border-color:var(--border, #d2d2d7);transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.04))}.quiz-explore-card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary, #1d1d1f)}.quiz-explore-card-desc{font-size:13px;color:var(--text-secondary, #6e6e73);line-height:1.4}.quiz-explore-card-tag{display:inline-block;width:fit-content;font-size:11px;font-weight:600;padding:2px 8px;border:1px solid;border-radius:20px;margin-top:2px}[data-theme=dark] .quiz-explore-card{background:var(--bg-secondary, #292524);border-color:var(--border, #44403C)}[data-theme=dark] .quiz-explore-card:hover{border-color:var(--text-tertiary, #86868b)}[data-theme=dark] .quiz-result-divider{background:var(--border, #44403C)}.quiz-launch-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:#fff;border:1.5px solid transparent;border-radius:10px;font-size:15px;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;border:none;background:transparent}.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;border:none;background:transparent}.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;min-height:44px}.quiz-launch-btn{width:100%;justify-content:center}.quiz-explore-card{padding:12px 14px}.quiz-explore-card-title{font-size:14px}}.ce-root{max-width:900px;margin:0 auto;padding:0 24px 60px}.ce-stepper .how-step-current .how-step-num{background:#fff;color:#00c7be;border:2px solid #00c7be}[data-theme=dark] .ce-stepper .how-step-current .how-step-num{background:#1c1917}.ce-stepper .how-step-completed .how-step-num{background:#fff;border:2px solid #34c759;color:#34c759}[data-theme=dark] .ce-stepper .how-step-completed .how-step-num{background:#1c1917}.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:2px solid #FF9500}.ce-comp-good{border-left:2px 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:#fff;border:none;border-left:2px solid #FF9500;color:#dc2626;font-size:13px;font-weight:600;padding:10px 14px;border-radius:8px}[data-theme=dark] .ce-window-warning{background:#1c1917}.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:2px solid #FF9500}.ce-poison-good{border-top:2px 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:10px;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:#fff;border:1px solid #E5E5EA;border-left:2px solid #00c7be;border-radius:var(--radius);padding:16px;margin-bottom:16px}[data-theme=dark] .ce-rag-summary{background:#1c1917;border-color:#44403c;border-left-color:#00c7be}.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}.ce-replay-btn{min-height:44px;font-size:14px}.ce-usecase-card{padding:12px;min-height:44px}}@media(max-width:480px){.ce-model-cards,.ce-usecase-cards{grid-template-columns:1fr}}.rag-root{max-width:900px;margin:0 auto;padding:0 24px 60px}.rag-stepper .how-step-current .how-step-num{background:#fff;color:#5856d6;border:2px solid #5856D6}[data-theme=dark] .rag-stepper .how-step-current .how-step-num{background:#1c1917}.rag-stepper .how-step-completed .how-step-num{background:#fff;border:2px solid #34c759;color:#34c759}[data-theme=dark] .rag-stepper .how-step-completed .how-step-num{background:#1c1917}.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:2px solid #FF9500}.rag-comp-good{border-left:2px 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:10px;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:1.5px 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:#fff;border:1px solid #E5E5EA;border-left:2px solid #5856D6;border-radius:var(--radius);padding:12px 16px;font-size:13px;color:var(--text-secondary);line-height:1.5}[data-theme=dark] .rag-embed-result{background:#1c1917;border-color:#44403c;border-left-color:#5856d6}.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:10px;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:1.5px 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-replay-btn,.rag-vdb-search-btn,.rag-embed-query-btn{min-height:44px;font-size:14px}.rag-build-step-header{min-height:44px}.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}}.aai-stepper .how-step-active .how-step-num{background:#5856d6;color:#fff}.aai-stepper .how-step-current .how-step-num{background:#fff;color:#5856d6;border:2px solid #5856D6}[data-theme=dark] .aai-stepper .how-step-current .how-step-num{background:#1c1917}.aai-stepper .how-step-completed .how-step-num{background:#5856d6;color:#fff}.aai-stepper .how-arrow-active svg{color:#5856d6}.aai-viz{margin:20px 0;padding:20px;border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border-light)}.aai-run-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 24px;font-size:14px;font-weight:600;font-family:inherit;border:1.5px solid transparent;border-radius:10px;background:#5856d6;color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease;margin-top:12px}.aai-run-btn:hover:not(:disabled){background:#4a48c4;transform:translateY(-1px)}.aai-run-btn:active:not(:disabled){transform:scale(.97)}.aai-run-btn:disabled{opacity:.6;cursor:not-allowed}.aai-compare-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.aai-compare-panel{padding:16px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-light);overflow:hidden}.aai-compare-chatbot{border-top:2px solid #FF9500}.aai-compare-agent{border-top:2px solid #5856D6;opacity:0;transform:translate(20px);transition:opacity .5s ease-out,transform .5s ease-out}.aai-compare-agent-visible{opacity:1;transform:translate(0)}.aai-compare-panel-title{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.aai-flow-linear,.aai-flow-loop{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.aai-flow-node,.aai-loop-step{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;background:var(--bg-secondary);font-size:12px;font-weight:500;color:var(--text-primary);border:1px solid var(--border-light);white-space:nowrap;flex-shrink:0}.aai-flow-arrow,.aai-loop-arrow{font-size:13px;color:var(--text-tertiary);flex-shrink:0}.aai-flow-repeat{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:#5856d6;font-style:italic}.aai-flow-label{margin-top:10px;font-size:13px;color:var(--text-secondary);font-style:italic}.aai-autonomy{margin-top:20px;padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light)}.aai-autonomy-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.aai-autonomy-track{position:relative;height:8px;background:var(--bg-surface);border-radius:4px;margin-bottom:28px}.aai-autonomy-fill{position:absolute;left:0;top:0;width:70%;height:100%;border-radius:4px;background:linear-gradient(90deg,#34c759,#ff9500,#5856d6)}.aai-autonomy-marker{position:absolute;top:-8px;transform:translate(-50%)}.aai-autonomy-marker-dot{width:12px;height:12px;border-radius:50%;background:#5856d6;border:2px solid #fff;margin:0 auto 4px;box-shadow:0 1px 4px #0003}[data-theme=dark] .aai-autonomy-marker-dot{border-color:#1c1917}.aai-autonomy-marker-label{white-space:nowrap;font-size:11px;font-weight:600;color:#5856d6}.aai-autonomy-labels{display:flex;justify-content:space-between;padding:0}.aai-autonomy-point{font-size:11px;color:var(--text-tertiary);white-space:nowrap}.aai-loop-ring{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-bottom:16px}.aai-loop-node{display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .2s ease}.aai-loop-node-active{transform:scale(1.1)}.aai-loop-node-circle{width:44px;height:44px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-secondary);background:var(--bg-card);transition:border-color .2s ease,background .2s ease,color .2s ease}.aai-loop-node-active .aai-loop-node-circle{border-color:#5856d6;background:#5856d6;color:#fff}.aai-loop-node-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.aai-loop-counter{width:100%;text-align:center;font-size:13px;font-weight:600;color:#5856d6;margin-top:4px}.aai-trace{margin-top:16px;padding:14px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:13px}.aai-trace-title{font-family:inherit;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.aai-trace-line{padding:4px 0;color:var(--text-secondary);line-height:1.5}.aai-trace-thought{color:#5856d6}.aai-trace-action{color:#0071e3}.aai-trace-observation{color:#34c759}.aai-trace-done{color:var(--text-primary)}.aai-trace-label{font-weight:600}.aai-tools-ring{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px}.aai-tools-center{display:flex;flex-direction:column;align-items:center;gap:4px;width:80px;height:80px;border-radius:50%;border:2px solid #5856D6;justify-content:center;background:var(--bg-card);font-size:11px;font-weight:600;color:#5856d6}.aai-tools-nodes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.aai-tool-node{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-card);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;font-family:inherit;transition:border-color .15s ease,transform .1s ease}.aai-tool-node:hover{border-color:#5856d6;transform:translateY(-1px)}.aai-tool-node-active{border-color:#5856d6;background:#5856d60f}.aai-tool-detail{margin-top:12px}.aai-tool-call{padding:12px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:13px}.aai-tool-call-row{padding:3px 0;color:var(--text-secondary)}.aai-tool-call-key{color:#5856d6;font-weight:600}.aai-tool-call-val{color:var(--text-primary)}.aai-tool-real{margin-top:8px;font-size:12px;color:var(--text-tertiary)}.aai-tools-complete{margin-top:12px;font-size:13px;font-weight:600;color:#34c759;text-align:center}.aai-memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aai-memory-card{padding:14px;border-radius:10px;background:var(--bg-card);border-left:2px solid #5856D6;border-top:none;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.aai-memory-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.aai-memory-card-desc{font-size:13px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.aai-memory-card-detail{font-size:12px;color:var(--text-tertiary);white-space:pre-line;margin-bottom:4px}.aai-memory-card-capacity{font-size:11px;font-weight:600;color:#5856d6;margin-top:4px}.aai-multi-network{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:16px}.aai-multi-orchestrator{display:flex;flex-direction:column;align-items:center;gap:6px}.aai-multi-orch-circle{width:56px;height:56px;border-radius:50%;border:2px solid #5856D6;display:flex;align-items:center;justify-content:center;background:var(--bg-card)}.aai-multi-orch-label{font-size:13px;font-weight:600;color:#5856d6}.aai-multi-agents{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.aai-multi-agent{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-card);min-width:90px;transition:border-color .2s ease,transform .2s ease}.aai-multi-agent-active{border-color:#5856d6;transform:scale(1.05)}.aai-multi-agent-circle{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;position:relative}.aai-multi-agent-active .aai-multi-agent-circle{background:#5856d61f}.aai-multi-spinner{width:16px;height:16px;border:2px solid rgba(88,86,214,.2);border-top-color:#5856d6;border-radius:50%;animation:aai-spin .8s linear infinite}@keyframes aai-spin{to{transform:rotate(360deg)}}.aai-multi-agent-label{font-size:12px;font-weight:600;color:var(--text-primary)}.aai-multi-agent-desc{font-size:11px;color:var(--text-tertiary);text-align:center}.aai-multi-status{margin-top:12px;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:center}.aai-multi-done{display:inline-flex;align-items:center;gap:4px;color:#34c759;font-weight:600}.aai-build-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.aai-build-step{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-card);font-size:12px;font-weight:500;color:var(--text-tertiary)}.aai-build-step-current{border-color:#5856d6;color:#5856d6;font-weight:600}.aai-build-step-done{border-color:#34c759;color:#34c759}.aai-build-step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--bg-surface);color:inherit}.aai-build-step-current .aai-build-step-num{background:#5856d6;color:#fff}.aai-build-step-label{font-size:12px}.aai-build-content{min-height:180px}.aai-build-pane{padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-light)}.aai-build-pane-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.aai-build-input{width:100%;height:40px;padding:0 12px;font-size:14px;font-family:inherit;border:1.5px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.aai-build-input:focus{outline:none;border-color:#5856d6}.aai-build-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.aai-build-preset{padding:6px 12px;border-radius:18px;border:1.5px solid var(--border);background:var(--bg-secondary);font-size:12px;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease}.aai-build-preset:hover{border-color:#5856d6;color:#5856d6}.aai-build-next{display:inline-flex;align-items:center;height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;border:1.5px solid transparent;border-radius:10px;background:#5856d6;color:#fff;cursor:pointer;margin-top:12px;transition:background .15s ease}.aai-build-next:hover:not(:disabled){background:#4a48c4}.aai-build-next:disabled{opacity:.5;cursor:not-allowed}.aai-build-options{display:flex;flex-wrap:wrap;gap:8px}.aai-build-option{padding:8px 16px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-card);font-size:13px;font-family:inherit;font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease}.aai-build-option-active{border-color:#5856d6;background:#5856d60f;color:#5856d6}.aai-build-toggles{display:flex;flex-direction:column;gap:8px}.aai-build-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer}.aai-build-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#5856D6}.aai-build-textarea{width:100%;padding:10px 12px;font-size:13px;font-family:inherit;border:1.5px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);resize:vertical;box-sizing:border-box;line-height:1.5}.aai-build-textarea:focus{outline:none;border-color:#5856d6}.aai-build-summary{padding:12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:12px}.aai-build-summary-row{font-size:13px;color:var(--text-secondary);padding:3px 0}.aai-build-summary-row strong{color:var(--text-primary)}.aai-real-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.aai-real-card{padding:14px;border-radius:10px;background:var(--bg-card);border-left:2px solid #5856D6;border-top:none;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);animation:aai-card-in .3s ease-out}@keyframes aai-card-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.aai-real-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.aai-real-card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.aai-real-card-agents{font-size:12px;color:#5856d6;font-weight:500;margin-bottom:6px}.aai-real-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.aai-real-card-stat{font-size:12px;font-weight:600;color:#34c759;margin-top:4px}.aai-show-next-btn{display:inline-flex;align-items:center;height:36px;padding:0 20px;font-size:13px;font-weight:500;font-family:inherit;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease}.aai-show-next-btn:hover{border-color:#5856d6;color:#5856d6}.aai-real-complete{font-size:13px;font-weight:600;color:#34c759;text-align:center;margin-top:8px}.aai-timeline{margin-bottom:20px}.aai-timeline-title,.aai-starters-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.aai-timeline-track{display:flex;gap:8px;flex-wrap:wrap}.aai-timeline-node{flex:1;min-width:120px;padding:12px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s ease}.aai-timeline-node:hover{border-color:#5856d6}.aai-timeline-node-active{border-color:#5856d6;background:#5856d60a}.aai-timeline-year{font-size:16px;font-weight:700;color:#5856d6}.aai-timeline-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.aai-timeline-detail{margin-top:12px;padding:12px 14px;background:var(--bg-card);border-left:2px solid #5856D6;border-radius:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.aai-starters-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.aai-starter-card{padding:14px;border-radius:10px;background:var(--bg-card);border-left:2px solid #34C759;border-top:none;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.aai-starter-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.aai-starter-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.aai-starter-tools{font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.aai-starter-diff{font-size:12px;font-weight:600;color:#5856d6}.aai-final-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.aai-final-card{padding:12px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-light);text-align:center}.aai-final-card-concept{font-size:13px;font-weight:600;color:#5856d6;margin-bottom:4px}.aai-final-card-takeaway{font-size:12px;color:var(--text-secondary);line-height:1.4}.aai-reference-wrapper{margin-bottom:24px}.aai-reference-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.aai-reference{width:100%;border-collapse:collapse;font-size:14px}.aai-reference th{text-align:left;padding:10px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary)}.aai-reference td{padding:10px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.aai-ref-concept{font-weight:600;color:var(--text-primary)}[data-theme=dark] .aai-viz{background:var(--bg-secondary);border-color:var(--border-light)}[data-theme=dark] .aai-compare-panel,[data-theme=dark] .aai-autonomy,[data-theme=dark] .aai-trace,[data-theme=dark] .aai-tool-call,[data-theme=dark] .aai-memory-card,[data-theme=dark] .aai-multi-agent,[data-theme=dark] .aai-build-pane,[data-theme=dark] .aai-real-card,[data-theme=dark] .aai-timeline-detail,[data-theme=dark] .aai-starter-card{background:#1c1917;border-color:#44403c}[data-theme=dark] .aai-compare-chatbot{border-top-color:#ff9500}[data-theme=dark] .aai-compare-agent{border-top-color:#5856d6}[data-theme=dark] .aai-memory-card,[data-theme=dark] .aai-real-card{border-left-color:#5856d6;border-right-color:#44403c;border-bottom-color:#44403c}[data-theme=dark] .aai-starter-card{border-left-color:#34c759;border-right-color:#44403c;border-bottom-color:#44403c}[data-theme=dark] .aai-loop-node-circle{background:#1c1917;border-color:#44403c}[data-theme=dark] .aai-loop-node-active .aai-loop-node-circle{background:#7c7aef;border-color:#7c7aef}[data-theme=dark] .aai-tool-node{background:#1c1917;border-color:#44403c}[data-theme=dark] .aai-tool-node-active{background:#5856d626;border-color:#7c7aef}[data-theme=dark] .aai-multi-orch-circle{background:#1c1917}[data-theme=dark] .aai-multi-agent-circle{background:#292524}[data-theme=dark] .aai-multi-agent-active{border-color:#7c7aef;box-shadow:0 0 0 1px #7c7aef}[data-theme=dark] .aai-multi-agent-active .aai-multi-agent-circle{background:#5856d640}[data-theme=dark] .aai-timeline-node{background:#1c1917;border-color:#44403c}[data-theme=dark] .aai-timeline-node-active{background:#5856d61f;border-color:#7c7aef}[data-theme=dark] .aai-timeline-detail{border-left-color:#5856d6}[data-theme=dark] .aai-build-input,[data-theme=dark] .aai-build-textarea{background:#1c1917;border-color:#44403c}[data-theme=dark] .aai-build-input:focus,[data-theme=dark] .aai-build-textarea:focus{border-color:#5856d6}[data-theme=dark] .aai-build-summary{background:#292524}[data-theme=dark] .aai-build-option{background:#1c1917;border-color:#44403c}[data-theme=dark] .aai-build-option-active{background:#5856d626;border-color:#7c7aef}[data-theme=dark] .aai-build-preset,[data-theme=dark] .aai-build-step{background:#1c1917;border-color:#44403c}[data-theme=dark] .aai-build-step-current{border-color:#7c7aef;box-shadow:0 0 0 1px #7c7aef}[data-theme=dark] .aai-build-step-done{border-color:#34c759}[data-theme=dark] .aai-build-step-num{background:#292524}[data-theme=dark] .aai-build-step-current .aai-build-step-num{background:#5856d6;color:#fff}[data-theme=dark] .aai-flow-node,[data-theme=dark] .aai-loop-step{background:#292524;border-color:#44403c}[data-theme=dark] .aai-autonomy-track{background:#292524}[data-theme=dark] .aai-show-next-btn{background:#1c1917;border-color:#44403c}[data-theme=dark] .aai-final-card{background:#292524;border-color:#44403c}[data-theme=dark] .aai-reference th{background:#292524;border-bottom-color:#44403c}[data-theme=dark] .aai-reference td{border-bottom-color:#44403c}[data-theme=dark] .aai-tool-call{border-color:#44403c}[data-theme=dark] .aai-tool-real{color:#a8a29e}[data-theme=dark] .aai-autonomy{border-color:#44403c}@media(max-width:768px){.aai-viz{padding:16px;margin:16px 0}.aai-compare-panels,.aai-memory-grid,.aai-real-grid,.aai-starters-grid{grid-template-columns:1fr}.aai-final-grid{grid-template-columns:1fr 1fr}.aai-flow-loop{flex-wrap:wrap}.aai-multi-agents{flex-direction:column;align-items:stretch}.aai-multi-agent{flex-direction:row;min-width:unset;gap:10px}.aai-multi-agent-desc{text-align:left}.aai-multi-orch-circle{width:48px;height:48px}.aai-build-steps{gap:4px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px}.aai-build-step{padding:4px 8px;font-size:11px;flex-shrink:0}.aai-build-pane{padding:14px}.aai-build-input,.aai-build-textarea{font-size:16px}.aai-timeline-track{flex-direction:column}.aai-timeline-node{min-width:unset}.aai-autonomy-labels{height:24px;overflow:hidden}.aai-autonomy-point{font-size:10px}.aai-run-btn,.aai-build-next,.aai-show-next-btn{width:100%;justify-content:center}.aai-run-btn,.aai-build-next,.aai-show-next-btn,.aai-tool-node,.aai-build-option,.aai-build-preset,.aai-timeline-node,.aai-build-toggle{min-height:44px}.aai-reference-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.aai-reference{min-width:400px}.aai-reference th,.aai-reference td{padding:8px 10px;font-size:13px}.aai-trace{overflow-x:auto;word-break:break-word}.aai-trace-line{font-size:12px}.aai-tool-call{overflow-x:auto;font-size:12px}.aai-tools-center{width:76px;height:76px}.aai-loop-ring{justify-content:center;gap:8px;padding:8px 4px}.aai-loop-node-circle{width:38px;height:38px;font-size:13px}.aai-loop-node-active{transform:scale(1.05)}.aai-loop-node-label{font-size:11px}}@media(max-width:480px){.aai-viz{padding:12px}.aai-final-grid{grid-template-columns:1fr}.aai-loop-ring{gap:8px}.aai-loop-node-circle{width:36px;height:36px;font-size:12px}.aai-loop-node-label{font-size:11px}.aai-build-options{flex-direction:column}.aai-build-option{width:100%;text-align:center;justify-content:center}.aai-compare-panel{padding:12px}.aai-flow-linear,.aai-flow-loop{flex-wrap:wrap;gap:5px}.aai-flow-node,.aai-loop-step{padding:4px 6px;font-size:11px}.aai-tools-center{width:60px;height:60px;font-size:10px}.aai-tool-node{padding:8px 10px;font-size:12px}.aai-autonomy-marker-label{font-size:10px}.aai-reference-title{font-size:14px}.aai-reference th,.aai-reference td{padding:6px 8px;font-size:12px}}.ml-root{max-width:900px;margin:0 auto;padding:0 24px 60px}.ml-stepper .how-step-current .how-step-num{background:#fff;color:#af52de;border:2px solid #AF52DE}[data-theme=dark] .ml-stepper .how-step-current .how-step-num{background:#1c1917}.ml-stepper .how-step-completed .how-step-num{background:#fff;border:2px solid #34c759;color:#34c759}[data-theme=dark] .ml-stepper .how-step-completed .how-step-num{background:#1c1917}.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:2px solid #FF9500}.ml-comp-ml{border-top:2px 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:1.5px 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:#fff;border:1px solid #E5E5EA;border-left:2px solid #AF52DE;border-radius:8px;font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}[data-theme=dark] .ml-email-score{background:#1c1917;border-color:#44403c;border-left-color:#af52de}.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:#fff;border:1px solid #E5E5EA;border-radius:10px;display:inline-block;margin:0 auto 16px;width:100%;box-sizing:border-box}[data-theme=dark] .ml-types-root{background:#1c1917;border-color:#44403c}.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:2px 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:#fff;border:1px solid #E5E5EA;border-left:2px solid #AF52DE;border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}[data-theme=dark] .ml-sup-popup{background:#1c1917;border-color:#44403c;border-left-color:#af52de}.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:#fff;border-left:2px solid #AF52DE;border-radius:6px;padding:8px 12px;margin-top:12px;display:inline-block}[data-theme=dark] .ml-sup-popup-highlight{background:#1c1917}.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:10px;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:#fff;border:1px solid #E5E5EA;border-left:2px solid #AF52DE;border-radius:10px;text-align:center}[data-theme=dark] .ml-sup-predict-result{background:#1c1917;border-color:#44403c;border-left-color:#af52de}.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:1.5px 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:10px;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:#fff;border:1px solid #E5E5EA;border-left:2px solid #AF52DE;border-radius:var(--radius);padding:14px 16px;font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}[data-theme=dark] .ml-lifecycle-insight{background:#1c1917;border-color:#44403c;border-left-color:#af52de}.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:10px;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:#fff;border:none;border-left:2px solid #34C759;border-radius:10px;padding:10px 20px}[data-theme=dark] .ml-success-banner{background:#1c1917}.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:10px;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-next-step-btn,.ml-lc-loop-btn,.ml-replay-btn{min-height:44px;font-size:14px}.ml-email-btn{min-height:36px;padding:6px 14px;font-size:12px}.ml-sup-predict-btn{min-height:44px;font-size:14px}.ml-nn-weight-btn{width:36px;height:36px}.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}}.dl-root{max-width:900px;margin:0 auto;padding:0 24px 60px}.dl-stepper .how-step-current .how-step-num{background:#fff;color:#5856d6;border:2px solid #5856D6}[data-theme=dark] .dl-stepper .how-step-current .how-step-num{background:#1c1917}.dl-stepper .how-step-completed .how-step-num{background:#fff;border:2px solid #34c759;color:#34c759}[data-theme=dark] .dl-stepper .how-step-completed .how-step-num{background:#1c1917}[data-theme=dark] .dl-neuron-slider::-webkit-slider-thumb{border-color:#292524}.dl-stepper .how-step-active .how-step-label{color:var(--text-primary)}.dl-viz{margin-bottom:24px}.dl-demo-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-top:40px;margin-bottom:16px}.dl-bullet-list{margin:0 0 4px;padding-left:20px;color:var(--text-secondary)}.dl-bullet-list li{margin-bottom:6px;line-height:1.65}.dl-tree{--dl-tree-indent: 28px;display:flex;flex-direction:column;gap:6px;margin-bottom:20px;padding-left:4px}.dl-tree-row{display:flex;align-items:center;gap:0;min-height:40px;padding-left:calc(var(--depth) * var(--dl-tree-indent))}.dl-tree-branch{flex-shrink:0;margin-right:-2px;color:var(--text-tertiary)}.dl-tree-node{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:10px;opacity:0;transform:translate(-8px);transition:opacity .35s ease-out,transform .35s ease-out}.dl-tree-node-visible{opacity:1;transform:translate(0)}.dl-tree-node-highlight{border-color:#5856d6;background:#5856d60f;box-shadow:0 0 0 3px #5856d61a}.dl-tree-node-content{display:flex;flex-direction:column;gap:1px}.dl-tree-node-label{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.dl-tree-node-sub{font-size:11px;color:var(--text-secondary);line-height:1.3}.dl-hierarchy-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:#5856d61a;color:#5856d6;white-space:nowrap;flex-shrink:0}.dl-timeline{display:flex;gap:0;overflow-x:auto;padding:16px 0;-webkit-overflow-scrolling:touch;min-height:220px;align-items:flex-start}.dl-timeline-item{display:flex;flex-direction:column;align-items:center;min-width:140px;cursor:pointer;position:relative;flex-shrink:0}.dl-timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--bg-surface);border:2px solid var(--border);transition:all .2s ease;z-index:1}.dl-timeline-dot-active{background:#5856d6;border-color:#5856d6;transform:scale(1.3)}.dl-timeline-line{position:absolute;top:7px;left:50%;width:100%;height:2px;background:var(--border-light)}.dl-timeline-item:last-child .dl-timeline-line{display:none}.dl-timeline-year{font-size:12px;font-weight:700;color:var(--text-primary);margin-top:10px}.dl-timeline-desc{font-size:11px;color:var(--text-secondary);text-align:center;max-width:120px;line-height:1.4;margin-top:4px}.dl-timeline-detail{margin-top:8px;font-size:12px;color:#5856d6;font-weight:500;text-align:center;max-width:140px;animation:dl-fade-in .2s ease-out}.dl-neuron-builder{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px;margin-bottom:20px}.dl-neuron-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dl-neuron-guide{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.dl-neuron-layout{display:flex;align-items:center;gap:16px}.dl-neuron-inputs{display:flex;flex-direction:column;gap:12px;flex:1}.dl-neuron-input-row{display:flex;align-items:center;gap:8px}.dl-neuron-input-label{font-size:12px;font-weight:500;color:var(--text-secondary);min-width:60px}.dl-neuron-input-val{font-size:13px;font-weight:600;color:var(--text-primary);width:32px;text-align:center}.dl-neuron-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--bg-surface);border:1px solid var(--border-light);outline:none}.dl-neuron-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#5856d6;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #0003}.dl-neuron-weight-val{font-size:12px;font-weight:600;color:#5856d6;width:44px;text-align:right;font-variant-numeric:tabular-nums}.dl-neuron-circle{width:64px;height:64px;border-radius:50%;border:2px solid #5856D6;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#5856d6;background:var(--bg-card);flex-shrink:0;transition:all .3s ease}.dl-neuron-circle-fired{background:#5856d6;color:#fff;animation:neuronFire .6s ease-out}.dl-neuron-output{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.dl-neuron-output-label{font-size:11px;font-weight:600;color:var(--text-secondary)}.dl-neuron-output-val{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.dl-neuron-output-fired{color:#34c759}.dl-neuron-output-quiet{color:var(--text-tertiary)}.dl-neuron-calc{margin-top:16px;padding:12px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;font-size:12px;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;color:var(--text-secondary);line-height:1.8}.dl-neuron-calc strong{color:var(--text-primary)}.dl-activation-tabs{display:flex;gap:6px;margin-top:16px;margin-bottom:12px}.dl-activation-tab{font-size:12px;font-weight:600;font-family:inherit;padding:6px 14px;border-radius:8px;cursor:pointer;border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:all .15s ease}.dl-activation-tab-active{border-color:#5856d6;background:#5856d614;color:#5856d6}.dl-activation-graph{height:80px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.dl-activation-graph svg{width:100%;height:100%}.dl-activation-desc{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-top:8px;margin-bottom:16px}.dl-network-wrapper{margin-bottom:20px}.dl-network-svg{width:100%;max-width:520px;margin:0 auto;display:block}.dl-network-node{transition:fill .3s ease,stroke .3s ease;cursor:pointer}.dl-network-connection{stroke:var(--border-light);stroke-width:.8;transition:stroke .3s ease,opacity .3s ease}.dl-network-connection-active{stroke:#5856d6;opacity:.6}.dl-network-connection-pulse{stroke:#5856d6;stroke-width:2;opacity:0}.dl-network-label{fill:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.dl-network-controls{display:flex;align-items:center;gap:12px;margin-top:12px;justify-content:center}.dl-network-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:#5856d6;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:background .15s ease}.dl-network-btn:hover{background:#4a48c4}.dl-network-btn-outline{color:#5856d6;background:transparent;border:1.5px solid #5856D6}.dl-network-btn-outline:hover{background:#5856d6;color:#fff}.dl-node-info{margin-top:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-left:2px solid #5856D6;border-radius:var(--radius);font-size:13px;color:var(--text-secondary);line-height:1.6;animation:dl-fade-in .2s ease-out}.dl-node-info strong{color:var(--text-primary)}.dl-layer-slider{display:flex;align-items:center;gap:10px;margin-top:12px;justify-content:center}.dl-network-outcome{margin-top:12px;padding:12px 16px;background:#5856d60f;border-left:2px solid #5856D6;border-radius:var(--radius);font-size:13px;color:var(--text-secondary);line-height:1.6;animation:dl-fade-in .3s ease-out;display:flex;align-items:flex-start;gap:12px}.dl-outcome-dismiss{flex-shrink:0;font-size:12px;font-weight:600;font-family:inherit;padding:4px 12px;border:1.5px solid #5856D6;border-radius:8px;background:none;color:#5856d6;cursor:pointer;transition:background .15s ease}.dl-outcome-dismiss:hover{background:#5856d61a}.dl-layer-slider-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.dl-layer-slider-val{font-size:14px;font-weight:700;color:#5856d6;min-width:20px;text-align:center}.dl-loss-landscape{position:relative;height:180px;max-width:500px;margin:0 auto 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden}.dl-loss-landscape svg{width:100%;height:100%}.dl-loss-surface{fill:none;stroke:var(--border);stroke-width:1.5}.dl-loss-ball{fill:#5856d6;transition:cx .4s ease-out,cy .4s ease-out}.dl-loss-ball-glow{fill:#5856d633;transition:cx .4s ease-out,cy .4s ease-out}.dl-loss-controls{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:16px}.dl-loss-info{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.dl-loss-info-item{text-align:center}.dl-loss-info-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.dl-loss-info-val{font-size:20px;font-weight:700;color:#5856d6;font-variant-numeric:tabular-nums}.dl-loss-curve{height:140px;max-width:500px;margin:0 auto 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden}.dl-loss-curve svg{width:100%;height:100%}.dl-loss-curve-line{fill:none;stroke:#5856d6;stroke-width:2;stroke-linecap:round}.dl-loss-curve-area{fill:#5856d614}.dl-loss-axis{stroke:var(--border-light);stroke-width:1}.dl-loss-axis-label{fill:var(--text-tertiary);font-size:9px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dl-conv-demo{margin-bottom:20px}.dl-conv-grids{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}.dl-conv-grid-wrapper{text-align:center}.dl-conv-grid-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.dl-conv-grid{display:grid;gap:1px}.dl-conv-cell{width:28px;height:28px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);transition:background .15s ease,color .15s ease}.dl-conv-cell-highlight{outline:2px solid #5856D6;outline-offset:-1px;z-index:1}.dl-conv-arrow{display:flex;align-items:center;color:var(--text-tertiary);padding-top:24px}.dl-conv-filter-tabs{display:flex;gap:6px;margin-bottom:12px;justify-content:center}.dl-conv-filter-tab{font-size:12px;font-weight:600;font-family:inherit;padding:6px 14px;border-radius:8px;cursor:pointer;border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:all .15s ease}.dl-conv-filter-tab-active{border-color:#5856d6;background:#5856d614;color:#5856d6}.dl-conv-controls{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:12px}.dl-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.dl-comp-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px}.dl-comp-rnn{border-top:2px solid #FF9500}.dl-comp-transformer{border-top:2px solid #34c759}.dl-comp-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;color:var(--text-primary)}.dl-comp-viz{min-height:80px;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;margin-bottom:12px}.dl-comp-word{font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);transition:all .3s ease}.dl-comp-word-active{background:#5856d61a;border-color:#5856d6;color:#5856d6}.dl-comp-desc{font-size:12px;color:var(--text-secondary);line-height:1.6}.dl-attention-input{margin-bottom:16px}.dl-attention-input-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.dl-attention-input-field{width:100%;font-size:14px;font-family:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary);outline:none;transition:border-color .15s ease;box-sizing:border-box}.dl-attention-input-field:focus{border-color:#5856d6}.dl-attention-heatmap{margin-top:16px}.dl-attention-row{display:flex;align-items:center;gap:4px;margin-bottom:4px}.dl-attention-label{font-size:11px;font-weight:600;color:var(--text-primary);width:60px;text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-attention-cell{flex:1;height:24px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;transition:background .2s ease;cursor:pointer}.dl-techniques-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.dl-technique-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:2px solid #5856D6;border-radius:var(--radius);padding:14px 16px;opacity:0;transform:translateY(8px);transition:opacity .3s ease-out,transform .3s ease-out}.dl-technique-card-visible{opacity:1;transform:translateY(0)}.dl-technique-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dl-technique-card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.dl-technique-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.6}.dl-curves-comparison{margin-top:20px;margin-bottom:16px}.dl-curves-header{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-align:center}.dl-curves-chart{height:160px;max-width:500px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden}.dl-curves-chart svg{width:100%;height:100%}.dl-curves-legend{display:flex;justify-content:center;gap:20px;margin-top:8px}.dl-curves-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.dl-curves-legend-dot{width:10px;height:10px;border-radius:50%}.dl-future-timeline{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.dl-future-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:2px solid #5856D6;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:box-shadow .2s ease}.dl-future-card:hover{box-shadow:var(--shadow-sm)}.dl-future-card-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;color:inherit}.dl-future-card-year{font-size:14px;font-weight:700;color:#5856d6;min-width:44px}.dl-future-card-title{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.dl-future-card-chevron{color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0}.dl-future-card-chevron-open{transform:rotate(180deg)}.dl-future-card-detail{padding:0 16px 14px 72px;font-size:13px;color:var(--text-secondary);line-height:1.6;animation:dl-fade-in .2s ease-out}.dl-project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.dl-project-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:2px solid #34C759;border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column}.dl-project-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.dl-project-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.dl-project-card-tools{font-size:11px;font-weight:500;color:#5856d6;margin-top:auto}@keyframes neuronFire{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.3;transform:scale(1)}}@keyframes dataPulse{0%{stroke-dashoffset:100;opacity:0}50%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.dl-fading{opacity:0;transition:opacity .25s ease-out}@keyframes dl-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dl-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.dl-root{padding:0 16px 40px}.dl-comparison,.dl-techniques-grid,.dl-project-cards{grid-template-columns:1fr}.dl-neuron-layout{flex-direction:column}.dl-conv-grids{flex-direction:column;align-items:center}.dl-conv-cell{width:24px;height:24px;font-size:9px}.dl-tree{--dl-tree-indent: 18px}.dl-tree-node-label{font-size:13px}.dl-network-controls{flex-wrap:wrap}.dl-loss-info{gap:16px}.dl-attention-label{width:48px;font-size:10px}.dl-future-card-detail{padding-left:16px}.dl-network-btn,.dl-activation-tab,.dl-conv-filter-tab{min-height:44px;font-size:14px}.dl-outcome-dismiss,.dl-future-card-header{min-height:44px}}@media(max-width:480px){.dl-techniques-grid,.dl-project-cards{grid-template-columns:1fr}.dl-tree{--dl-tree-indent: 14px}.dl-conv-grid{gap:1px}.dl-conv-cell{width:20px;height:20px;font-size:8px}.dl-timeline-item{min-width:110px}}.ft-root{max-width:900px;margin:0 auto;padding:0 24px 60px}.ft-stepper .how-step-current .how-step-num{background:#fff;color:#5856d6;border:2px solid #5856D6}[data-theme=dark] .ft-stepper .how-step-current .how-step-num{background:#1c1917}.ft-stepper .how-step-completed .how-step-num{background:#fff;border:2px solid #34c759;color:#34c759}[data-theme=dark] .ft-stepper .how-step-completed .how-step-num{background:#1c1917}.ft-stepper .how-step-active .how-step-label{color:var(--text-primary)}.ft-viz{margin-bottom:24px}.ft-demo-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.ft-comparison-panels{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.ft-comp-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px}.ft-comp-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;color:var(--text-primary)}.ft-comp-question{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.ft-comp-answer{font-size:13px;color:var(--text-secondary);line-height:1.6;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;margin-bottom:10px}.ft-comp-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.ft-decision-tree{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.ft-decision-node{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px 16px}.ft-decision-active{border-left:2px solid #5856D6}.ft-decision-done{opacity:.7}.ft-decision-question{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.ft-decision-choice{font-size:13px;font-weight:600;color:#5856d6}.ft-decision-buttons{display:flex;gap:10px}.ft-decision-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 24px;font-size:13px;font-weight:600;font-family:inherit;border-radius:10px;cursor:pointer;transition:all .15s ease}.ft-decision-btn-yes{background:#5856d6;color:#fff;border:1.5px solid transparent}.ft-decision-btn-yes:hover{background:#4b49c0}.ft-decision-btn-no{background:transparent;color:#5856d6;border:1.5px solid #5856D6}.ft-decision-btn-no:hover{background:#5856d6;color:#fff}.ft-decision-result{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);padding:14px 16px;font-size:14px;color:var(--text-primary)}[data-theme=dark] .ft-decision-result{background:#1c1917;border-color:#44403c}.ft-pipeline-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.ft-pipeline-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:2px solid #5856D6;border-radius:var(--radius);padding:14px 16px;transition:border-color .3s ease,box-shadow .3s ease}.ft-pipeline-card-active{border-color:#5856d6;box-shadow:0 0 0 3px #5856d61f}.ft-pipeline-card-done{border-color:#34c75959;border-left-color:#34c759}.ft-pipeline-card-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ft-pipeline-card-num{width:26px;height:26px;border-radius:50%;background:#5856d6;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s ease}.ft-pipeline-card-num-done{background:#34c759}.ft-pipeline-card-label{font-size:14px;font-weight:600;color:var(--text-primary)}.ft-pipeline-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;padding-left:36px}.ft-data-examples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.ft-data-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px}.ft-data-card-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.ft-data-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;line-height:1.7}.ft-data-role{margin-bottom:4px}.ft-data-role:last-child{margin-bottom:0}.ft-data-role-system{color:#5856d6}.ft-data-role-user{color:#0071e3}.ft-data-role-assistant{color:var(--text-secondary)}.ft-rules-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.ft-rule{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.ft-tip{display:flex;align-items:flex-start;gap:8px;background:#eab3080f;border-left:2px solid #eab308;border-radius:6px;padding:10px 14px;margin-top:12px;font-size:13px;color:var(--text-secondary);line-height:1.5}.ft-warnings{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ft-warning{display:flex;align-items:center;gap:8px;background:#ff95000f;border-left:2px solid #FF9500;border-radius:6px;padding:8px 12px;font-size:13px;color:var(--text-secondary)}.ft-lora-diagram{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;padding:28px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius)}.ft-lora-equation{display:flex;align-items:center;gap:20px}.ft-lora-term{display:flex;flex-direction:column;align-items:center;gap:6px}.ft-lora-term:first-child{opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s ease}.ft-lora-visible{opacity:1!important;transform:scale(1)!important}.ft-lora-decomp{display:flex;align-items:center;gap:14px}.ft-lora-operator{font-size:20px;font-weight:700;color:var(--text-tertiary);flex-shrink:0}.ft-lora-matrix-label{font-size:13px;font-weight:700;color:var(--text-primary)}.ft-lora-grid{display:grid;gap:3px}.ft-lora-grid-w{grid-template-columns:repeat(6,1fr)}.ft-lora-grid-a{grid-template-columns:repeat(2,1fr)}.ft-lora-grid-b{grid-template-columns:repeat(7,1fr)}.ft-lora-cell{width:18px;height:18px;background:var(--bg-surface);border:1px solid var(--border);border-radius:3px}.ft-lora-cell-active{background:#5856d626;border-color:#5856d680}.ft-lora-params{font-size:12px;font-weight:600;color:var(--text-secondary);margin-top:2px}.ft-lora-params-small{color:#5856d6;font-size:13px;font-weight:600}.ft-lora-badge{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:#5856d6;border-radius:20px;padding:6px 18px}.ft-eval-table{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.ft-eval-header{display:grid;grid-template-columns:1fr 120px 120px 32px;gap:8px;padding:10px 14px;border-bottom:2px solid var(--border-light);font-size:12px;font-weight:600;color:var(--text-primary)}.ft-eval-row{display:grid;grid-template-columns:1fr 120px 120px 32px;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-light);align-items:center}.ft-eval-row:last-child{border-bottom:none}.ft-eval-question{font-size:13px;color:var(--text-secondary)}.ft-eval-bar-cell{display:flex;align-items:center;gap:6px}.ft-eval-bar-track{flex:1;height:8px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:4px;overflow:hidden}.ft-eval-bar{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.ft-eval-bar-base{background:#8e8e93}.ft-eval-bar-ft{background:#5856d6}.ft-eval-pct{font-size:11px;font-weight:600;color:var(--text-secondary);width:28px;text-align:right;flex-shrink:0}.ft-eval-status{display:flex;align-items:center;justify-content:center}.ft-industry-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.ft-industry-card{display:flex;gap:14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-left:2px solid #5856D6;border-radius:var(--radius);padding:16px}.ft-industry-card-icon{flex-shrink:0}.ft-industry-card-content{flex:1;min-width:0}.ft-industry-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.ft-industry-card-text{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-bottom:6px}.ft-industry-card-example{font-size:11px;font-weight:500;color:#5856d6}.ft-progress-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ft-progress-track{flex:1;height:8px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:4px;overflow:hidden}.ft-progress-fill{height:100%;background:#5856d6;border-radius:4px;transition:width .3s ease}.ft-progress-label{font-size:12px;font-weight:600;color:#5856d6;white-space:nowrap}.ft-checklist-sections{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.ft-checklist-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px 16px}.ft-checklist-section-title{font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.ft-checklist-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 0;background:none;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;font-family:inherit;color:inherit;text-align:left;transition:opacity .15s ease}.ft-checklist-item:last-child{border-bottom:none}.ft-checklist-item:hover{opacity:.8}.ft-checklist-checkbox{width:20px;height:20px;border-radius:4px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease,background .15s ease}.ft-checklist-item-done .ft-checklist-checkbox{border-color:#34c759;background:#34c75914}.ft-checklist-text{font-size:13px;color:var(--text-secondary);transition:color .15s ease}.ft-checklist-item-done .ft-checklist-text{color:var(--text-tertiary);text-decoration:line-through}.ft-next-modules{margin-bottom:32px}.ft-next-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.ft-next-cards{display:flex;flex-direction:column;gap:10px}.ft-next-card{display:flex;align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;font-family:inherit;color:inherit;text-align:left;padding:0;overflow:hidden;transition:box-shadow .15s ease}.ft-next-card:hover{box-shadow:var(--shadow-md)}.ft-next-card-border{width:3px;flex-shrink:0}.ft-next-card-content{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.ft-next-card-content strong{font-size:14px;color:var(--text-primary)}.ft-next-card-content span{font-size:12px;color:var(--text-secondary)}.ft-step-counter{font-size:12px;font-weight:600;color:#5856d6;text-align:center;margin-bottom:12px;letter-spacing:.03em}.ft-step-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:12px}.ft-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:#5856d6;border:none;border-radius:10px;cursor:pointer;transition:background .15s ease}.ft-next-step-btn:hover{background:#4b49c0}.ft-success-banner{display:inline-block;font-size:14px;font-weight:600;color:#34c759;background:#fff;border:none;border-left:2px solid #34C759;border-radius:10px;padding:10px 20px}[data-theme=dark] .ft-success-banner{background:#1c1917}.ft-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:10px;cursor:pointer;transition:background .15s ease,color .15s ease}.ft-replay-btn:hover{background:#5856d6;color:#fff}.ft-slide-in{animation:ft-slide-in-anim .4s ease-out both}@keyframes ft-slide-in-anim{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.ft-root{padding:0 16px 40px}.ft-data-examples,.ft-industry-cards{grid-template-columns:1fr}.ft-eval-header,.ft-eval-row{grid-template-columns:1fr 90px 90px 28px;gap:4px;padding:8px 10px}.ft-eval-question{font-size:12px}.ft-lora-diagram{padding:16px}.ft-lora-equation{flex-wrap:wrap;justify-content:center;gap:14px}.ft-lora-cell{width:16px;height:16px}.ft-decision-node{border:none;background:transparent}.ft-decision-buttons{flex-wrap:wrap}.ft-next-step-btn,.ft-replay-btn,.ft-decision-btn,.ft-checklist-item{min-height:44px}}@media(max-width:480px){.ft-eval-header,.ft-eval-row{grid-template-columns:1fr;gap:6px}.ft-eval-header-score,.ft-eval-header-status{display:none}.ft-eval-bar-cell{width:100%}.ft-industry-cards{grid-template-columns:1fr}.ft-lora-equation{gap:10px}.ft-lora-decomp{gap:8px}.ft-lora-grid{gap:2px}.ft-lora-cell{width:12px;height:12px}}.gai-stepper .how-step-active .how-step-num{background:#ff9500;color:#fff;border-color:#ff9500}.gai-stepper .how-step-current .how-step-num{box-shadow:0 0 0 3px #ff950033}.gai-stepper .how-step-completed .how-step-num{background:#ff9500;border-color:#ff9500;color:#fff}.gai-stepper .how-step-active .how-step-label{color:var(--text-primary)}.gai-viz{padding:20px;border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-card);margin-top:16px}.gai-fade-in{animation:gaiFadeIn .3s ease-out}@keyframes gaiFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gai-compare-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gai-compare-panel{padding:16px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-secondary)}.gai-compare-discrim{border-top:2px solid #FF9500}.gai-compare-gen{border-top:2px solid #34C759}.gai-compare-header{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.gai-compare-rows{display:flex;flex-direction:column;gap:10px;min-height:100px}.gai-compare-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.gai-compare-input{display:flex;align-items:center;gap:4px}.gai-compare-arrow{color:var(--text-tertiary);flex-shrink:0}.gai-compare-output{font-weight:500;color:var(--text-primary)}.gai-output-created{display:flex;align-items:center;gap:4px}.gai-compare-label{margin-top:12px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.gai-modality-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:center}.gai-modality-pill{padding:6px 16px;border-radius:18px;border:1.5px solid rgba(255,149,0,.3);background:#ff95000f;color:#ff9500;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.gai-modality-pill:hover{background:#ff95001f;border-color:#ff950080}.gai-modality-active{background:#ff9500;color:#fff;border-color:#ff9500}.gai-modality-desc{text-align:center;font-size:13px;color:var(--text-secondary);margin-top:8px}.gai-diffusion-viz{display:flex;flex-direction:column;align-items:center;gap:16px}.gai-diffusion-display{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:var(--bg-secondary)}.gai-diffusion-shape{position:relative;z-index:1;transition:filter .12s ease}.gai-noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:cover;z-index:2;pointer-events:none}.gai-diffusion-counter{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.gai-diffusion-bar{width:200px;height:6px;border-radius:3px;background:var(--bg-surface);overflow:hidden}.gai-diffusion-fill{height:100%;background:#ff9500;border-radius:3px;transition:width .12s ease}.gai-diffusion-controls{display:flex;gap:10px}.gai-diff-btn{height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.gai-diff-btn:hover:not(:disabled){border-color:#ff9500;color:#ff9500;transform:translateY(-1px)}.gai-diff-btn:active:not(:disabled){transform:scale(.97)}.gai-diff-btn:disabled{opacity:.5;cursor:not-allowed}.gai-diff-btn-denoise{background:#ff9500;color:#fff;border-color:transparent}.gai-diff-btn-denoise:hover:not(:disabled){background:#e68600;color:#fff;border-color:transparent}.gai-diff-btn-reset{border-color:var(--border);color:var(--text-secondary)}.gai-diffusion-done{font-size:13px;color:var(--text-secondary);text-align:center;max-width:300px;font-style:italic}.gai-textgen-viz{display:flex;flex-direction:column;gap:16px}.gai-textgen-prompt{font-size:14px;color:var(--text-secondary)}.gai-textgen-label{font-weight:600;color:var(--text-primary);margin-right:4px}.gai-textgen-output{padding:16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-light);font-size:15px;color:var(--text-primary);line-height:1.6;min-height:48px}.gai-textgen-prefix{color:var(--text-tertiary)}.gai-textgen-token{color:#ff9500;font-weight:500}.gai-textgen-cursor{display:inline-block;width:2px;height:18px;background:#ff9500;vertical-align:text-bottom;animation:gaiCursorBlink .8s step-end infinite}@keyframes gaiCursorBlink{50%{opacity:0}}.gai-textgen-alts{display:flex;gap:10px;flex-wrap:wrap}.gai-textgen-alt{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:12px;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-light)}.gai-textgen-alt-chosen{color:#34c759;border-color:#34c7594d;background:#34c7590f;font-weight:500}.gai-textgen-controls{display:flex;gap:10px;flex-wrap:wrap}.gai-imgprompt-grid{display:flex;flex-direction:column;gap:14px}.gai-imgprompt-category{display:flex;flex-direction:column;gap:6px}.gai-imgprompt-cat-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.gai-imgprompt-options{display:flex;flex-wrap:wrap;gap:6px}.gai-imgprompt-opt{padding:5px 14px;border-radius:18px;border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}.gai-imgprompt-opt:hover{border-color:#ff9500;color:#ff9500}.gai-imgprompt-opt-active{background:#ff9500;color:#fff;border-color:#ff9500}.gai-imgprompt-result{margin-top:16px;padding:14px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-light)}.gai-imgprompt-result-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.gai-imgprompt-result-text{font-size:14px;color:#ff9500;font-weight:500}.gai-imgprompt-quality{display:flex;align-items:center;gap:8px;margin-top:10px}.gai-imgprompt-quality-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.gai-imgprompt-quality-bar{flex:1;height:6px;border-radius:3px;background:var(--bg-surface);overflow:hidden}.gai-imgprompt-quality-fill{height:100%;background:linear-gradient(90deg,#ff9500,#34c759);border-radius:3px;transition:width .3s ease}.gai-imgprompt-quality-pct{font-size:12px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:32px}.gai-audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gai-audio-card{padding:14px;border-radius:10px;border:1px solid var(--border-light);border-left:2px solid #FF9500;background:var(--bg-secondary);cursor:pointer;transition:all .15s ease}.gai-audio-card:hover{border-color:#ff9500;border-left-color:#ff9500}.gai-audio-card-expanded{border-color:#ff9500}.gai-audio-card-icon{margin-bottom:8px}.gai-audio-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.gai-audio-card-tools{font-size:12px;color:var(--text-tertiary)}.gai-audio-card-example{margin-top:8px;font-size:13px;color:var(--text-secondary);padding-top:8px;border-top:1px solid var(--border-light)}.gai-audio-example-label{font-weight:600;color:var(--text-primary)}.gai-vc-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gai-vc-panel{padding:16px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-secondary)}.gai-vc-video{border-top:2px solid #FF9500}.gai-vc-code{border-top:2px solid #34C759}.gai-vc-panel-header{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.gai-vc-filmstrip{display:flex;gap:6px;justify-content:center;margin-bottom:10px}.gai-vc-frame{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:6px;border:1px solid var(--border-light);transition:border-color .2s ease}.gai-vc-frame-active{border-color:#ff9500;background:#ff95000f}.gai-vc-frame-num{font-size:10px;color:var(--text-tertiary);font-weight:600}.gai-vc-consistency{font-size:12px;color:var(--text-tertiary);text-align:center;font-style:italic}.gai-vc-code-editor{background:#1c1917;border-radius:8px;padding:12px;min-height:90px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:12px}.gai-vc-code-line{color:#e8e3dd;line-height:1.6}.gai-vc-code-placeholder{color:#6e6e73;font-style:italic}.gai-vc-test-pass{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;color:#34c759}.gai-risks-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.gai-risk-card{padding:14px;border-radius:10px;border:1px solid var(--border-light);border-left:2px solid #FF3B30;background:var(--bg-secondary)}.gai-risk-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.gai-risk-title{font-size:14px;font-weight:600;color:var(--text-primary)}.gai-risk-desc{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.gai-risk-example{font-size:12px;color:var(--text-tertiary);font-style:italic}.gai-responsible-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:13px;color:var(--text-primary)}.gai-responsible-list>div{display:flex;align-items:center;gap:6px}.gai-timeline{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.gai-timeline-node{flex:1;min-width:120px;padding:12px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-secondary);cursor:pointer;transition:all .15s ease;text-align:center}.gai-timeline-node:hover{border-color:#ff9500}.gai-timeline-active{border-color:#ff9500;background:#ff95000f}.gai-timeline-year{font-size:18px;font-weight:700;color:#ff9500}.gai-timeline-detail{margin-top:8px;font-size:13px;color:var(--text-secondary);text-align:left}.gai-starter-section{margin-top:4px}.gai-starter-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.gai-starter-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gai-starter-card{padding:14px;border-radius:10px;border:1px solid var(--border-light);border-left:2px solid #34C759;background:var(--bg-secondary)}.gai-starter-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.gai-starter-card-desc{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.gai-starter-card-tools{font-size:12px;color:var(--text-tertiary)}.gai-modality-pill:focus-visible,.gai-diff-btn:focus-visible,.gai-imgprompt-opt:focus-visible{outline:2px solid #FF9500;outline-offset:2px}.gai-audio-card:focus-visible,.gai-timeline-node:focus-visible{outline:2px solid #FF9500;outline-offset:2px}.gai-warning-tip{display:flex;gap:8px;padding:10px 14px;border-radius:8px;background:#ff95000f;border-left:2px solid #FF9500;margin-top:12px;font-size:13px;color:var(--text-secondary);line-height:1.5}.gai-warning-tip svg{flex-shrink:0;margin-top:2px}.gai-final-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.gai-final-card{padding:12px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-secondary)}.gai-final-card-concept{font-size:13px;font-weight:600;color:#ff9500;margin-bottom:4px}.gai-final-card-takeaway{font-size:12px;color:var(--text-secondary)}.gai-reference-wrapper{margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.gai-reference-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.gai-reference{width:100%;border-collapse:collapse;font-size:13px}.gai-reference th{text-align:left;padding:8px 12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);font-size:12px}.gai-reference td{padding:8px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.gai-ref-concept{font-weight:600;color:var(--text-primary);white-space:nowrap}[data-theme=dark] .gai-viz{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .gai-compare-panel{background:#1c1917;border-color:#44403c}[data-theme=dark] .gai-compare-discrim{border-top-color:#ff9500}[data-theme=dark] .gai-compare-gen{border-top-color:#34c759}[data-theme=dark] .gai-diffusion-display{background:#1c1917}[data-theme=dark] .gai-diff-btn{background:#292524;border-color:#44403c;color:var(--text-primary)}[data-theme=dark] .gai-diff-btn-denoise{background:#ff9500;color:#fff;border-color:transparent}[data-theme=dark] .gai-diff-btn:hover:not(:disabled){border-color:#ff9500;color:#ff9500}[data-theme=dark] .gai-diff-btn-denoise:hover:not(:disabled){background:#e68600;color:#fff;border-color:transparent}[data-theme=dark] .gai-textgen-output,[data-theme=dark] .gai-textgen-alt{background:#1c1917;border-color:#44403c}[data-theme=dark] .gai-imgprompt-opt{background:#292524;border-color:#44403c}[data-theme=dark] .gai-imgprompt-opt:hover{border-color:#ff9500;color:#ff9500}[data-theme=dark] .gai-imgprompt-opt-active{background:#ff9500;border-color:#ff9500;color:#fff}[data-theme=dark] .gai-imgprompt-result{background:#1c1917;border-color:#44403c}[data-theme=dark] .gai-audio-card{background:#1c1917;border-color:#44403c;border-left-color:#ff9500}[data-theme=dark] .gai-audio-card:hover{border-color:#ff9500;border-left-color:#ff9500}[data-theme=dark] .gai-audio-card-example{border-top-color:#44403c}[data-theme=dark] .gai-vc-panel{background:#1c1917;border-color:#44403c}[data-theme=dark] .gai-vc-video{border-top-color:#ff9500}[data-theme=dark] .gai-vc-code{border-top-color:#34c759}[data-theme=dark] .gai-vc-frame{border-color:#44403c}[data-theme=dark] .gai-risk-card{background:#1c1917;border-color:#44403c;border-left-color:#ff3b30}[data-theme=dark] .gai-timeline-node{background:#292524;border-color:#44403c}[data-theme=dark] .gai-timeline-active{border-color:#ff9500;background:#ff95001a}[data-theme=dark] .gai-starter-card{background:#1c1917;border-color:#44403c;border-left-color:#34c759}[data-theme=dark] .gai-final-card{background:#1c1917;border-color:#44403c}[data-theme=dark] .gai-reference th,[data-theme=dark] .gai-reference td{border-bottom-color:#44403c}[data-theme=dark] .gai-modality-pill{border-color:#ff950066;background:#ff95001a}[data-theme=dark] .gai-modality-active{background:#ff9500;border-color:#ff9500;color:#fff}@media(max-width:768px){.gai-compare-panels,.gai-audio-grid,.gai-vc-panels,.gai-risks-grid,.gai-starter-cards{grid-template-columns:1fr}.gai-final-grid{grid-template-columns:1fr 1fr}.gai-timeline{flex-direction:column}.gai-timeline-node{min-width:auto}.gai-diff-btn{min-height:44px}.gai-modality-pill{min-height:44px;padding:8px 18px}.gai-imgprompt-opt{min-height:44px;padding:8px 16px}.gai-audio-card,.gai-timeline-node{min-height:44px}.gai-textgen-controls{flex-direction:column}.gai-textgen-controls .gai-diff-btn,.gai-diffusion-controls{width:100%}.gai-diffusion-controls .gai-diff-btn{flex:1}}@media(max-width:480px){.gai-final-grid{grid-template-columns:1fr}.gai-vc-filmstrip{gap:4px}.gai-vc-frame svg{width:30px;height:22px}}.acb-entry-wrap{display:flex;flex-direction:column;align-items:center}.acb-entry-meta{font-size:13px;color:var(--text-tertiary);margin-top:-8px;margin-bottom:24px}.acb-entry-silhouettes{width:100%;max-width:500px;opacity:.6;margin-top:8px}.acb-game{padding:24px 40px 48px;max-width:1100px;margin:0 auto;width:100%}.acb-layout{display:flex;gap:32px;align-items:flex-start;margin-top:16px}.acb-left{flex:0 0 40%;position:sticky;top:80px}.acb-right{flex:1;min-width:0}.acb-city{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-light);background:var(--bg-secondary)}.acb-city-svg{display:block}.acb-sky-rect{fill:url(#acb-sky-light)}[data-theme=dark] .acb-sky-rect{fill:url(#acb-sky-dark)}.acb-ground{fill:#d4c5a9}[data-theme=dark] .acb-ground{fill:#3d3520}.acb-building-label{fill:var(--text-tertiary);font-family:inherit;font-weight:600}.acb-building-solved{animation:buildingRise .8s ease-out forwards}.acb-building-fill{animation:buildingFill .5s ease-out .6s forwards}@keyframes buildingRise{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes buildingFill{0%{opacity:.4}to{opacity:1}}.acb-window{animation:windowLight .3s ease-out forwards}@keyframes windowLight{0%{opacity:0}to{opacity:.9}}.acb-star{animation:starTwinkle 2s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.acb-firework{animation:firework 1.5s ease-out infinite}@keyframes firework{0%{r:4;opacity:1}to{r:40;opacity:0}}.acb-lightning-bolt{animation:lightningFlash 1s ease-out forwards}@keyframes lightningFlash{0%{opacity:.9}50%{opacity:.5}to{opacity:0}}.acb-fireworks{pointer-events:none}.acb-progress{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border-light)}.acb-progress-text{font-size:13px;font-weight:600;color:var(--text-secondary)}.acb-progress-buildings{display:flex;gap:8px}.acb-progress-building{opacity:.3;transition:opacity .3s,transform .3s}.acb-progress-building-solved{opacity:1;transform:scale(1.1)}.acb-detective{display:flex;flex-direction:column;gap:24px}.acb-case-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:8px}.acb-case-badge{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 12px;border-radius:20px;background:#fff8e1;color:#f59e0b;text-transform:uppercase}[data-theme=dark] .acb-case-badge{background:#f59e0b26;color:#fbbf24}.acb-case-citizen{font-size:13px;font-weight:500;color:var(--text-secondary)}.acb-case-complaint{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.4}.acb-interview{display:flex;flex-direction:column;gap:12px}.acb-interview-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.acb-questions,.acb-question-group{display:flex;flex-direction:column;gap:8px}.acb-question-btn{min-height:44px;padding:10px 20px;font-size:14px;font-weight:500;font-family:inherit;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .1s}.acb-question-btn:hover:not(:disabled){border-color:#f59e0b;background:#fff8e1}[data-theme=dark] .acb-question-btn:hover:not(:disabled){background:#f59e0b1a}.acb-question-btn:active:not(:disabled){transform:scale(.97)}.acb-question-btn:disabled{opacity:.5;cursor:default}.acb-question-asked{border-color:#f59e0b;opacity:.6}.acb-chat-exchange{display:flex;flex-direction:column;gap:8px;padding:0 4px;animation:chatSlideIn .3s ease-out}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.acb-chat-user{align-self:flex-end;background:#f59e0b;color:#fff;padding:10px 16px;border-radius:14px 14px 4px;font-size:14px;max-width:85%;line-height:1.4}.acb-chat-ai{align-self:flex-start;background:var(--bg-secondary);color:var(--text-primary);padding:10px 16px;border-radius:14px 14px 14px 4px;font-size:14px;max-width:85%;line-height:1.4}.acb-clue{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#eab308;padding:6px 12px;background:#eab30814;border-radius:8px;align-self:flex-start}.acb-diagnosis{display:flex;flex-direction:column;gap:16px;animation:chatSlideIn .4s ease-out}.acb-diagnosis-heading{font-size:16px;font-weight:600;color:var(--text-primary)}.acb-diagnosis-options{display:flex;flex-direction:column;gap:8px}.acb-option-btn{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-size:14px;font-weight:500;font-family:inherit;border:1.5px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .1s}@media(hover:hover){.acb-option-btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}}.acb-option-btn:active:not(:disabled){transform:scale(.97)}.acb-option-btn:disabled{cursor:default}.acb-option-correct{border-color:#34c759;background:#34c75914}.acb-option-wrong{border-color:#ff3b30;background:#ff3b3014;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.acb-wrong-feedback{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#ff3b30}.acb-correct-feedback{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#34c759}.acb-lesson{border-left:2px solid #34C759;padding:16px 20px;background:#34c7590f;border-radius:10px;animation:chatSlideIn .4s ease-out}.acb-lesson-text{font-size:14px;color:var(--text-primary);line-height:1.6}.acb-next-btn{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;border:1.5px solid transparent;border-radius:10px;background:#f59e0b;color:#fff;cursor:pointer;align-self:flex-start;transition:background .2s,transform .15s}.acb-next-btn:hover{background:#d97706;transform:translateY(-1px)}.acb-next-btn:active{transform:scale(.97)}.acb-completion{padding:24px 40px 64px;max-width:700px;margin:0 auto;width:100%}.acb-completion-content{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:24px}.acb-completion-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;text-align:center}.acb-completion-subtitle{font-size:16px;color:var(--text-secondary);margin:-8px 0 0;text-align:center}.acb-score-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.acb-score-row{display:flex;justify-content:space-between;font-size:15px;color:var(--text-primary)}.acb-score-rank{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:12px;margin-top:4px}.acb-rank-label{font-size:14px;color:var(--text-secondary)}.acb-rank-value{font-size:16px;font-weight:700;color:#f59e0b}.acb-learned{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}.acb-learned-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.acb-learned-row{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-primary)}.acb-learned-concept{flex:1}.acb-completion-actions{display:flex;gap:12px;margin-top:8px}.acb-play-again-btn{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;border:1.5px solid transparent;border-radius:10px;background:#f59e0b;color:#fff;cursor:pointer;transition:background .2s,transform .15s}.acb-play-again-btn:hover{background:#d97706;transform:translateY(-1px)}.acb-play-again-btn:active{transform:scale(.97)}.acb-explore-next{width:100%;margin-top:16px}.acb-explore-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.acb-explore-cards{display:flex;flex-direction:column;gap:8px}.acb-explore-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;font-family:inherit;text-align:left;transition:transform .2s,box-shadow .2s}.acb-explore-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.acb-explore-card-text{display:flex;flex-direction:column;gap:2px}.acb-explore-card-title{font-size:15px;font-weight:600;color:var(--text-primary)}.acb-explore-card-desc{font-size:13px;color:var(--text-secondary)}[data-theme=dark] .acb-chat-user{background:#d97706}[data-theme=dark] .acb-lesson{background:#34c75914}[data-theme=dark] .acb-clue{background:#eab3081f}[data-theme=dark] .acb-option-correct{background:#34c7591f}[data-theme=dark] .acb-option-wrong{background:#ff3b301f}@media(max-width:768px){.acb-game{padding:16px 16px 80px}.acb-layout{flex-direction:column;gap:16px}.acb-left{flex:none;width:100%;position:relative;top:auto;height:200px}.acb-city{height:200px}.acb-right{width:100%}.acb-case-card{padding:16px;border:none;background:transparent}.acb-case-complaint{font-size:16px}.acb-question-btn{width:100%;font-size:14px}.acb-option-btn{width:100%;min-height:48px;font-size:14px}.acb-next-btn{width:100%;height:44px;font-size:14px}.acb-completion{padding:16px 16px 80px}.acb-completion-actions{flex-direction:column;width:100%}.acb-play-again-btn{width:100%;height:44px;font-size:14px}.acb-explore-cards{flex-direction:column}.acb-chat-user,.acb-chat-ai{max-width:95%}}@media(max-width:480px){.acb-left,.acb-city{height:160px}.acb-building-label{display:none}.acb-case-badge{font-size:11px}.acb-detective{gap:16px}.acb-case-card{padding:12px}.acb-right{padding:0}}.ale-container{max-width:1100px;margin:0 auto;padding:32px 24px 48px}.ale-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.ale-map-section{position:sticky;top:80px}.ale-challenge-section{position:sticky;top:80px;min-width:0}.ale-map{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative}.ale-map-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.ale-map-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.ale-room-box{position:relative;border-radius:10px;padding:14px 12px;text-align:center;transition:all .3s ease;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:default}.ale-room-box-locked{background:var(--bg-secondary);border:1.5px dashed var(--border);opacity:.5}.ale-room-box.ale-room-box-current{background:#f59e0b14;border:1.5px solid #F59E0B;box-shadow:0 0 12px #f59e0b26}.ale-room-box-unlocked{background:var(--bg-card);border:1.5px solid var(--border);cursor:pointer}@media(hover:hover){.ale-room-box-unlocked:hover{border-color:#f59e0b;transform:translateY(-1px)}}.ale-room-box.ale-room-box-completed{background:#34c7590f;border:1.5px solid #34C759;cursor:pointer}@media(hover:hover){.ale-room-box-completed:hover{transform:translateY(-1px)}}.ale-room-number{font-size:11px;font-weight:700;color:var(--text-secondary)}.ale-room-name{font-size:13px;font-weight:600;color:var(--text-primary)}.ale-room-box-locked .ale-room-name{color:var(--text-tertiary)}.ale-room-check{position:absolute;top:6px;right:6px}.ale-room-lock{opacity:.5}.ale-character{position:absolute;width:24px;height:24px;border-radius:50%;background:#f59e0b;border:2px solid #fff;box-shadow:0 2px 8px #f59e0b66;transition:all .8s ease-in-out;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center}[data-theme=dark] .ale-character{border-color:#292524}.ale-character svg{width:12px;height:12px}.ale-character-walking{animation:characterWalk .4s ease-in-out infinite}.ale-keyboard-hint{font-size:11px;color:var(--text-tertiary);text-align:center;margin-top:12px;transition:opacity .5s ease}.ale-keyboard-hint-hidden{opacity:0}.ale-corridors{position:absolute;inset:0;pointer-events:none;z-index:1}.ale-corridor{position:absolute;background:var(--border);transition:background .5s ease}.ale-corridor-h{height:2px;top:50%;transform:translateY(-50%)}.ale-corridor-v{width:2px;left:50%;transform:translate(-50%)}.ale-corridor-unlocked{background:#f59e0b}.ale-corridor-completed{background:#34c759}.ale-challenge{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;animation:fadeSlideUp .3s ease-out}.ale-challenge-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ale-room-badge{display:inline-flex;align-items:center;justify-content:center;background:#f59e0b1f;color:#f59e0b;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px}.ale-challenge-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.ale-help-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:none;border:1.5px solid var(--border);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap;font-family:inherit}.ale-help-btn:hover{border-color:#eab308;color:#eab308}.ale-help-box{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:500;color:var(--text-secondary);padding:12px 16px;background:#eab3080f;border:none;border-left:2px solid #eab308;border-radius:10px;margin-bottom:16px;animation:fadeSlideUp .2s ease-out;line-height:1.5}.ale-help-box svg{flex-shrink:0;margin-top:2px}.ale-challenge-intro{font-size:14px;color:var(--text-secondary);margin:8px 0 20px;line-height:1.5}.ale-data-bins{display:flex;gap:16px;margin-bottom:20px}.ale-bin{flex:1;min-height:120px;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.ale-bin-good{border:2px solid #34C759;background:#34c7590a}.ale-bin-bad{border:2px solid #FF3B30;background:#ff3b300a}.ale-bin-highlight{transform:scale(1.02);box-shadow:0 4px 16px #0000001a}.ale-bin-label{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.ale-bin-count{font-size:12px;color:var(--text-secondary)}.ale-data-card{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:12px;cursor:grab;transition:all .2s ease;font-size:14px;line-height:1.5;color:var(--text-primary);-webkit-user-select:none;user-select:none}.ale-data-card:active{cursor:grabbing;transform:scale(.97)}@media(hover:hover){.ale-data-card:hover{border-color:#f59e0b;transform:translateY(-1px)}}.ale-data-card.ale-data-card-selected{border-color:#f59e0b;background:#f59e0b0f}.ale-data-card.ale-data-card-correct{border-color:#34c759;background:#34c7590f;animation:roomComplete .3s ease-out}.ale-data-card.ale-data-card-wrong{animation:lockShake .3s ease-out;border-color:#ff3b30}.ale-sort-buttons{display:flex;gap:10px;margin-top:12px}.ale-sort-btn{flex:1;height:44px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.ale-sort-btn-good{background:#34c759;color:#fff}.ale-sort-btn-good:hover{background:#2db84e}.ale-sort-btn-bad{background:#ff3b30;color:#fff}.ale-sort-btn-bad:hover{background:#e6352d}.ale-sort-btn:disabled{opacity:.5;cursor:not-allowed}.ale-score-bar{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.ale-score-fill{flex:1;height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.ale-score-fill-bar{height:100%;background:#f59e0b;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.ale-conveyor{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.ale-sentence{font-size:18px;font-weight:500;color:var(--text-primary);letter-spacing:.5px;display:flex;flex-wrap:wrap;align-items:center;gap:2px;line-height:2}.ale-char{display:inline-flex;position:relative;cursor:pointer;padding:2px 0}.ale-char-letter{display:inline-block;padding:2px 1px;transition:background .15s}.ale-slice-marker{position:absolute;right:-1px;top:0;bottom:0;width:2px;background:#f59e0b;z-index:2;animation:roomComplete .2s ease-out}.ale-token-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ale-token-chip{display:inline-flex;align-items:center;padding:4px 10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:13px;font-weight:500;color:#f59e0b;animation:roomComplete .2s ease-out}.ale-token-count{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.ale-token-hint{font-size:12px;color:var(--text-tertiary);margin-top:8px}.ale-token-actions{display:flex;gap:10px;margin-top:16px}.ale-check-btn{height:44px;padding:0 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid transparent;background:#f59e0b;color:#fff;font-family:inherit;transition:all .2s ease}.ale-check-btn:hover{background:#d97706}.ale-check-btn:disabled{opacity:.5;cursor:not-allowed}.ale-reset-btn{height:44px;padding:0 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:none;color:var(--text-secondary);font-family:inherit;transition:all .2s ease}.ale-reset-btn:hover{border-color:var(--text-secondary)}.ale-slider-group{margin-bottom:20px}.ale-slider-row{margin-bottom:16px}.ale-slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ale-slider-name{font-size:14px;font-weight:600;color:var(--text-primary)}.ale-slider-value{font-size:13px;font-weight:600;color:#f59e0b;min-width:32px;text-align:right}.ale-slider-track-wrap{position:relative;height:28px;display:flex;align-items:center}.ale-slider-track-wrap input[type=range]{width:100%;accent-color:#F59E0B}.ale-slider-hint{font-size:11px;font-weight:600;color:var(--text-tertiary);margin-top:2px;text-align:right}.ale-task-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.ale-task-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.ale-task-text{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.4}.ale-output-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:16px;margin-top:12px;transition:border-color .3s ease}.ale-output-panel-correct{border-color:#34c759;background:#34c7590a}.ale-output-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.ale-output-text{font-size:14px;color:var(--text-primary);line-height:1.5;font-style:italic}.ale-words-container{display:flex;flex-wrap:wrap;gap:10px;padding:24px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;justify-content:center}.ale-word-node{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:8px;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}@media(hover:hover){.ale-word-node:hover{border-color:#f59e0b;transform:translateY(-1px)}}.ale-word-node.ale-word-node-selected{border-color:#f59e0b;background:#f59e0b14;box-shadow:0 0 8px #f59e0b33}.ale-word-node.ale-word-node-correct{border-color:#34c759;background:#34c75914}.ale-word-node.ale-word-node-wrong{border-color:#ff3b30;animation:lockShake .3s ease-out}.ale-word-node.ale-word-node-highlight{border-color:#0071e3;background:#0071e30f}.ale-word-node.ale-word-node-hint{border-color:#f59e0b80;background:#f59e0b0f;animation:hintPulse 1.5s ease-in-out infinite}@keyframes hintPulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 8px 2px #f59e0b40}}.ale-attention-question{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-align:center}.ale-attention-score{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:#34c759;margin-top:12px;animation:roomComplete .3s ease-out}.ale-connection-line{position:absolute;height:2px;background:#34c759;transform-origin:left center;animation:roomComplete .3s ease-out;z-index:1}.ale-ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.ale-ingredient{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-align:center}@media(hover:hover){.ale-ingredient:hover{border-color:#f59e0b;transform:translateY(-1px)}}.ale-ingredient.ale-ingredient-selected{border-color:#f59e0b;background:#f59e0b14;color:#f59e0b}.ale-ingredient.ale-ingredient-correct{border-color:#34c759;background:#34c75914}.ale-ingredient.ale-ingredient-wrong{border-color:#ff3b30;background:#ff3b3014;color:#ff3b30}.ale-ingredients-shake{animation:lockShake .3s ease-out}.ale-wrong-feedback{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:#ff3b30;margin-top:10px;animation:fadeSlideUp .2s ease-out}.ale-combo-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:10px;padding:8px 12px;background:#eab3080f;border-radius:8px}.ale-prompt-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:16px;margin-top:12px;min-height:60px}.ale-prompt-preview-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.ale-prompt-preview-text{font-size:14px;color:var(--text-primary);line-height:1.5;font-style:italic}.ale-diagnosis{margin-bottom:20px}.ale-problem-card{background:var(--bg-secondary);border:1px solid var(--border);border-left:2px solid #F59E0B;border-radius:10px;padding:16px;margin-bottom:12px;transition:all .3s ease}.ale-problem-card-solved{border-left-color:#34c759;background:#34c7590a}.ale-problem-label{font-size:12px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.ale-problem-card-solved .ale-problem-label{color:#34c759}.ale-problem-text{font-size:14px;color:var(--text-primary);margin-bottom:12px;line-height:1.5}.ale-problem-options{display:flex;flex-direction:column;gap:8px}.ale-problem-option{padding:10px 16px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}@media(hover:hover){.ale-problem-option:hover{border-color:#f59e0b;transform:translate(2px)}}.ale-problem-option.ale-problem-option-correct{border-color:#34c759;background:#34c75914;cursor:default}.ale-problem-option.ale-problem-option-wrong{border-color:#ff3b30;animation:lockShake .3s ease-out}.ale-progress-bar{margin-top:20px}.ale-progress-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:flex;justify-content:space-between}.ale-progress-track{height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.ale-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#34c759);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.ale-room-complete{display:flex;align-items:center;gap:10px;padding:16px;background:#34c7590f;border-left:2px solid #34C759;border-radius:10px;margin-top:20px;animation:roomComplete .3s ease-out}.ale-room-complete-text{font-size:15px;font-weight:600;color:#34c759}.ale-lesson{padding:16px;background:#34c7590a;border-left:2px solid #34C759;border-radius:10px;margin-top:12px;animation:fadeSlideUp .3s ease-out}.ale-lesson-text{font-size:14px;color:var(--text-primary);line-height:1.6}.ale-next-hint{font-size:13px;color:var(--text-secondary);margin-top:12px;text-align:center}.ale-complete{text-align:center;padding:40px 24px}.ale-complete-map{margin:0 auto 32px;max-width:400px}.ale-complete-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ale-complete-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.ale-complete-summary{display:flex;flex-direction:column;gap:8px;max-width:360px;margin:0 auto 24px;text-align:left}.ale-complete-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary);padding:8px 12px;background:var(--bg-secondary);border-radius:8px;animation:fadeSlideUp .3s ease-out backwards}.ale-complete-row:nth-child(2){animation-delay:.05s}.ale-complete-row:nth-child(3){animation-delay:.1s}.ale-complete-row:nth-child(4){animation-delay:.15s}.ale-complete-row:nth-child(5){animation-delay:.2s}.ale-complete-row:nth-child(6){animation-delay:.25s}.ale-rank{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#f59e0b;margin-bottom:32px;padding:10px 24px;background:#f59e0b14;border:1.5px solid rgba(245,158,11,.3);border-radius:20px}.ale-final-actions{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.ale-btn-primary{height:48px;padding:0 28px;font-size:15px;font-weight:600;border:1.5px solid transparent;border-radius:10px;background:#f59e0b;color:#fff;cursor:pointer;font-family:inherit;transition:all .2s ease}.ale-btn-primary:hover{background:#d97706;transform:translateY(-1px)}.ale-btn-primary:active{transform:scale(.97)}.ale-btn-secondary{height:48px;padding:0 28px;font-size:15px;font-weight:600;border:1.5px solid #F59E0B;border-radius:10px;background:none;color:#f59e0b;cursor:pointer;font-family:inherit;transition:all .2s ease}.ale-btn-secondary:hover{background:#f59e0b14;transform:translateY(-1px)}.ale-btn-secondary:active{transform:scale(.97)}.ale-entry-meta{font-size:13px;color:var(--text-secondary);margin-top:12px}.ale-entry-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:320px;margin:20px auto 0}.ale-entry-room{padding:8px;border-radius:8px;text-align:center;font-size:11px;font-weight:600}.ale-entry-room-locked{background:var(--bg-secondary);border:1.5px dashed var(--border);color:var(--text-tertiary);opacity:.5}.ale-entry-room-open{background:#f59e0b14;border:1.5px solid #F59E0B;color:#f59e0b}@keyframes characterWalk{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes doorUnlock{0%{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes lockShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes roomComplete{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrationBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}}.ale-character-celebrate{animation:celebrationBounce .8s ease-in-out}.ale-room-shake{animation:lockShake .3s ease-out}[data-theme=dark] .ale-map,[data-theme=dark] .ale-challenge{background:#1c1917;border-color:#44403c}[data-theme=dark] .ale-room-box-locked,[data-theme=dark] .ale-room-box-unlocked,[data-theme=dark] .ale-data-card{background:#292524}[data-theme=dark] .ale-conveyor,[data-theme=dark] .ale-task-card,[data-theme=dark] .ale-output-panel,[data-theme=dark] .ale-words-container{background:#292524;border-color:#44403c}[data-theme=dark] .ale-word-node{background:#1c1917}[data-theme=dark] .ale-ingredient{background:#292524}[data-theme=dark] .ale-prompt-preview,[data-theme=dark] .ale-problem-card{background:#292524;border-color:#44403c}[data-theme=dark] .ale-problem-option{background:#1c1917}[data-theme=dark] .ale-help-box{background:#eab30814}[data-theme=dark] .ale-complete-row{background:#292524}@media(max-width:768px){.ale-container{padding:20px 16px 40px}.ale-layout{display:flex;flex-direction:column;gap:16px}.ale-map-section{width:100%;position:relative;top:auto}.ale-challenge-section{position:relative;top:auto}.ale-map{padding:16px}.ale-room-box{min-height:60px;padding:10px 8px}.ale-room-name{font-size:11px}.ale-challenge{padding:20px 16px}.ale-challenge-title{font-size:16px}.ale-keyboard-hint{display:none}.ale-data-bins{flex-direction:column}.ale-ingredients{grid-template-columns:repeat(2,1fr)}.ale-final-actions{flex-direction:column}.ale-final-actions button{width:100%;height:44px;font-size:14px}.ale-sort-btn,.ale-check-btn,.ale-reset-btn,.ale-help-btn,.ale-problem-option{min-height:44px}}@media(max-width:480px){.ale-map{padding:12px}.ale-room-box{min-height:52px;padding:8px 6px}.ale-room-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.ale-room-number{font-size:10px}.ale-challenge{padding:16px 12px}.ale-ingredients{grid-template-columns:1fr 1fr;gap:8px}.ale-entry-preview{max-width:260px;gap:6px}}.ph-entry-wrap{display:flex;flex-direction:column;align-items:center}.ph-entry-meta{font-size:13px;color:var(--text-tertiary);margin-top:-8px;margin-bottom:24px}.ph-entry-vaults{display:flex;gap:12px;margin-bottom:16px}.ph-entry-vault{width:40px;height:40px;border-radius:8px;background:var(--bg-secondary);border:1.5px dashed var(--border);display:flex;align-items:center;justify-content:center;opacity:.6}.ph-game{max-width:1100px;margin:0 auto;padding:0 24px 40px;scroll-margin-top:20px}.ph-mission-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:20px;border:1px solid var(--border-light)}.ph-mission-left{display:flex;align-items:center;gap:12px}.ph-mission-badge{font-size:11px;font-weight:700;letter-spacing:.1em;color:#000;background:#f59e0b;padding:4px 10px;border-radius:6px;text-transform:uppercase}.ph-mission-name{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase}.ph-mission-right{display:flex;align-items:center;gap:16px}.ph-mission-attempts{font-size:13px;font-weight:500;color:var(--text-secondary)}.ph-mission-locks{display:flex;gap:6px}.ph-mission-lock{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-light);transition:background .3s ease,border-color .3s ease}.ph-mission-lock-done{background:#f59e0b26;border-color:#f59e0b}.ph-layout{display:grid;grid-template-columns:45fr 55fr;gap:20px;align-items:start}.ph-vault-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light);padding:24px;position:sticky;top:20px;overflow:hidden}.ph-terminal-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light);overflow:hidden;min-width:0}.ph-vault-svg{width:220px;height:220px;margin-bottom:16px}.ph-vault-outer-ring{fill:none;stroke:var(--border);stroke-width:3;transition:stroke .5s ease}.ph-vault-outer-ring-locked{stroke:#ff3b30;animation:alarmPulse 2s ease-in-out infinite}.ph-vault-outer-ring-analyzing{stroke:#f59e0b;animation:alarmPulse 1.5s ease-in-out infinite}.ph-vault-outer-ring-success{stroke:#34c759}.ph-vault-outer-ring-alarm{stroke:#ff3b30;animation:alarmPulse .5s ease-in-out infinite}.ph-vault-inner{fill:var(--bg-primary);stroke:var(--border);stroke-width:2;transition:fill .3s ease}.ph-vault-handle{stroke:var(--text-secondary);stroke-width:3;stroke-linecap:round;fill:none;transition:transform .6s ease;transform-origin:110px 110px}.ph-vault-handle-open{transform:rotate(90deg)}.ph-vault-ticks{stroke:var(--border);stroke-width:1}.ph-vault-label{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);text-align:center;margin-top:8px}.ph-vault-label-alarm{color:#ff3b30}.ph-vault-label-success{color:#34c759}.ph-vault-label-analyzing{color:#f59e0b}.ph-vault-inner-spin{animation:vaultSpin 2s linear infinite;transform-origin:110px 110px}.ph-vault-door{transition:transform .8s ease-out;transform-origin:55px 110px}.ph-vault-door-open{animation:vaultOpen .8s ease-out forwards;transform-origin:55px 110px}.ph-vault-glow{opacity:0;transition:opacity .5s ease}.ph-vault-glow-active{opacity:1}.ph-vault-shake{animation:vaultShake .5s ease-in-out}.ph-shields{display:flex;gap:8px;margin-top:16px}.ph-shield{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--border);background:var(--bg-surface);transition:all .3s ease}.ph-shield-active{background:#f59e0b1f;border-color:#f59e0b}.ph-shield-disabled{opacity:.3;border-color:#34c759}.ph-terminal-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-light)}.ph-terminal-title{font-size:11px;font-weight:600;font-family:SF Mono,ui-monospace,monospace;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.ph-terminal-dot{width:6px;height:6px;border-radius:50%;background:#34c759;animation:terminalBlink 1.5s ease-in-out infinite}.ph-terminal-body{flex:1;min-width:0;padding:16px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:16px}.ph-target{font-family:SF Mono,ui-monospace,monospace;font-size:13px;line-height:1.8;color:var(--text-secondary);word-break:break-word;overflow-wrap:break-word}.ph-target-label{color:#f59e0b;font-weight:600}.ph-target-value{color:var(--text-primary)}.ph-prompt-area{display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden}.ph-prompt-textarea{width:100%;min-height:120px;padding:12px;font-family:SF Mono,ui-monospace,monospace;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border);border-radius:8px;resize:vertical;outline:none;transition:border-color .2s ease;box-sizing:border-box}.ph-prompt-textarea::placeholder{color:var(--text-tertiary)}.ph-prompt-textarea:focus{border-color:#f59e0b}.ph-meters{display:flex;flex-direction:column;gap:8px}.ph-meter{display:flex;align-items:center;gap:10px}.ph-meter-label{font-size:11px;font-weight:700;font-family:SF Mono,ui-monospace,monospace;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;width:90px;flex-shrink:0}.ph-meter-bar{flex:1;height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.ph-meter-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.ph-meter-fill-low{background:#ff3b30}.ph-meter-fill-mid{background:#f59e0b}.ph-meter-fill-high{background:#34c759}.ph-meter-value{font-size:11px;font-weight:600;font-family:SF Mono,ui-monospace,monospace;color:var(--text-secondary);width:36px;text-align:right;flex-shrink:0}.ph-submit-btn{width:100%;height:48px;font-size:15px;font-weight:600;font-family:inherit;background:#f59e0b;color:#000;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .2s ease,box-shadow .15s ease;letter-spacing:.05em;text-transform:uppercase}.ph-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.ph-submit-btn:active:not(:disabled){transform:scale(.97)}.ph-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ph-hint-link{font-size:13px;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit;padding:0;transition:color .15s ease}.ph-hint-link:hover{color:#f59e0b}.ph-hint-box{background:#f59e0b0f;border:none;border-left:2px solid #F59E0B;padding:12px 16px;border-radius:10px;font-size:14px;color:var(--text-secondary);line-height:1.5;word-break:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;box-sizing:border-box}.ph-example-box{background:#34c7590f;border:none;border-left:2px solid #34C759;border-radius:10px;padding:12px 16px;animation:fadeSlideIn .3s ease;min-width:0;max-width:100%;box-sizing:border-box}.ph-example-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#34c759;margin-bottom:8px}.ph-example-text{font-family:SF Mono,ui-monospace,monospace;font-size:13px;line-height:1.7;color:var(--text-primary);margin-bottom:12px;word-break:break-word;overflow-wrap:break-word}.ph-example-use-btn{height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;background:none;color:#34c759;border:1.5px solid #34C759;border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease}.ph-example-use-btn:hover{background:#34c759;color:#fff}.ph-response{background:var(--bg-primary);border-left:2px solid var(--border);border-radius:10px;padding:14px 16px;font-family:SF Mono,ui-monospace,monospace;font-size:13px;line-height:1.7;color:var(--text-primary);animation:fadeSlideIn .3s ease;min-width:0;max-width:100%;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.ph-response-alarm{border-left-color:#ff3b30}.ph-response-success{border-left-color:#34c759}.ph-response-partial{border-left-color:#f59e0b}.ph-response-prefix{font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:block}.ph-response-text{display:inline;word-break:break-word;overflow-wrap:break-word}.ph-typewriter-cursor{display:inline-block;width:2px;height:1em;background:var(--text-primary);margin-left:2px;vertical-align:text-bottom;animation:terminalBlink .8s step-end infinite}.ph-lesson{background:var(--bg-primary);border-left:2px solid #34C759;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--text-primary);animation:fadeSlideIn .5s ease;display:flex;gap:10px;align-items:flex-start}.ph-lesson-icon{flex-shrink:0;margin-top:2px}.ph-next-btn{height:44px;padding:0 24px;font-size:14px;font-weight:600;font-family:inherit;background:#f59e0b;color:#000;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease;align-self:flex-end}.ph-next-btn:hover{transform:translateY(-1px)}.ph-next-btn:active{transform:scale(.97)}.ph-security-checks{display:flex;gap:12px;margin-top:12px}.ph-security-lock{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-primary);border-radius:8px;border:1.5px solid var(--border);transition:border-color .3s ease,background .3s ease}.ph-security-lock-pass{border-color:#34c759;background:#34c7590f}.ph-security-lock-fail{border-color:#ff3b30;background:#ff3b300f}.ph-security-lock-reveal{animation:lockClick .3s ease}.ph-security-lock-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ph-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light);margin-top:20px;font-size:13px;color:var(--text-secondary)}.ph-status-left{display:flex;align-items:center;gap:8px}.ph-status-right{font-size:12px;font-weight:500}.ph-briefing{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px;animation:fadeSlideIn .3s ease}.ph-briefing-title{font-size:18px;font-weight:700;color:#f59e0b;letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px}.ph-briefing-difficulty{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.08em}.ph-briefing-text{font-size:14px;line-height:1.7;color:var(--text-primary);margin:0 0 16px;white-space:pre-line}.ph-briefing-btn{height:44px;padding:0 24px;font-size:14px;font-weight:600;font-family:inherit;background:#f59e0b;color:#000;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease}.ph-briefing-btn:hover{transform:translateY(-1px)}.ph-briefing-btn:active{transform:scale(.97)}.ph-complete{text-align:center;padding:48px 24px;animation:fadeSlideIn .5s ease}.ph-complete-vaults{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.ph-complete-vault{width:48px;height:48px;border-radius:10px;background:#f59e0b1a;border:1.5px solid #F59E0B;display:flex;align-items:center;justify-content:center;animation:goldShimmer 2s ease-in-out infinite;background-size:400% 100%;background-image:linear-gradient(90deg,#f59e0b1a,#f59e0b40,#f59e0b1a)}.ph-complete-title{font-size:28px;font-weight:700;color:#f59e0b;margin:0 0 8px}.ph-complete-subtitle{font-size:16px;color:var(--text-secondary);margin:0 0 32px}.ph-score-card{display:inline-flex;flex-direction:column;gap:8px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light);padding:20px 32px;margin-bottom:24px;text-align:left}.ph-score-row{display:flex;justify-content:space-between;gap:32px;font-size:14px}.ph-score-label{color:var(--text-secondary)}.ph-score-value{font-weight:600;color:var(--text-primary)}.ph-rank{font-size:20px;font-weight:700;color:#f59e0b;margin:0 0 24px;letter-spacing:.05em}.ph-learnings{text-align:left;max-width:400px;margin:0 auto 32px;display:flex;flex-direction:column;gap:8px}.ph-learning{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary)}.ph-complete-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.ph-complete-actions button{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;border-radius:10px;cursor:pointer;border:1.5px solid transparent;transition:transform .15s ease}.ph-complete-actions button:hover{transform:translateY(-1px)}.ph-complete-actions button:active{transform:scale(.97)}.ph-replay-btn{background:#f59e0b;color:#000}.ph-home-btn{background:none;border-color:var(--accent)!important;color:var(--accent)}.ph-confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.ph-confetti-piece{position:absolute;top:-20px;width:10px;height:10px;border-radius:2px;animation:confettiFall 3s ease-in forwards}@keyframes alarmPulse{0%,to{filter:drop-shadow(0 0 0 rgba(255,59,48,0))}50%{filter:drop-shadow(0 0 15px rgba(255,59,48,.4))}}@keyframes vaultOpen{0%{transform:scaleX(1)}to{transform:scaleX(.1)}}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes lockClick{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}@keyframes terminalBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes vaultSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vaultShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}[data-theme=dark] .ph-vault-inner{fill:var(--bg-secondary)}[data-theme=dark] .ph-prompt-textarea{background:var(--bg-primary)}[data-theme=dark] .ph-response,[data-theme=dark] .ph-lesson{background:var(--bg-secondary)}[data-theme=dark] .ph-hint-box{background:#f59e0b14}[data-theme=dark] .ph-example-box{background:#34c75914}@media(max-width:768px){.ph-submit-btn,.ph-briefing-btn,.ph-next-btn{min-height:44px}.ph-game{padding:0 16px 32px}.ph-layout{grid-template-columns:1fr}.ph-vault-panel{height:auto;padding:16px;position:static}.ph-vault-svg{width:160px;height:160px}.ph-terminal-panel{min-width:0}.ph-mission-bar{flex-wrap:wrap;gap:8px}.ph-mission-name,.ph-mission-attempts{font-size:12px}.ph-submit-btn,.ph-briefing-btn,.ph-next-btn{width:100%}.ph-prompt-textarea{font-size:16px}.ph-hint-link{padding:10px 0}.ph-example-use-btn{min-height:44px}.ph-complete-actions{flex-direction:column}.ph-complete-actions button{width:100%;height:44px;padding:0 20px;font-size:14px}.ph-briefing{padding:16px}.ph-security-checks{flex-wrap:wrap}}@media(max-width:480px){.ph-vault-panel{height:auto;padding:12px}.ph-vault-svg{width:130px;height:130px}.ph-meter-label{display:none}.ph-briefing-text{font-size:13px}.ph-response{font-size:12px}.ph-mission-name{font-size:11px}.ph-entry-vaults{gap:10px}.ph-entry-vault{width:32px;height:32px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tb-level-bar:focus{outline:none}.tb-entry-wrap{display:flex;flex-direction:column;align-items:center}.tb-entry-meta{font-size:13px;color:var(--text-tertiary);margin-top:-8px;margin-bottom:24px}.tb-entry-meters{display:flex;gap:8px;margin-bottom:16px}.tb-entry-meter{width:48px;height:10px;border-radius:5px;background:var(--bg-secondary);border:1px solid var(--border-light);overflow:hidden}.tb-entry-meter-fill{width:100%;height:100%;background:#ff3b30;border-radius:5px}.tb-game{max-width:1100px;margin:0 auto;padding:0 24px 40px;scroll-margin-top:20px}.tb-level-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:20px;border:1px solid var(--border-light)}.tb-level-badge{font-size:11px;font-weight:700;letter-spacing:.1em;color:#000;background:#f59e0b;padding:4px 10px;border-radius:6px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.tb-level-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.tb-level-meter{flex:1;height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden;min-width:60px}.tb-level-meter-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.tb-level-saved{font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.tb-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.tb-panel-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px}.tb-panel-original{display:flex;flex-direction:column;gap:12px}.tb-original-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-primary)}.tb-original-box code{font-family:inherit;white-space:pre-wrap;word-break:break-word}.tb-token-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;width:fit-content}.tb-token-red{background:#ff3b301a;color:#ff3b30}.tb-mission-box{border-left:2px solid #F59E0B;padding:12px 16px;background:#f59e0b0a;border-radius:10px}.tb-mission-title{font-size:11px;font-weight:700;letter-spacing:.1em;color:#f59e0b;text-transform:uppercase;margin-bottom:6px}.tb-mission-text{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0}.tb-requirements{display:flex;flex-direction:column;gap:8px}.tb-req-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.tb-req-passed{color:var(--text-primary)}.tb-panel-rewrite{display:flex;flex-direction:column;gap:12px}.tb-textarea{width:100%;min-height:160px;padding:16px;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border);border-radius:8px;resize:vertical;outline:none;transition:border-color .2s ease;box-sizing:border-box}.tb-textarea:focus{border-color:#f59e0b}.tb-textarea:disabled{opacity:.6;cursor:not-allowed}.tb-counter{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.tb-counter-row{display:flex;justify-content:space-between;align-items:center}.tb-counter-label{font-size:12px;color:var(--text-secondary);font-weight:500}.tb-counter-value{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.tb-budget-bar{height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.tb-budget-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.tb-budget-over{animation:budgetPulse 1s ease-in-out infinite}.tb-submit{height:48px;width:100%;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;color:#000;background:#f59e0b;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:opacity .15s ease,transform .1s ease;display:flex;align-items:center;justify-content:center}.tb-submit:focus-visible{outline:2px solid #F59E0B;outline-offset:2px}.tb-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.tb-submit:active:not(:disabled){transform:scale(.97)}.tb-submit-disabled{opacity:.4;cursor:not-allowed}.tb-hint-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .15s ease;align-self:center}.tb-hint-btn:hover{color:#eab308}.tb-hint-btn:focus-visible{outline:2px solid #F59E0B;outline-offset:2px;border-radius:6px}.tb-hint-box{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#eab3080f;border:none;border-left:2px solid #eab308;border-radius:10px;font-size:14px;color:var(--text-secondary);line-height:1.5}.tb-hint-box svg{flex-shrink:0;margin-top:2px}.tb-eval{padding:16px;border-radius:8px;position:relative;overflow:hidden;animation:evalSlideIn .3s ease-out}@keyframes evalSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tb-eval-pending{border:1.5px solid #F59E0B;background:#f59e0b0a;animation:evalSlideIn .3s ease-out,evalPendingPulse 1.5s ease-in-out infinite}@keyframes evalPendingPulse{0%,to{border-color:#f59e0b}50%{border-color:#f59e0b4d}}.tb-eval-dots{font-size:14px;font-weight:500;color:#f59e0b;text-align:center}.tb-dots-anim{display:inline-block;animation:dotsAnim 1.2s steps(4) infinite;width:1.5em;text-align:left;overflow:hidden;vertical-align:bottom}@keyframes dotsAnim{0%{content:"";width:0}25%{width:.5em}50%{width:1em}75%{width:1.5em}}.tb-eval-pass{border-left:2px solid #34C759;background:#34c7590a}.tb-eval-fail{border-left:2px solid #FF3B30;background:#ff3b300a}.tb-eval-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:12px}.tb-eval-checks{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.tb-eval-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.tb-check-failed{color:#ff3b30}.tb-eval-savings{font-size:16px;font-weight:700;color:#34c759;margin-bottom:12px;animation:tokenCount .4s ease}.tb-eval-lesson{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#eab3080f;border-left:2px solid #eab308;border-radius:10px;font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.tb-eval-lesson svg{flex-shrink:0;margin-top:2px}.tb-eval-retry{font-size:13px;color:var(--text-secondary);margin:0}.tb-solution-btn{color:var(--text-tertiary)}.tb-solution-btn:hover{color:var(--text-secondary)}.tb-solution-box{padding:12px 16px;background:var(--bg-secondary);border:none;border-left:2px solid var(--text-tertiary);border-radius:10px;animation:evalSlideIn .3s ease-out}.tb-solution-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:8px}.tb-solution-text{display:block;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);margin-bottom:6px;white-space:pre-wrap;word-break:break-word}.tb-solution-tokens{font-size:12px;font-weight:600;color:#34c759;font-variant-numeric:tabular-nums}.tb-solution-note{font-size:12px;color:var(--text-secondary);margin:8px 0 0;line-height:1.4}.tb-lesson-skipped{color:var(--text-tertiary)}.tb-btn-primary{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;color:#000;background:#f59e0b;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:opacity .15s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;width:100%}.tb-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.tb-btn-primary:active{transform:scale(.97)}.tb-btn-outline{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;color:#f59e0b;background:none;border:1.5px solid #F59E0B;border-radius:10px;cursor:pointer;transition:background .15s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;width:100%}.tb-btn-outline:hover{background:#f59e0b0f;transform:translateY(-1px)}.tb-btn-outline:active{transform:scale(.97)}.tb-complete{text-align:center;position:relative;padding-top:20px}.tb-complete-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.tb-complete-subtitle{font-size:16px;color:var(--text-secondary);margin:0 0 32px}.tb-complete-stats{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.tb-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.tb-stat-value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.tb-stat-green{color:#34c759}.tb-stat-blue{color:#0071e3}.tb-stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.tb-rank{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;border-radius:var(--radius);margin-bottom:28px}.tb-rank-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.tb-rank-title{font-size:20px;font-weight:700}.tb-rank-surgeon{background:#34c75914;border:1.5px solid #34C759}.tb-rank-surgeon .tb-rank-title{color:#34c759}.tb-rank-optimizer{background:#0071e314;border:1.5px solid #0071E3}.tb-rank-optimizer .tb-rank-title{color:#0071e3}.tb-rank-aware{background:#f59e0b14;border:1.5px solid #F59E0B}.tb-rank-aware .tb-rank-title{color:#f59e0b}.tb-rank-conscious{background:var(--bg-secondary);border:1.5px solid var(--border)}.tb-rank-conscious .tb-rank-title{color:var(--text-primary)}.tb-complete-chart{text-align:left;margin-bottom:28px;display:flex;flex-direction:column;gap:8px}.tb-chart-row{display:flex;align-items:center;gap:10px}.tb-chart-label{font-size:12px;font-weight:600;color:var(--text-secondary);width:24px;flex-shrink:0}.tb-chart-bars{flex:1;display:flex;flex-direction:column;gap:2px}.tb-chart-bar{height:14px;border-radius:3px;display:flex;align-items:center;padding:0 6px;min-width:24px;transition:width .5s ease-out}.tb-chart-bar span{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff}.tb-chart-original{background:#ff3b30;opacity:.7}.tb-chart-rewrite{background:#34c759}.tb-chart-pct{font-size:12px;font-weight:700;color:#34c759;width:40px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.tb-complete-lessons{text-align:left;margin-bottom:28px}.tb-lessons-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.tb-lesson-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);padding:6px 0}.tb-complete-actions{display:flex;gap:12px;margin-bottom:32px}.tb-complete-actions .tb-btn-primary,.tb-complete-actions .tb-btn-outline{flex:1}.tb-confetti{position:absolute;top:0;left:0;right:0;height:200px;pointer-events:none;overflow:hidden}.tb-confetti-particle{position:absolute;top:-8px;width:6px;height:6px;border-radius:50%;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(200px) rotate(720deg);opacity:0}}@keyframes tokenCount{0%{transform:scale(1.3);color:#34c759}to{transform:scale(1)}}@keyframes budgetPulse{0%,to{opacity:1}50%{opacity:.6}}[data-theme=dark] .tb-level-badge,[data-theme=dark] .tb-submit,[data-theme=dark] .tb-btn-primary{color:#000}[data-theme=dark] .tb-chart-bar span{color:#fff}[data-theme=dark] .tb-original-box{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .tb-counter,[data-theme=dark] .tb-level-bar{border-color:var(--border)}[data-theme=dark] .tb-hint-box,[data-theme=dark] .tb-eval-lesson{background:#eab3081a}[data-theme=dark] .tb-eval-pass{background:#34c75914}[data-theme=dark] .tb-eval-fail{background:#ff3b3014}[data-theme=dark] .tb-eval-pending,[data-theme=dark] .tb-mission-box{background:#f59e0b14}[data-theme=dark] .tb-solution-box{background:var(--bg-secondary);border-color:var(--border)}@media(max-width:768px){.tb-game{padding:0 16px 100px}.tb-level-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.tb-level-name{display:none}.tb-level-meter{order:3;width:100%;flex-basis:100%}.tb-level-saved{font-size:12px}.tb-panels{grid-template-columns:1fr;gap:16px}.tb-original-box{max-height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch}.tb-textarea{min-height:120px;font-size:16px}.tb-submit,.tb-hint-btn,.tb-btn-primary,.tb-btn-outline{min-height:44px}.tb-complete-stats{gap:16px}.tb-stat-value{font-size:22px}.tb-complete-actions{flex-direction:column}}@media(max-width:480px){.tb-complete-stats{flex-direction:column;gap:12px}.tb-entry-meters{gap:6px}.tb-entry-meter{width:36px}.tb-original-box{font-size:12px;padding:12px}.tb-mission-text{font-size:13px}.tb-complete-title{font-size:24px}.tb-complete-subtitle{font-size:14px}.tb-chart-label{font-size:11px}.tb-rank-title{font-size:18px}}.aet-entry-wrap{display:flex;flex-direction:column;align-items:center}.aet-entry-meta{margin-top:12px;font-size:13px;color:var(--text-secondary);text-align:center}.aet-game{max-width:800px;margin:0 auto;padding:24px 20px 60px}.aet-case-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:24px}.aet-case-badge{font-size:12px;font-weight:700;letter-spacing:.04em;color:#f59e0b;background:#f59e0b1a;padding:4px 10px;border-radius:6px}.aet-case-scales{color:var(--text-secondary);display:flex;align-items:center}.aet-case-progress{font-size:13px;font-weight:500;color:var(--text-secondary)}.aet-case-header{text-align:center;margin-bottom:28px}.aet-case-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f59e0b;margin-bottom:8px}.aet-case-name{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.aet-chamber{display:flex;flex-direction:column;gap:24px}.aet-facts{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px}.aet-facts-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f59e0b;margin-bottom:12px}.aet-facts-text{font-size:15px;line-height:1.6;color:var(--text-primary);margin:0}.aet-arguments{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aet-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px}.aet-panel-favor{border-top:2px solid #0071E3}.aet-panel-against{border-top:2px solid #FF9500}.aet-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.aet-panel-icon{flex-shrink:0}.aet-panel-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.aet-label-favor{color:#0071e3}.aet-label-against{color:#ff9500}.aet-panel-party{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0 0 12px}.aet-panel-args{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.aet-arg{font-size:14px;line-height:1.5;color:var(--text-primary);padding-left:16px;position:relative}.aet-arg:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%}.aet-arg-favor:before{background:#0071e3}.aet-arg-against:before{background:#ff9500}.aet-evidence{display:flex;flex-direction:column;gap:8px}.aet-evidence-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.aet-evidence-card{padding:12px 16px;background:var(--bg-secondary);border:none;border-left:2px solid var(--border);border-radius:10px}.aet-evidence-text{font-size:14px;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.aet-verdict-controls{text-align:center;padding-top:8px}.aet-verdict-heading{font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--text-primary);margin:0 0 16px}.aet-verdict-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.aet-verdict-btn{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;color:#fff}.aet-verdict-btn:active{transform:scale(.97)}.aet-verdict-favor{background:#0071e3}.aet-verdict-favor:hover{opacity:.9}.aet-verdict-against{background:#ff9500}.aet-verdict-against:hover{opacity:.9}.aet-verdict-btn.aet-verdict-selected{box-shadow:0 0 0 3px #5856d64d;transform:scale(1.03)}.aet-verdict-deadlock{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;border:1.5px solid var(--border);border-radius:10px;background:none;color:var(--text-secondary);cursor:pointer;transition:transform .15s ease,border-color .15s ease;margin-bottom:20px}.aet-verdict-deadlock:hover{border-color:#5856d6;color:#5856d6}.aet-verdict-deadlock.aet-verdict-selected{border-color:#5856d6;color:#5856d6;box-shadow:0 0 0 3px #5856d633}.aet-reasoning{max-width:500px;margin:0 auto 16px;text-align:left}.aet-reasoning-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.aet-reasoning-textarea{width:100%;min-height:88px;padding:10px 12px;font-size:14px;font-family:inherit;line-height:1.5;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;resize:vertical;box-sizing:border-box}.aet-reasoning-textarea::placeholder{color:var(--text-tertiary)}.aet-reasoning-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.aet-submit-btn{height:48px;padding:0 32px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:#f59e0b;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease;animation:verdictReveal .3s ease-out}.aet-submit-btn:hover{opacity:.9}.aet-submit-btn:active{transform:scale(.97)}.aet-reveal{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:8px}.aet-gavel-wrap{color:#f59e0b}.aet-gavel-svg{transform-origin:center bottom}.aet-gavel-drop{animation:gavelDrop .6s ease-out forwards}.aet-reveal-content{width:100%;display:flex;flex-direction:column;gap:20px}.aet-stagger-in{animation:staggerFadeIn .5s ease-out both}.aet-delivered-banner{text-align:center;font-size:16px;font-weight:700;letter-spacing:.06em;color:#5856d6;padding:12px;background:#5856d614;border-radius:8px}.aet-your-verdict{padding:16px 20px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light)}.aet-your-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.aet-your-ruling{display:block;font-size:18px;font-weight:600;margin-top:4px}.aet-ruling-favor{color:#0071e3}.aet-ruling-against{color:#ff9500}.aet-ruling-deadlock{color:#5856d6}.aet-your-reasoning{font-size:14px;font-style:italic;color:var(--text-secondary);margin:8px 0 0;line-height:1.5}.aet-real-outcome{padding:16px 20px;background:var(--bg-card);border-left:2px solid #34C759;border-radius:10px}.aet-real-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#34c759;margin-bottom:8px}.aet-real-text{font-size:14px;line-height:1.6;color:var(--text-primary);margin:0}.aet-nuance{padding:16px 20px;background:var(--bg-card);border-left:2px solid #5856D6;border-radius:10px}.aet-nuance-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5856d6;margin-bottom:8px}.aet-nuance-text{font-size:14px;line-height:1.6;color:var(--text-primary);margin:0}.aet-teaches{padding:16px 20px;background:var(--bg-card);border-left:2px solid #F59E0B;border-radius:10px}.aet-teaches-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f59e0b;margin-bottom:8px}.aet-teaches-text{font-size:14px;line-height:1.6;color:var(--text-primary);margin:0}.aet-next-btn{align-self:center;height:48px;padding:0 32px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:#f59e0b;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.aet-next-btn:hover{opacity:.9}.aet-next-btn:active{transform:scale(.97)}.aet-complete{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.aet-complete-scales{color:#f59e0b;animation:scaleGlow 3s ease-in-out infinite}.aet-complete-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.aet-complete-subtitle{font-size:16px;color:var(--text-secondary);margin:-12px 0 0}.aet-verdict-summary{width:100%;max-width:500px;display:flex;flex-direction:column;gap:8px}.aet-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-secondary);border-radius:8px}.aet-summary-case{font-size:14px;font-weight:500;color:var(--text-primary)}.aet-summary-verdict{font-size:13px;font-weight:600;padding:4px 12px;border-radius:6px;white-space:nowrap}.aet-summary-favor{color:#0071e3;background:#0071e31a}.aet-summary-against{color:#ff9500;background:#ff95001a}.aet-summary-deadlock{color:#5856d6;background:#5856d61a}.aet-rank{padding:16px 24px;border-radius:var(--radius);text-align:center}.aet-rank-decisive{background:#f59e0b1a;border:1.5px solid rgba(245,158,11,.3)}.aet-rank-careful{background:#5856d614;border:1.5px solid rgba(88,86,214,.3)}.aet-rank-agnostic{background:#34c75914;border:1.5px solid rgba(52,199,89,.3)}.aet-rank-label{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.aet-rank-title{display:block;font-size:20px;font-weight:700;color:var(--text-primary)}.aet-reflection{max-width:560px;padding:20px;border-left:2px solid #5856D6;background:var(--bg-card);border-radius:10px;text-align:left}.aet-reflection p{font-size:15px;line-height:1.6;color:var(--text-primary);margin:0;font-style:italic}.aet-grappled{width:100%;max-width:500px;text-align:left}.aet-grappled-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.aet-grappled-list{display:flex;flex-direction:column;gap:8px}.aet-grappled-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.aet-complete-actions{display:flex;gap:12px;margin-top:8px}.aet-btn-primary{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:#f59e0b;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.aet-btn-primary:hover{opacity:.9}.aet-btn-primary:active{transform:scale(.97)}.aet-btn-outline{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;color:var(--accent);background:none;border:1.5px solid var(--accent);border-radius:10px;cursor:pointer;transition:transform .15s ease,background .15s ease}.aet-btn-outline:hover{background:var(--accent);color:#fff}.aet-btn-outline:active{transform:scale(.97)}.aet-scales-svg{transition:transform .5s ease}.aet-scales-glow{animation:scaleGlow 3s ease-in-out infinite}@keyframes scaleBalance{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes gavelDrop{0%{transform:rotate(-45deg) translateY(-20px)}60%{transform:rotate(0) translateY(0)}80%{transform:rotate(-10deg) translateY(-5px)}to{transform:rotate(0) translateY(0)}}@keyframes verdictReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleGlow{0%,to{filter:drop-shadow(0 0 4px #F59E0B)}50%{filter:drop-shadow(0 0 12px #F59E0B)}}[data-theme=dark] .aet-case-badge{background:#f59e0b26}[data-theme=dark] .aet-panel{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .aet-evidence-card{background:var(--bg-secondary)}[data-theme=dark] .aet-reasoning-textarea{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .aet-reasoning-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}[data-theme=dark] .aet-delivered-banner{background:#5856d626}[data-theme=dark] .aet-your-verdict{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .aet-real-outcome,[data-theme=dark] .aet-nuance,[data-theme=dark] .aet-teaches,[data-theme=dark] .aet-reflection{background:var(--bg-secondary)}[data-theme=dark] .aet-rank-decisive{background:#f59e0b26}[data-theme=dark] .aet-rank-careful{background:#5856d61f}[data-theme=dark] .aet-rank-agnostic{background:#34c7591f}[data-theme=dark] .aet-verdict-btn.aet-verdict-selected{box-shadow:0 0 0 3px #5856d666}[data-theme=dark] .aet-verdict-deadlock.aet-verdict-selected{box-shadow:0 0 0 3px #5856d64d}[data-theme=dark] .aet-summary-row{background:var(--bg-secondary)}[data-theme=dark] .aet-summary-favor{background:#0071e326}[data-theme=dark] .aet-summary-against{background:#ff950026}[data-theme=dark] .aet-summary-deadlock{background:#5856d626}@media(max-width:768px){.aet-game{padding:16px 16px 48px}.aet-case-bar{padding:10px 12px}.aet-case-scales{display:none}.aet-case-header{margin-bottom:20px}.aet-case-name{font-size:20px}.aet-chamber{gap:20px}.aet-arguments{grid-template-columns:1fr}.aet-verdict-buttons{flex-direction:column;align-items:stretch}.aet-verdict-btn{width:100%;min-height:48px}.aet-verdict-deadlock,.aet-submit-btn,.aet-next-btn{width:100%;min-height:44px}.aet-reasoning{max-width:100%}.aet-reasoning-textarea{font-size:16px}.aet-verdict-summary,.aet-grappled,.aet-reflection{max-width:100%}.aet-rank{padding:12px 16px}.aet-complete-actions{flex-direction:column;width:100%}.aet-btn-primary,.aet-btn-outline{width:100%;min-height:44px}.aet-complete-title{font-size:24px}.aet-complete-subtitle{font-size:15px}.aet-complete{gap:20px}}@media(max-width:480px){.aet-game{padding:12px 12px 40px}.aet-facts{padding:16px}.aet-facts-text{font-size:14px}.aet-panel{padding:16px}.aet-arg{font-size:13px;padding-left:12px}.aet-arguments{gap:12px}.aet-evidence-card{padding:10px 12px}.aet-your-verdict,.aet-real-outcome,.aet-nuance,.aet-teaches{padding:12px 16px}.aet-reveal-content{gap:16px}.aet-gavel-wrap svg{width:36px;height:36px}.aet-complete-title{font-size:22px}.aet-reflection{padding:16px}.aet-summary-row{padding:8px 12px;gap:8px}.aet-summary-case{font-size:13px;min-width:0}.aet-summary-verdict{font-size:12px;padding:3px 8px;flex-shrink:0}.aet-rank{padding:10px 14px}.aet-entry-meta{font-size:12px}}.pms-entry-wrap{display:flex;flex-direction:column;align-items:center}.pms-entry-meta{margin-top:12px;font-size:13px;color:var(--text-secondary);text-align:center}.pms-game{max-width:1100px;margin:0 auto;padding:0 24px 60px;scroll-margin-top:20px}.pms-mission-bar{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;flex-wrap:wrap}.pms-mission-badge{font-size:12px;font-weight:700;letter-spacing:.04em;color:#f59e0b;background:#f59e0b1a;padding:4px 10px;border-radius:6px;white-space:nowrap}.pms-mission-name{font-size:16px;font-weight:600;color:var(--text-primary);flex:1;min-width:120px}.pms-mission-stats{display:flex;align-items:center;gap:20px;flex-shrink:0}.pms-stat{display:flex;align-items:center;gap:8px}.pms-stat-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.pms-stat-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.pms-days{color:#ff9500}.pms-progress-bar{width:80px;height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.pms-progress-fill{height:100%;background:#f59e0b;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.pms-layout{display:grid;grid-template-columns:35fr 65fr;gap:20px;align-items:start}.pms-context-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:sticky;top:20px}.pms-context-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:color .15s ease}.pms-context-toggle:hover{color:var(--text-primary)}.pms-context-content{padding:16px}.pms-context-collapsed .pms-context-toggle{border-bottom:none}.pms-message{background:var(--bg-secondary);border-radius:10px;padding:16px;margin-bottom:12px}.pms-message:last-child{margin-bottom:0}.pms-message p{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--text-primary)}.pms-message p:last-child{margin-bottom:0}.pms-message-alert{border-left:2px solid #FF3B30}.pms-message-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pms-message-name{font-size:13px;font-weight:600;color:var(--text-primary)}.pms-avatar{flex-shrink:0;color:var(--text-secondary)}.pms-brief-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:12px;margin-top:12px}.pms-brief-row{font-size:13px;line-height:1.6;color:var(--text-primary);padding:4px 0}.pms-brief-row strong{color:#0ea5e9}.pms-eng-report{background:var(--bg-secondary);border-radius:10px;padding:16px;border-left:2px solid #FF9500}.pms-eng-report-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pms-eng-report p{margin:0;font-size:14px;line-height:1.6;color:var(--text-primary)}.pms-eval-results{margin-top:12px}.pms-eval-result-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:13px;margin-bottom:4px}.pms-eval-name{flex:1;color:var(--text-primary)}.pms-eval-status{font-weight:600;font-size:12px;padding:2px 8px;border-radius:4px}.pms-eval-pass{color:#34c759;background:#34c7591a}.pms-eval-fail{color:#ff3b30;background:#ff3b301a}.pms-eval-was{font-size:11px;color:var(--text-tertiary)}.pms-drift-row{background:#ff3b300a}.pms-drift-badge{font-size:10px;font-weight:700;letter-spacing:.05em;color:#ff3b30;background:#ff3b301f;padding:2px 6px;border-radius:4px}.pms-work-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}.pms-work-content{animation:pmsSlideIn .3s ease-out}.pms-work-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.pms-quality-meter{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:20px}.pms-quality-label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.pms-quality-bar{flex:1;height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.pms-quality-fill{height:100%;border-radius:4px;transition:width .4s ease,background .4s ease}.pms-quality-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.pms-section-input{margin-bottom:16px}.pms-input-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:6px}.pms-textarea{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.pms-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.pms-textarea:disabled{opacity:.6;cursor:not-allowed}.pms-submit-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:#0ea5e9;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease;margin-top:8px}.pms-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.pms-submit-btn:active{transform:scale(.97)}.pms-submit-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pms-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pms-eval-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-secondary);border-radius:8px;padding:4px}.pms-eval-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-secondary);background:none;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.pms-eval-tab:hover{background:var(--bg-surface)}.pms-eval-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.pms-eval-tab-active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.pms-eval-tab-count{font-size:11px;font-weight:700;color:#f59e0b;background:#f59e0b1a;padding:1px 6px;border-radius:4px}.pms-eval-counter{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.pms-eval-example{background:#eab3080f;border:none;border-left:2px solid #eab308;border-radius:10px;padding:12px 16px;margin-bottom:16px}.pms-eval-example-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#eab308;margin-bottom:8px}.pms-eval-example-content{font-size:13px;line-height:1.6;color:var(--text-secondary)}.pms-eval-example-content div{margin-bottom:2px}.pms-eval-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:14px;margin-bottom:12px}.pms-eval-card-header{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.pms-eval-input{width:100%;padding:8px 10px;font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;margin-bottom:8px;box-sizing:border-box;transition:border-color .2s ease}.pms-eval-input:last-child{margin-bottom:0}.pms-eval-input:focus{outline:none;border-color:#0ea5e9}.pms-eval-input:disabled{opacity:.6;cursor:not-allowed}.pms-instructions-preview{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:16px;margin-bottom:20px}.pms-preview-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.pms-preview-text{font-size:14px;line-height:1.6;color:var(--text-primary)}.pms-preview-text p{margin:0 0 8px}.pms-preview-highlight{display:flex;align-items:center;gap:6px;color:#ff9500;font-weight:600;font-size:13px}.pms-decision-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.pms-decision-step{font-size:12px;font-weight:700;letter-spacing:.04em;color:#0ea5e9;margin-bottom:8px}.pms-decision-question{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 14px}.pms-decision-choices{display:flex;flex-direction:column;gap:8px}.pms-choice-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .15s ease}.pms-choice-btn:hover:not(:disabled){border-color:#0ea5e9;transform:translateY(-1px)}.pms-choice-btn:active:not(:disabled){transform:scale(.98)}.pms-choice-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pms-choice-selected{border-color:#0ea5e9;background:#0ea5e90f}.pms-choice-correct{border-color:#34c759;background:#34c7590f}.pms-choice-wrong{border-color:#ff3b30;background:#ff3b300f}.pms-choice-btn:disabled{cursor:default;opacity:.8}.pms-next-step-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 24px;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:#0ea5e9;border:1.5px solid transparent;border-radius:10px;cursor:pointer;margin-top:12px;transition:transform .15s ease,opacity .15s ease}.pms-next-step-btn:hover{opacity:.9;transform:translateY(-1px)}.pms-next-step-btn:active{transform:scale(.97)}.pms-drift-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ff3b300f;border:1px solid rgba(255,59,48,.2);border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:600;color:#ff3b30;animation:pmsAlertFlash 2s ease-in-out 3}.pms-drift-step{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.pms-drift-step:last-of-type{border-bottom:none}.pms-drift-step-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.pms-drift-hint{font-size:13px;color:var(--text-secondary);margin:0 0 12px}.pms-checklist{margin-bottom:20px}.pms-check-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light);cursor:pointer;font-size:14px;color:var(--text-primary);transition:background .15s ease}.pms-check-item:hover{background:var(--bg-secondary);margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:8px}.pms-check-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.pms-check-expandable{cursor:default}.pms-check-expandable:hover{background:none;margin:0;padding-left:0;padding-right:0}.pms-check-signoff{border-bottom:none;font-weight:600}.pms-check-box{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid var(--border);border-radius:6px;flex-shrink:0;transition:border-color .2s ease,background .2s ease}.pms-checked{border-color:#34c759;background:#34c7591a;animation:pmsCheckComplete .3s ease-out}.pms-check-sub{padding:8px 0 12px 34px}.pms-edge-case{margin-bottom:14px}.pms-edge-input{font-size:13px;font-style:italic;color:var(--text-secondary);margin-bottom:8px}.pms-edge-options{display:flex;flex-wrap:wrap;gap:6px}.pms-edge-btn{padding:6px 12px;font-size:12px;font-family:inherit;color:var(--text-secondary);background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:18px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.pms-edge-btn:hover:not(:disabled){border-color:#0ea5e9}.pms-edge-selected{border-color:#0ea5e9;background:#0ea5e914;color:#0ea5e9;font-weight:600}.pms-edge-btn:disabled{opacity:.6;cursor:not-allowed}.pms-pill-group{display:flex;flex-wrap:wrap;gap:6px}.pms-pill{padding:6px 14px;font-size:13px;font-family:inherit;color:var(--text-secondary);background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:20px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.pms-pill:hover:not(:disabled){border-color:#f59e0b}.pms-pill-active{border-color:#f59e0b;background:#f59e0b14;color:#f59e0b;font-weight:600}.pms-pill:disabled{opacity:.6;cursor:not-allowed}.pms-threshold-slider{width:100%;accent-color:#0EA5E9}.pms-ship-btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin-top:12px;font-size:16px;font-weight:700;font-family:inherit;color:#fff;background:#f59e0b;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.pms-ship-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pms-ship-btn:active:not(:disabled){transform:scale(.97)}.pms-ship-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pms-hints-section{margin-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.pms-hint-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .15s ease}.pms-hint-btn:hover{color:#eab308}.pms-hint-btn:focus-visible{outline:2px solid #F59E0B;outline-offset:2px;border-radius:6px}.pms-hint-count{font-size:12px;color:var(--text-tertiary)}.pms-hint-box{display:flex;align-items:flex-start;gap:6px;width:100%;background:#eab3080f;border:none;border-left:2px solid #eab308;border-radius:10px;padding:12px 16px;font-size:14px;color:var(--text-secondary);line-height:1.5}.pms-hint-box>svg{flex-shrink:0;margin-top:2px}.pms-hint-list{display:flex;flex-direction:column;gap:10px;width:100%}.pms-autofill-btn{color:#34c759}.pms-autofill-btn:hover{color:#2da44e}.pms-solution-notice{display:flex;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;color:#34c759;background:#34c7590f;border:none;border-left:2px solid #34C759;border-radius:10px;width:100%;animation:pmsSlideIn .3s ease-out}.pms-consequence{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:10px;margin-top:20px;flex-wrap:wrap}.pms-consequence-success{background:#34c7590f;border:1px solid rgba(52,199,89,.2)}.pms-consequence-warning{background:#ff95000f;border:1px solid rgba(255,149,0,.2)}.pms-consequence-error{background:#ff3b300f;border:1px solid rgba(255,59,48,.2)}.pms-consequence-icon{flex-shrink:0;margin-top:2px}.pms-consequence-text{flex:1;margin:0;font-size:14px;line-height:1.5;color:var(--text-primary);min-width:200px}.pms-advance-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:#f59e0b;border:1.5px solid transparent;border-radius:10px;cursor:pointer;margin-left:auto;flex-shrink:0;transition:transform .15s ease,opacity .15s ease}.pms-advance-btn:hover{opacity:.9;transform:translateY(-1px)}.pms-advance-btn:active{transform:scale(.97)}.pms-advance-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pms-ship-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pms-complete{text-align:center;padding:40px 0 20px}.pms-office-svg,.pms-celebration-svg{width:280px;max-width:100%;margin:0 auto 24px;display:block}.pms-complete-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.pms-complete-subtitle{font-size:15px;line-height:1.6;color:var(--text-secondary);max-width:520px;margin:0 auto 28px}.pms-rank-card{display:inline-block;padding:16px 32px;background:#f59e0b0f;border:1.5px solid #F59E0B;border-radius:12px;margin-bottom:32px}.pms-rank-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.pms-rank-title{font-size:20px;font-weight:700;color:#f59e0b}.pms-score-breakdown{text-align:left;max-width:480px;margin:0 auto 28px;background:var(--bg-secondary);border-radius:12px;padding:20px}.pms-score-heading,.pms-shipped-heading,.pms-learned-heading{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.pms-score-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light)}.pms-score-row:last-child{border-bottom:none}.pms-score-total{font-weight:700;border-top:1.5px solid var(--border);padding-top:12px;margin-top:4px}.pms-score-name{font-size:14px;color:var(--text-primary)}.pms-score-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.pms-shipped-with,.pms-learned{text-align:left;max-width:480px;margin:0 auto 24px}.pms-shipped-item,.pms-learned-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--text-primary)}.pms-complete-actions{display:flex;justify-content:center;gap:12px;margin-top:32px;margin-bottom:32px}.pms-btn-primary{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:#f59e0b;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.pms-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.pms-btn-primary:active{transform:scale(.97)}.pms-btn-outline{height:48px;padding:0 28px;font-size:15px;font-weight:600;font-family:inherit;color:var(--accent);background:none;border:1.5px solid var(--accent);border-radius:10px;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.pms-btn-outline:hover{background:var(--accent);color:#fff}.pms-btn-outline:active{transform:scale(.97)}@keyframes pmsSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pmsAlertFlash{0%,to{border-color:#ff3b3033}50%{border-color:#ff3b3080}}@keyframes pmsCheckComplete{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes pmsScoreUpdate{0%{transform:scale(1)}50%{transform:scale(1.15);color:#34c759}to{transform:scale(1)}}.pms-message-slide{animation:pmsSlideIn .4s ease-out}[data-theme=dark] .pms-mission-bar{background:var(--bg-secondary)}[data-theme=dark] .pms-mission-badge{background:#f59e0b26}[data-theme=dark] .pms-context-panel{background:var(--bg-secondary)}[data-theme=dark] .pms-message{background:var(--bg-primary)}[data-theme=dark] .pms-brief-card{background:var(--bg-secondary)}[data-theme=dark] .pms-eng-report{background:var(--bg-primary)}[data-theme=dark] .pms-work-panel{background:var(--bg-secondary)}[data-theme=dark] .pms-quality-meter,[data-theme=dark] .pms-textarea,[data-theme=dark] .pms-eval-tabs{background:var(--bg-primary)}[data-theme=dark] .pms-eval-tab{color:var(--text-secondary)}[data-theme=dark] .pms-eval-tab:hover{background:#ffffff0f}[data-theme=dark] .pms-eval-tab-active{background:var(--bg-surface);color:var(--text-primary)}[data-theme=dark] .pms-eval-card{background:var(--bg-primary)}[data-theme=dark] .pms-eval-input{background:var(--bg-secondary)}[data-theme=dark] .pms-eval-example,[data-theme=dark] .pms-hint-box{background:#eab30814}[data-theme=dark] .pms-solution-notice{background:#34c75914}[data-theme=dark] .pms-instructions-preview,[data-theme=dark] .pms-decision-card{background:var(--bg-primary)}[data-theme=dark] .pms-choice-btn{background:var(--bg-secondary)}[data-theme=dark] .pms-edge-btn,[data-theme=dark] .pms-pill,[data-theme=dark] .pms-score-breakdown{background:var(--bg-primary)}[data-theme=dark] .pms-rank-card{background:#f59e0b14}[data-theme=dark] .pms-drift-row{background:#ff3b300f}[data-theme=dark] .pms-drift-badge{background:#ff3b3026}[data-theme=dark] .pms-eval-pass{background:#34c7591f}[data-theme=dark] .pms-eval-fail{background:#ff3b301f}[data-theme=dark] .pms-consequence-success{background:#34c75914}[data-theme=dark] .pms-consequence-warning{background:#ff950014}[data-theme=dark] .pms-consequence-error{background:#ff3b3014}@media(max-width:768px){.pms-game{padding:0 16px 48px}.pms-mission-bar{padding:12px 14px;gap:10px}.pms-mission-name{font-size:14px;width:100%;order:-1}.pms-layout{grid-template-columns:1fr}.pms-context-panel{position:static}.pms-context-collapsed .pms-context-toggle{border-bottom:none}.pms-work-panel{padding:16px}.pms-work-title{font-size:18px}.pms-textarea,.pms-eval-input{font-size:16px}.pms-submit-btn,.pms-next-step-btn,.pms-ship-btn{width:100%;min-height:44px}.pms-advance-btn{width:100%;margin-left:0;min-height:44px;justify-content:center}.pms-choice-btn{min-height:44px}.pms-edge-btn,.pms-pill{min-height:36px}.pms-hint-btn{min-height:44px}.pms-complete-actions{flex-direction:column;width:100%}.pms-btn-primary,.pms-btn-outline{width:100%;min-height:44px}.pms-consequence{flex-direction:column}.pms-check-sub{padding-left:20px}.pms-edge-options{flex-direction:column}.pms-edge-btn{width:100%;text-align:left}.pms-complete-title{font-size:22px}}@media(max-width:480px){.pms-game{padding:0 12px 40px}.pms-mission-stats{width:100%;justify-content:space-between}.pms-mission-name{display:none}.pms-eval-tabs{gap:2px}.pms-eval-tab{padding:8px;font-size:12px}.pms-pill-group{gap:4px}.pms-pill{font-size:12px;padding:5px 10px}.pms-complete-title{font-size:20px}.pms-rank-card{padding:12px 20px}.pms-score-breakdown{padding:14px}}.pm-warning-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;background:#ff95000f;border-left:2px solid #FF9500;font-size:14px;line-height:1.6;color:var(--text-primary);margin:16px 0}.pm-gap-viz{margin:24px 0}.pm-gap-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pm-gap-col{border-radius:12px;padding:20px;background:var(--bg-secondary)}.pm-gap-col-bad{border-top:2px solid #FF3B30}.pm-gap-col-good{border-top:2px solid #34C759;opacity:0;transform:translate(20px);transition:opacity .4s ease-out,transform .4s ease-out}.pm-gap-col-visible{opacity:1;transform:translate(0)}.pm-gap-col-header{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:14px}.pm-gap-items{display:flex;flex-direction:column;gap:10px}.pm-gap-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);opacity:0;transform:translateY(8px);transition:opacity .3s ease-out,transform .3s ease-out}.pm-gap-item-visible{opacity:1;transform:translateY(0)}.pm-gap-label{margin-top:14px;font-size:12px;font-weight:600;color:var(--text-tertiary);opacity:0;transition:opacity .4s ease-out}.pm-gap-label-visible{opacity:1}.pm-gap-bridge{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:14px;border-radius:10px;background:#0ea5e90f;border:1px solid rgba(14,165,233,.2);font-size:14px;font-weight:600;color:#0ea5e9;opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.pm-gap-bridge-visible{opacity:1;transform:translateY(0)}.pm-deliverables-viz{margin:24px 0}.pm-show-next-btn{display:inline-flex;align-items:center;height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;color:#0ea5e9;background:none;border:1.5px solid #0EA5E9;border-radius:10px;cursor:pointer;margin-bottom:16px;transition:background .15s,color .15s}.pm-show-next-btn:hover{background:#0ea5e9;color:#fff}.pm-deliverables-cards{display:flex;flex-direction:column;gap:16px}.pm-deliverable-card{border-left:2px solid #0EA5E9;border-radius:12px;padding:20px;background:var(--bg-secondary);opacity:0;transform:translate(20px);transition:opacity .4s ease-out,transform .4s ease-out}.pm-deliverable-card-visible{opacity:1;transform:translate(0)}.pm-deliverable-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pm-deliverable-title{font-size:15px;font-weight:600;color:var(--text-primary)}.pm-deliverable-toggle{display:flex;gap:8px;margin-bottom:12px}.pm-toggle-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:12px;font-weight:600;font-family:inherit;color:var(--text-secondary);background:var(--bg-surface, var(--bg-secondary));border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.pm-toggle-btn-active{border-color:#0ea5e9;color:#0ea5e9;background:var(--bg-card, var(--bg-primary))}.pm-deliverable-content{padding:14px;border-radius:8px;font-size:13px;line-height:1.6;color:var(--text-primary);transition:background .2s}.pm-deliverable-bad{background:#ff3b300f}.pm-deliverable-good{background:#34c7590f}.pm-deliverable-label{margin-top:10px;font-size:12px;font-weight:600;color:var(--text-tertiary)}.pm-sysinstruction-viz{margin:24px 0}.pm-sysinstruction-score{margin-bottom:20px}.pm-score-bar{height:8px;background:var(--bg-surface, var(--bg-secondary));border-radius:4px;overflow:hidden}.pm-score-fill{height:100%;background:#0ea5e9;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.pm-score-label{margin-top:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.pm-sysinstruction-sections{display:flex;flex-direction:column;gap:8px}.pm-section-accordion{border-radius:10px;background:var(--bg-secondary);overflow:hidden}.pm-section-header{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:14px;font-weight:600;font-family:inherit;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.pm-section-header:hover{background:var(--bg-surface, rgba(0, 0, 0, .03))}.pm-section-header-open{border-bottom:1px solid var(--border-light)}.pm-section-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#0ea5e91a;color:#0ea5e9;font-size:12px;font-weight:700;flex-shrink:0}.pm-section-title{flex:1}.pm-section-chevron{transition:transform .2s ease;color:var(--text-tertiary);flex-shrink:0}.pm-section-chevron-open{transform:rotate(180deg)}.pm-section-body{padding:16px}.pm-section-toggle{display:flex;gap:8px;margin-bottom:12px}.pm-section-content{padding:14px;border-radius:8px;font-size:13px;line-height:1.6;color:var(--text-primary);transition:background .2s}.pm-section-bad{background:#ff3b300f}.pm-section-good{background:#34c7590f}.pm-logic-viz{margin:24px 0}.pm-logic-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pm-logic-left,.pm-logic-right{border-radius:12px;padding:20px;background:var(--bg-secondary)}.pm-logic-panel-title{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.pm-intent-card{display:block;width:100%;padding:12px 14px;margin-bottom:8px;font-size:13px;font-family:inherit;color:var(--text-primary);background:var(--bg-card, var(--bg-primary));border:1.5px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.pm-intent-card:hover{border-color:#0ea5e9}.pm-intent-card-active{border-color:#0ea5e9;background:#0ea5e90f}.pm-logic-rules{display:flex;flex-direction:column;gap:12px;opacity:1;transition:opacity .25s ease-out}.pm-logic-rules-fading{opacity:0;transition:opacity .2s ease-in}.pm-logic-intent-label{font-size:13px;font-style:italic;color:var(--text-secondary)}.pm-logic-arrow{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#0ea5e9}.pm-logic-rule{opacity:0;transform:translateY(8px);transition:opacity .3s ease-out,transform .3s ease-out}.pm-logic-rule-visible{opacity:1;transform:translateY(0)}.pm-logic-rule pre{margin:0;padding:12px;border-radius:8px;background:var(--bg-card, var(--bg-primary));border:1px solid var(--border-light);font-size:12px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.pm-logic-placeholder{padding:40px 20px;text-align:center;font-size:13px;color:var(--text-tertiary)}.pm-eval-viz{margin:24px 0}.pm-eval-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-surface, var(--bg-secondary));border-radius:10px;padding:3px}.pm-eval-tab{flex:1;padding:8px 16px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-secondary);background:none;border:none;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.pm-eval-tab:hover{color:var(--text-primary)}.pm-eval-tab-active{background:var(--bg-card, var(--bg-primary));color:var(--text-primary);box-shadow:var(--shadow-sm)}.pm-eval-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.pm-eval-card{border-radius:10px;padding:16px;background:var(--bg-secondary);border:1.5px solid var(--border-light);transition:border-color .3s}.pm-eval-pass{border-color:#34c75966}.pm-eval-fail{border-color:#ff3b3066}.pm-eval-field{display:flex;gap:8px;font-size:13px;line-height:1.5;color:var(--text-primary);margin-bottom:6px}.pm-eval-field:last-of-type{margin-bottom:0}.pm-eval-field-label{font-weight:600;color:var(--text-secondary);white-space:nowrap;min-width:100px}.pm-eval-result{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light);font-size:13px;font-weight:700}.pm-eval-result-pass{color:#34c759}.pm-eval-result-fail{color:#ff3b30}.pm-eval-actions{display:flex;align-items:center;gap:16px}.pm-run-evals-btn{display:inline-flex;align-items:center;height:40px;padding:0 24px;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:#0ea5e9;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:background .15s}.pm-run-evals-btn:hover{background:#0284c7}.pm-run-evals-btn:disabled{opacity:.6;cursor:default}.pm-eval-summary{font-size:14px;font-weight:600;color:var(--text-primary)}.pm-hallucination-viz{margin:24px 0}.pm-scenario-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:16px}.pm-scenario-card{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s}.pm-scenario-card:hover{border-color:#0ea5e9}.pm-scenario-card-active{border-color:#0ea5e9;background:#0ea5e90f}.pm-scenario-detail{border-radius:12px;padding:20px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:14px}.pm-scenario-problem,.pm-scenario-cause,.pm-scenario-fix{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:var(--text-primary)}.pm-scenario-problem svg,.pm-scenario-cause svg,.pm-scenario-fix svg{flex-shrink:0;margin-top:2px}.pm-prevention-btn{display:inline-flex;align-items:center;align-self:flex-start;height:36px;padding:0 20px;font-size:13px;font-weight:600;font-family:inherit;color:#0ea5e9;background:none;border:1.5px solid #0EA5E9;border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.pm-prevention-btn:hover{background:#0ea5e9;color:#fff}.pm-drift-viz{margin:24px 0}.pm-drift-chart{display:flex;align-items:flex-end;gap:12px;padding:20px;background:var(--bg-secondary);border-radius:12px;min-height:200px}.pm-drift-y-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.pm-drift-bars{display:flex;align-items:flex-end;gap:8px;flex:1;height:160px}.pm-drift-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.pm-drift-bar{width:100%;border-radius:4px 4px 0 0;opacity:0;transform:scaleY(0);transform-origin:bottom;transition:opacity .3s ease-out,transform .3s ease-out}.pm-drift-bar-visible{opacity:1;transform:scaleY(1)}.pm-drift-week{margin-top:6px;font-size:11px;font-weight:600;color:var(--text-tertiary)}.pm-drift-events{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.pm-drift-event{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);opacity:0;transition:opacity .4s ease-out}.pm-drift-event-visible{opacity:1}.pm-drift-event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pm-drift-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.pm-drift-good,.pm-drift-bad{border-radius:12px;padding:16px;background:var(--bg-secondary)}.pm-drift-good{border-top:2px solid #34C759}.pm-drift-bad{border-top:2px solid #FF3B30}.pm-drift-comp-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.pm-drift-comp-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.pm-drift-comp-item svg{flex-shrink:0}.pm-toolkit-viz{margin:24px 0}.pm-toolkit-progress{margin-bottom:20px}.pm-toolkit-progress-bar{height:8px;background:var(--bg-surface, var(--bg-secondary));border-radius:4px;overflow:hidden}.pm-toolkit-progress-fill{height:100%;background:#0ea5e9;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.pm-toolkit-progress-text{margin-top:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.pm-toolkit-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}.pm-toolkit-column{border-radius:12px;padding:16px;background:var(--bg-secondary)}.pm-toolkit-col-title{font-size:14px;font-weight:600;margin-bottom:14px}.pm-toolkit-check{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin-bottom:6px;font-size:13px;font-family:inherit;color:var(--text-primary);background:var(--bg-card, var(--bg-primary));border:1px solid var(--border-light);border-radius:8px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.pm-toolkit-check:hover{border-color:var(--border)}.pm-toolkit-checked{background:#34c7590f;border-color:#34c7594d}.pm-toolkit-checkbox{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border);flex-shrink:0;transition:border-color .15s}.pm-toolkit-checked .pm-toolkit-checkbox{border-color:#34c759}.pm-toolkit-complete{text-align:center;padding:24px;margin-bottom:24px;border-radius:12px;background:#0ea5e90f;border:1.5px solid rgba(14,165,233,.2)}.pm-toolkit-complete-title{font-size:18px;font-weight:700;color:#0ea5e9;margin-bottom:6px}.pm-toolkit-complete-text{font-size:14px;color:var(--text-secondary)}.pm-toolkit-resources{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.pm-toolkit-resource{border-left:2px solid #0EA5E9;border-radius:10px;padding:16px;background:var(--bg-secondary)}.pm-toolkit-resource-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.pm-toolkit-resource-desc{font-size:13px;line-height:1.5;color:var(--text-secondary)}.pm-final-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:24px 0}.pm-final-card{border-left:2px solid #0EA5E9;border-radius:10px;padding:16px;background:var(--bg-secondary)}.pm-final-card-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.pm-final-card-desc{font-size:13px;line-height:1.5;color:var(--text-secondary)}.pm-stepper .how-step-active .how-step-num{background:#0ea5e9;color:#fff}.pm-stepper .how-step-current .how-step-num{background:#fff;color:#0ea5e9;border:2px solid #0EA5E9}[data-theme=dark] .pm-stepper .how-step-current .how-step-num{background:#1c1917}.pm-stepper .how-step-completed .how-step-num{background:#0ea5e9;color:#fff}.pm-stepper .how-arrow-active svg{color:#0ea5e9}[data-theme=dark] .pm-warning-box{background:#ff950014}[data-theme=dark] .pm-gap-bridge{background:#0ea5e91a}[data-theme=dark] .pm-deliverable-bad{background:#ff3b3014}[data-theme=dark] .pm-deliverable-good{background:#34c75914}[data-theme=dark] .pm-section-bad{background:#ff3b3014}[data-theme=dark] .pm-section-good{background:#34c75914}[data-theme=dark] .pm-intent-card-active,[data-theme=dark] .pm-scenario-card-active,[data-theme=dark] .pm-toolkit-complete{background:#0ea5e91a}[data-theme=dark] .pm-toolkit-checked{background:#34c75914}[data-theme=dark] .pm-eval-pass{border-color:#34c75980}[data-theme=dark] .pm-eval-fail{border-color:#ff3b3080}[data-theme=dark] .pm-scenario-detail{background:#1c1917;border-color:#44403c}[data-theme=dark] .pm-drift-good,[data-theme=dark] .pm-drift-bad{background:#1c1917}[data-theme=dark] .pm-deliverable-card,[data-theme=dark] .pm-toolkit-resource,[data-theme=dark] .pm-final-card{border-left-color:#0ea5e9}[data-theme=dark] .pm-section-num{background:#0ea5e926}[data-theme=dark] .pm-logic-rule pre{background:#1c1917;border-color:#44403c}[data-theme=dark] .pm-eval-card{background:#1c1917}[data-theme=dark] .pm-section-accordion,[data-theme=dark] .pm-gap-col,[data-theme=dark] .pm-logic-left,[data-theme=dark] .pm-logic-right,[data-theme=dark] .pm-drift-chart,[data-theme=dark] .pm-toolkit-column,[data-theme=dark] .pm-toolkit-resource,[data-theme=dark] .pm-final-card{background:#292524}@media(max-width:768px){.pm-gap-columns{grid-template-columns:1fr}.pm-gap-col-good{opacity:1;transform:none}.pm-logic-panels,.pm-drift-comparison{grid-template-columns:1fr}.pm-toolkit-columns{grid-template-columns:1fr 1fr}.pm-toolkit-resources,.pm-final-grid{grid-template-columns:1fr}.pm-scenario-list{grid-template-columns:1fr 1fr}.pm-show-next-btn,.pm-run-evals-btn,.pm-prevention-btn{width:100%;justify-content:center;min-height:44px}.pm-scenario-card,.pm-intent-card,.pm-eval-tab,.pm-toolkit-check,.pm-toggle-btn{min-height:44px}.pm-section-header{min-height:48px;padding:16px}.pm-logic-rule pre{overflow-x:auto;-webkit-overflow-scrolling:touch;word-break:break-word}.pm-drift-chart{min-height:160px;padding:16px 12px}.pm-drift-bars{height:120px}.pm-drift-y-label{font-size:10px}.pm-eval-field{flex-direction:column;gap:2px}.pm-eval-field-label{min-width:auto}.pm-eval-actions{flex-direction:column;align-items:stretch}}@media(max-width:480px){.pm-scenario-list,.pm-toolkit-columns{grid-template-columns:1fr}.pm-drift-bars{gap:4px}.pm-logic-rule pre{font-size:11px}.pm-final-grid{gap:8px}}.nn-canvas-container{position:relative;width:100%;height:100%;background:transparent;overflow:hidden}.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-dragging{transform:scale(1.1);transition:none}.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:fill .3s ease,filter .2s ease}.nn-node-bg-hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.nn-node-bg-dragging{filter:drop-shadow(0 8px 24px rgba(0,0,0,.2))}[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))}[data-theme=dark] .nn-node-bg-dragging{filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.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-bottom-buttons{position:absolute;bottom:12px;right:16px;z-index:3;display:flex;gap:8px}.nn-replay-btn{background:var(--bg-primary, #ffffff);border:1.5px 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-reset-btn{animation:nnFadeIn .2s ease-out}@keyframes nnFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.nn-drag-hint{position:absolute;bottom:38px;left:50%;transform:translate(-50%);font-size:12px;font-family:inherit;color:var(--text-tertiary, #86868b);z-index:3;pointer-events:none;animation:nnHintIn .3s ease-out}.nn-drag-hint-out{animation:nnHintOut .5s ease-in forwards}@keyframes nnHintIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes nnHintOut{0%{opacity:1}to{opacity:0}}[data-theme=dark] .nn-drag-hint{color:#78716c}@media(max-width:768px){.nn-canvas-svg,.nn-bg-canvas,.nn-bottom-buttons,.nn-drag-hint{display:none}}.landing{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;align-items:stretch;justify-content:center;z-index:1000;transition:opacity .5s ease-out;overflow:hidden}.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:10px;padding:24px 24px 16px;max-width:960px;width:100%;height: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%;flex:1;min-height:0}.landing-cta{margin-top:8px;flex-shrink:0;background:var(--accent);color:#fff;border:1.5px solid transparent;border-radius:10px;height:48px;padding:0 28px;font-size:15px;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-mobile-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-card, #ffffff);border:1px solid var(--border-light, #e8e8ed);border-radius:12px;cursor:pointer;font-family:inherit;transition:background .15s ease,transform .1s}.landing-mobile-card:active{transform:scale(.97)}[data-theme=dark] .landing-mobile-card{background:#292524;border-color:#44403c}.landing-mobile-card-icon{display:flex;align-items:center;justify-content:center}.landing-mobile-card-label{font-size:12px;font-weight:600;color:var(--text-primary, #1d1d1f);text-align:center}.landing-mobile-card-locked{opacity:.5;filter:grayscale(30%)}.landing-mobile-card-lock{position:absolute;top:6px;right:6px}.landing-theme-toggle{position:fixed;top:20px;right:24px;z-index:1010}@media(max-height:700px){.landing-content{padding-top:12px;gap:6px}.landing-title{font-size:30px}}@media(max-width:768px){.landing-content{padding:24px 16px calc(24px + env(safe-area-inset-bottom,16px));gap:12px;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.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:repeat(3,1fr);gap:8px;width:100%;padding:4px 0}.landing-cta{width:calc(100% - 32px);margin:0 16px;height:44px;padding:0 20px;font-size:14px}.landing-hint{display:none}.landing-theme-toggle{position:fixed;top:14px;right:16px}}@media(max-width:480px){.landing-mobile-grid{grid-template-columns:repeat(2,1fr)}.landing-cta{width:100%;margin:0}}.home-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 32px 48px;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)}.home-filter-group{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff}[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:2px 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}.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}.home-tag-professional{background:#e0f2fe;color:#0ea5e9}[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}[data-theme=dark] .home-tag-professional{background:#0ea5e926;color:#38bdf8}.home-card-game{background:var(--bg-secondary)}.home-card-game-badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:20px;text-transform:uppercase;flex-shrink:0;background:#fff8e1;color:#f59e0b}[data-theme=dark] .home-card-game-badge{background:#f59e0b26;color:#fbbf24}.home-card-difficulty{font-size:11px;font-weight:500;color:var(--text-tertiary);margin-top:auto}.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;display:flex;align-items:center;gap:8px}.home-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}@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;transition:opacity .2s ease}.nav-dropdown-bar-hidden{opacity:0;pointer-events:none}.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{flex-shrink:0;width:24px;display:flex;align-items:center;justify-content: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-dropdown-item-tag[data-tag=Interactive]{background:#ebf4ff;color:#0071e3}.nav-dropdown-item-tag[data-tag=Visual]{background:#f5eeff;color:#af52de}.nav-dropdown-item-tag[data-tag=Journey]{background:#fff4e5;color:#ff9500}.nav-dropdown-item-tag[data-tag=Practical]{background:#edfff3;color:#34c759}.nav-dropdown-item-tag[data-tag=Technical]{background:#eef;color:#5856d6}.nav-dropdown-item-tag[data-tag=Game]{background:#fff8e1;color:#f59e0b}.nav-dropdown-item-tag[data-tag=Professional]{background:#e0f2fe;color:#0ea5e9}[data-theme=dark] .nav-dropdown-item-tag[data-tag=Interactive]{background:#0071e326;color:#4da3ff}[data-theme=dark] .nav-dropdown-item-tag[data-tag=Visual]{background:#af52de26;color:#c989f0}[data-theme=dark] .nav-dropdown-item-tag[data-tag=Journey]{background:#ff950026;color:#ffb340}[data-theme=dark] .nav-dropdown-item-tag[data-tag=Practical]{background:#34c75926;color:#5ed882}[data-theme=dark] .nav-dropdown-item-tag[data-tag=Technical]{background:#5856d626;color:#8382e0}[data-theme=dark] .nav-dropdown-item-tag[data-tag=Game]{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .nav-dropdown-item-tag[data-tag=Professional]{background:#0ea5e926;color:#38bdf8}.nav-hamburger-hidden{opacity:0;pointer-events:none}.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{width:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.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}.nav-mobile-item-tag[data-tag=Interactive]{background:#ebf4ff;color:#0071e3}.nav-mobile-item-tag[data-tag=Visual]{background:#f5eeff;color:#af52de}.nav-mobile-item-tag[data-tag=Journey]{background:#fff4e5;color:#ff9500}.nav-mobile-item-tag[data-tag=Practical]{background:#edfff3;color:#34c759}.nav-mobile-item-tag[data-tag=Technical]{background:#eef;color:#5856d6}.nav-mobile-item-tag[data-tag=Game]{background:#fff8e1;color:#f59e0b}.nav-mobile-item-tag[data-tag=Professional]{background:#e0f2fe;color:#0ea5e9}[data-theme=dark] .nav-mobile-item-tag[data-tag=Interactive]{background:#0071e326;color:#4da3ff}[data-theme=dark] .nav-mobile-item-tag[data-tag=Visual]{background:#af52de26;color:#c989f0}[data-theme=dark] .nav-mobile-item-tag[data-tag=Journey]{background:#ff950026;color:#ffb340}[data-theme=dark] .nav-mobile-item-tag[data-tag=Practical]{background:#34c75926;color:#5ed882}[data-theme=dark] .nav-mobile-item-tag[data-tag=Technical]{background:#5856d626;color:#8382e0}[data-theme=dark] .nav-mobile-item-tag[data-tag=Game]{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .nav-mobile-item-tag[data-tag=Professional]{background:#0ea5e926;color:#38bdf8}@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}}.nav-dropdown-item-locked{opacity:.5}.nav-dropdown-item-lock{margin-left:auto;display:flex;align-items:center}.nav-mobile-item-locked{opacity:.5}.nav-mobile-item-lock{margin-left:auto;display:flex;align-items:center}.breadcrumb{display:flex;align-items:center;gap:0;padding:12px 40px 0;font-size:13px;font-family:inherit;margin-bottom:16px;flex-wrap:wrap}.breadcrumb-desktop{display:flex}.breadcrumb-mobile{display:none}.breadcrumb-sep{color:var(--text-tertiary);font-size:11px;-webkit-user-select:none;user-select:none;margin:0 4px}.breadcrumb-link{background:none;border:none;font-family:inherit;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:0;transition:color .15s}.breadcrumb-link:hover{color:var(--accent)}.breadcrumb-text{color:var(--text-secondary);font-size:13px}.breadcrumb-current{color:var(--text-primary);font-weight:500;font-size:13px;cursor:default}.breadcrumb-label-short{display:none}.breadcrumb-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-family:inherit;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:8px 16px;min-height:44px;transition:color .15s}.breadcrumb-back:hover,.breadcrumb-back:active{color:var(--accent)}.breadcrumb-back svg{flex-shrink:0}@media(max-width:768px){.breadcrumb-desktop{display:none}.breadcrumb-mobile{display:flex;padding:0;margin-bottom:0}}.feedback-bubble-wrap{position:fixed;z-index:9998;width:48px;height:48px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.feedback-bubble-large{position:absolute;top:0;left:0;width:48px;height:48px;background:linear-gradient(135deg,#1e90ff,#0071e3);border-radius:50% 50% 50% 6px;box-shadow:0 4px 16px #0071e359;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.feedback-bubble-wrap:hover .feedback-bubble-large{transform:scale(1.08);box-shadow:0 6px 28px #0071e380}.feedback-bubble-small{position:absolute;bottom:1px;right:-3px;width:28px;height:22px;background:#fff;border-radius:50% 50% 6px;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 8px #00000026;transition:transform .2s ease,background-color .3s ease}.feedback-bubble-wrap:hover .feedback-bubble-small{transform:scale(1.05)}[data-theme=dark] .feedback-bubble-small{background:#2c2c2e}.feedback-bubble-small span{width:5px;height:5px;background:#0071e3;border-radius:50%;display:block;animation:feedbackTypingBounce 1.2s infinite ease-in-out}[data-theme=dark] .feedback-bubble-small span{background:#60a5fa}.feedback-bubble-small span:nth-child(1){animation-delay:0s}.feedback-bubble-small span:nth-child(2){animation-delay:.2s}.feedback-bubble-small span:nth-child(3){animation-delay:.4s}@keyframes feedbackTypingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.feedback-dismiss{position:absolute;top:-6px;left:-6px;width:18px;height:18px;background:#1d1d1f;color:#fff;border:none;border-radius:50%;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;z-index:1;padding:0}.feedback-bubble-wrap:hover .feedback-dismiss{opacity:1}[data-theme=dark] .feedback-dismiss{background:#e8e3dd;color:#1c1917}.feedback-bubble-dragging{cursor:grabbing;opacity:.9}.feedback-bubble-dragging .feedback-bubble-large,.feedback-bubble-dragging .feedback-bubble-small{transform:scale(.95);transition:none}.feedback-tooltip{position:fixed;z-index:99999;background:#1d1d1f;color:#fff;font-size:12px;font-weight:500;line-height:1;padding:8px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;transform:translate(-50%,-100%);box-shadow:0 4px 16px #0003;animation:feedbackTooltipIn .15s ease-out}@keyframes feedbackTooltipIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}[data-theme=dark] .feedback-tooltip{background:#e8e3dd;color:#1c1917}.feedback-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:feedbackFadeIn .2s ease-out}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 80px #0003;animation:feedbackScaleIn .25s ease-out}@keyframes feedbackScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}[data-theme=dark] .feedback-modal{background:#1c1917;border:1px solid #44403C;box-shadow:0 24px 80px #00000080}.feedback-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;color:var(--text-secondary, #6e6e73);cursor:pointer;padding:4px 8px;border-radius:8px;line-height:1;transition:background .15s}.feedback-close:hover{background:#0000000f}[data-theme=dark] .feedback-close:hover{background:#ffffff14}.feedback-title{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--text-primary, #1d1d1f)}[data-theme=dark] .feedback-title{color:#e8e3dd}.feedback-subtitle{margin:0 0 20px;font-size:14px;color:var(--text-secondary, #6e6e73)}[data-theme=dark] .feedback-subtitle{color:#a8a29e}.feedback-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feedback-type-btn{flex:1 1 auto;min-width:fit-content;padding:8px 14px;border:none;border-radius:10px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;background:#f0f0f0;color:#555}[data-theme=dark] .feedback-type-btn{background:#312e2b;color:#a8a29e}.feedback-type-btn:hover{background:#e0e0e0}[data-theme=dark] .feedback-type-btn:hover{background:#3d3a37}.feedback-type-active{background:#0071e3!important;color:#fff!important}.feedback-field{margin-bottom:16px}.feedback-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary, #6e6e73);margin-bottom:6px}[data-theme=dark] .feedback-label{color:#a8a29e}.feedback-page-context{font-size:13px;color:var(--text-secondary, #86868b);background:#00000008;padding:8px 12px;border-radius:10px}[data-theme=dark] .feedback-page-context{color:#78716c;background:#ffffff0a}.feedback-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #d2d2d7;border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;background:#fff;color:var(--text-primary, #1d1d1f);transition:border-color .15s;box-sizing:border-box}.feedback-textarea:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.feedback-textarea-error{border-color:#ff3b30!important}.feedback-textarea-error:focus{box-shadow:0 0 0 3px #ff3b3026}[data-theme=dark] .feedback-textarea{background:#292524;color:#e8e3dd;border-color:#44403c}[data-theme=dark] .feedback-textarea::placeholder{color:#78716c}.feedback-input{width:100%;padding:12px;border:1px solid #d2d2d7;border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:var(--text-primary, #1d1d1f);transition:border-color .15s;box-sizing:border-box}.feedback-input:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}[data-theme=dark] .feedback-input{background:#292524;color:#e8e3dd;border-color:#44403c}[data-theme=dark] .feedback-input::placeholder{color:#78716c}.feedback-error{font-size:13px;color:#ff3b30;margin-top:6px}.feedback-submit-error{text-align:center;margin-top:12px}.feedback-submit{width:100%;padding:14px;background:#0071e3;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:4px;transition:background .15s,opacity .15s}.feedback-submit:hover{background:#0062c4}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-cancel{display:block;width:100%;background:none;border:none;font-size:14px;color:var(--text-secondary, #6e6e73);cursor:pointer;padding:12px;font-family:inherit;text-align:center}.feedback-cancel:hover{color:var(--text-primary, #1d1d1f)}[data-theme=dark] .feedback-cancel:hover{color:#e8e3dd}.feedback-success{text-align:center;padding:40px 20px}.feedback-success-icon{font-size:48px;margin-bottom:16px}.feedback-success-title{font-size:18px;font-weight:700;color:var(--text-primary, #1d1d1f);margin-bottom:8px}[data-theme=dark] .feedback-success-title{color:#e8e3dd}.feedback-success-subtitle{font-size:14px;color:var(--text-secondary, #6e6e73)}[data-theme=dark] .feedback-success-subtitle{color:#a8a29e}@media(max-width:768px){.feedback-bubble-wrap,.feedback-bubble-large{width:44px;height:44px}.feedback-bubble-small{width:26px;height:20px}.feedback-bubble-small span{width:4px;height:4px}.feedback-backdrop{align-items:flex-end}.feedback-modal{max-width:calc(100vw - 32px);max-height:90vh;overflow-y:auto;margin:16px;padding:20px;border-radius:20px 20px 16px 16px;animation:feedbackSlideUp .3s ease-out}@keyframes feedbackSlideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-types{gap:6px}.feedback-type-btn{font-size:12px;padding:7px 10px}}.auth-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:authFadeIn .2s ease-out}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:var(--radius-lg, 18px);padding:32px;box-shadow:0 24px 80px #0003;animation:authScaleIn .25s ease-out}@keyframes authScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}[data-theme=dark] .auth-modal{background:#1c1917;border:1px solid #44403C;box-shadow:0 24px 80px #00000080}.auth-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary, #6e6e73);cursor:pointer;padding:6px;border-radius:8px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}.auth-close:hover{background:#0000000f}[data-theme=dark] .auth-close:hover{background:#ffffff14}.auth-unlock-message{font-size:14px;color:var(--text-secondary, #6e6e73);margin-bottom:16px}.auth-title{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--text-primary, #1d1d1f)}.auth-subtitle{margin:0 0 24px;font-size:14px;color:var(--text-secondary, #6e6e73)}.auth-google-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid var(--border, #d2d2d7);border-radius:10px;font-size:15px;font-weight:500;font-family:inherit;color:var(--text-primary, #1d1d1f);cursor:pointer;transition:background .15s,border-color .15s}.auth-google-btn:hover{background:var(--bg-secondary, #f5f5f7);border-color:var(--text-tertiary, #86868b)}[data-theme=dark] .auth-google-btn{background:var(--bg-secondary, #292524);border-color:var(--border, #44403C);color:var(--text-primary, #E8E3DD)}[data-theme=dark] .auth-google-btn:hover{background:#312e2b}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border, #d2d2d7)}.auth-divider span{font-size:13px;color:var(--text-tertiary, #86868b)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{width:100%;height:44px;padding:0 14px;border:1px solid var(--border, #d2d2d7);border-radius:8px;font-size:15px;font-family:inherit;color:var(--text-primary, #1d1d1f);background:var(--bg-input, #ffffff);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:var(--text-tertiary, #86868b)}.auth-input:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}[data-theme=dark] .auth-input{background:#292524;border-color:#44403c;color:#e8e3dd}[data-theme=dark] .auth-input::placeholder{color:#78716c}[data-theme=dark] .auth-input:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e340}.auth-error{display:flex;align-items:center;gap:6px;font-size:13px;color:#ff3b30}.auth-submit{width:100%;height:44px;background:#0071e3;color:#fff;border:1.5px solid transparent;border-radius:10px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.auth-submit:hover{background:#0077ed}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;margin-top:20px;font-size:14px;color:var(--text-secondary, #6e6e73)}.auth-toggle-link{background:none;border:none;padding:0;font-size:14px;font-weight:600;font-family:inherit;color:#0071e3;cursor:pointer;transition:color .15s}.auth-toggle-link:hover{color:#0077ed}.header-auth-btn{height:36px;padding:0 16px;border:1.5px solid var(--border, #d2d2d7);border-radius:8px;background:none;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-primary, #1d1d1f);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.header-auth-btn:hover{border-color:var(--accent, #0071E3);color:var(--accent, #0071E3)}.header-avatar-wrap{position:relative}.header-avatar{width:32px;height:32px;border-radius:50%;border:none;padding:0;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:box-shadow .15s}.header-avatar:hover{box-shadow:0 0 0 2px var(--accent, #0071E3)}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-avatar-initials{width:32px;height:32px;border-radius:50%;background:var(--accent, #0071E3);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;border:none;padding:0;cursor:pointer;transition:box-shadow .15s}.header-avatar-initials:hover{box-shadow:0 0 0 2px #0071e366}.header-avatar-svg{width:32px;height:32px;border-radius:50%;background:none;color:var(--text-secondary, #6e6e73);display:flex;align-items:center;justify-content:center;border:none;padding:0;cursor:pointer;transition:color .15s}.header-avatar-svg:hover{color:var(--text-primary, #1d1d1f)}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-card, #fff);border:1px solid var(--border, #d2d2d7);border-radius:var(--radius, 12px);box-shadow:var(--shadow-md, 0 2px 12px rgba(0,0,0,.08));padding:8px 0;z-index:100;animation:avatarDropIn .15s ease-out}@keyframes avatarDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .avatar-dropdown{background:#292524;border-color:#44403c;box-shadow:0 4px 24px #0006}.avatar-dropdown-info{padding:12px 16px}.avatar-dropdown-name{font-size:14px;font-weight:600;color:var(--text-primary, #1d1d1f)}.avatar-dropdown-email{font-size:12px;color:var(--text-secondary, #6e6e73);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-dropdown-divider{height:1px;background:var(--border-light, #e8e8ed);margin:4px 0}[data-theme=dark] .avatar-dropdown-divider{background:#44403c}.avatar-dropdown-item{display:block;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;font-family:inherit;color:var(--text-primary, #1d1d1f);cursor:pointer;text-align:left;transition:background .15s}.avatar-dropdown-item:hover{background:var(--bg-secondary, #f5f5f7)}[data-theme=dark] .avatar-dropdown-item:hover{background:#312e2b}.avatar-dropdown-item-signout{color:#ff3b30}.home-progress-summary{margin-bottom:20px}.home-progress-welcome{font-size:15px;font-weight:500;color:var(--text-primary, #1d1d1f);margin-bottom:8px}.home-progress-bar-wrap{display:flex;align-items:center;gap:12px}.home-progress-text{font-size:13px;color:var(--text-secondary, #6e6e73);white-space:nowrap}.home-progress-bar{flex:1;height:6px;background:var(--bg-surface, #e9e9eb);border-radius:3px;overflow:hidden;max-width:200px}[data-theme=dark] .home-progress-bar{background:#44403c}.home-progress-fill{height:100%;background:var(--accent, #0071E3);border-radius:3px;transition:width .5s ease}.home-card-locked{opacity:.5;filter:grayscale(30%)}.home-card-lock-icon{position:absolute;top:12px;right:12px;color:var(--text-tertiary, #86868b)}.home-card-badges{display:flex;align-items:center;gap:6px;margin-top:auto;align-self:flex-end}.home-card-badge{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.auth-backdrop{align-items:flex-end;padding:0}.auth-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0;padding:24px 20px 32px;animation:authSlideUp .3s ease-out}@keyframes authSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-input{height:44px;font-size:16px}.auth-submit,.auth-google-btn{min-height:44px}.header-avatar-svg{width:28px;height:28px}.avatar-dropdown{position:fixed;inset:auto 0 0;min-width:100%;border-radius:16px 16px 0 0;padding:12px 0 24px;animation:avatarSlideUp .2s ease-out}@keyframes avatarSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.avatar-dropdown-item{padding:14px 20px;min-height:44px}.avatar-dropdown-info{padding:12px 20px}.home-card-lock-icon svg{width:14px;height:14px}.home-progress-bar-wrap{flex-direction:column;align-items:flex-start;gap:6px}.home-progress-bar{max-width:100%;width:100%}}.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}.slider-mood{display:block;font-size:11px;line-height:1.4;color:var(--text-tertiary);margin-top:4px;margin-bottom:8px}.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:1.5px 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:visible;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;gap:8px;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-icon-btn{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;border-radius:6px;color:#86868b;transition:color .2s,background-color .3s ease;flex-shrink:0}.header-icon-btn:hover{color:#0071e3}[data-theme=dark] .header-icon-btn{color:#a8a29e}[data-theme=dark] .header-icon-btn:hover{color:#0071e3}.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}.segmented-control{position:relative;z-index:1;display:inline-flex;background:var(--bg-secondary);border-radius:10px;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:8px;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-wrap{display:flex;flex-direction:column;max-width:72%;animation:fadeIn .25s ease}.chat-bubble-wrap-user{align-self:flex-end}.chat-bubble-wrap-assistant{align-self:flex-start}.chat-meta{font-size:11px;color:var(--text-tertiary);margin-top:4px;padding-left:4px;font-variant-numeric:tabular-nums}.chat-bubble{max-width:72%;display:flex;flex-direction:column;animation:fadeIn .25s ease}.chat-bubble-wrap .chat-bubble{max-width:100%;animation:none}@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:center}.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:1.5px solid transparent;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:#fff;border:1px solid #E5E5EA;border-radius:var(--radius);padding:16px 20px;font-size:14px;line-height:1.6;color:var(--text-secondary)}[data-theme=dark] .gen-info-box{background:#1c1917;border-color:#44403c}.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:1.5px solid transparent;border-radius:10px;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:1.5px 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:1.5px 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:#fff;border:1px solid #E5E5EA;border-radius:var(--radius);padding:16px 20px;font-size:14px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}[data-theme=dark] .how-welcome{background:#1c1917;border-color:#44403c}.how-welcome-text{flex:1}.how-welcome-dismiss{background:none;border:1.5px solid var(--accent);border-radius:10px;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)}.module-welcome-steps{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.module-welcome-steps li{font-size:13px;line-height:1.5;color:var(--text-secondary)}.module-welcome-steps strong{color:var(--text-primary)}.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-subtitle{font-size:16px;color:var(--text-secondary);margin:0 0 16px;font-weight:500}.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:1.5px solid transparent;border-radius:10px;padding:12px 28px;font-size:15px;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:12px;padding:8px 14px;font-family:inherit;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.how-suggestion-text{font-size:13px;font-weight:500;color:var(--text-secondary)}.how-suggestion-label{font-size:11px;color:var(--text-tertiary);font-weight:500}.how-suggestion-chip:hover{background:var(--accent-light);border-color:var(--accent)}.how-suggestion-chip:hover .how-suggestion-text{color:var(--accent)}.how-suggestion-chip-active{background:var(--accent-light);border-color:var(--accent)}.how-suggestion-chip-active .how-suggestion-text{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:1.5px solid transparent;border-radius:10px;padding:12px 28px;font-size:15px;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:10px;padding:12px 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-primary);border:2px solid var(--border, #D2D2D7);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-tertiary, #8E8E93);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(--bg-primary);border:2px solid var(--accent);color:var(--accent)}.how-step-active .how-step-label{color:var(--text-primary)}.how-step-current{background:transparent}.how-step-current .how-step-label{font-weight:700;color:var(--text-primary)}.how-step-completed .how-step-num{background:var(--bg-primary);border:2px solid #34c759;color:#34c759}.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-fading{opacity:0;transition:opacity .25s ease-out}.how-prompt-bubble{background:#f2f2f7;color:#1d1d1f;padding:12px 20px;border-radius:16px 16px 4px;font-size:15px;font-weight:400;line-height:1.5;max-width:80%;display:inline-block;align-self:flex-end;cursor:default}[data-theme=dark] .how-prompt-bubble{background:#292524;color:#e8e3dd}.how-info-card{display:flex;gap:14px;background:var(--bg-card, #ffffff);border:1px solid var(--border-light, #E5E5EA);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;padding-left:12px;border-left:3px solid var(--accent)}.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:#eab3080f;border:none;border-left:2px solid #eab308;border-radius:10px;padding:12px 16px;font-size:14px;color:var(--text-secondary);line-height:1.5;margin-top:4px}[data-theme=dark] .how-info-tip{background:#eab3080f}.how-info-tip .content-icon:first-child,.how-info-icon{flex-shrink:0;margin-top:2px}.how-gotit-btn{background:var(--accent);color:#fff;border:1.5px solid transparent;border-radius:10px;padding:12px 28px;font-size:15px;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:10px;padding:10px 24px;font-size:14px;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;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.how-step-clickable:hover{background:var(--accent-light);transform:scale(1.05);box-shadow:0 2px 8px #34c75933}.how-step-clickable:hover .how-step-num{border-color:#2db84e;color:#2db84e}.how-step:not(.how-step-active):not(.how-step-clickable){cursor:not-allowed;opacity:.5}.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:1.5px solid transparent;border-radius:10px;padding:10px 24px;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)}.how-embed-visible{animation:embedRowIn .4s ease forwards}.how-embed-instant{opacity:1;transform:none}@keyframes embedRowIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.how-vectors-fade-in{animation:vectorsFadeIn .4s ease both}@keyframes vectorsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(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:#fff;border:1px solid #E5E5EA;border-radius:var(--radius);padding:20px 24px;max-width:480px;width:100%;text-align:left}[data-theme=dark] .how-final-recap{background:#1c1917;border-color:#44403c}.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}.how-final-actions button{height:48px;padding:0 28px;margin:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:15px;font-weight:600;font-family:inherit;border-width:1.5px;border-style:solid;border-radius:10px;line-height:1}.playground-welcome{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #E5E5EA;border-radius:var(--radius);padding:14px 18px;font-size:14px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}[data-theme=dark] .playground-welcome{background:#1c1917;border-color:#44403c}.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:min(260px,calc(100vw - 24px));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:1.5px 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:1.5px 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{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #E5E5EA;border-left:2px solid #0071E3;border-radius:var(--radius);padding:10px 16px;font-size:13px;line-height:1.5;color:var(--text-secondary);animation:fadeIn .4s ease;transition:opacity .4s ease}.learn-tip-text{flex:1}.learn-tip-dismiss{flex-shrink:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .15s}.learn-tip-dismiss:hover{color:var(--text-primary)}[data-theme=dark] .learn-tip{background:#1c1917;border-color:#44403c;border-left-color:#0071e3}.learn-tip-fading{opacity:0}.gen-topk-card{background:#fff;border:1px solid #E5E5EA;border-radius:var(--radius);padding:16px;animation:fadeIn .3s ease}[data-theme=dark] .gen-topk-card{background:#1c1917;border-color:#44403c}.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:#fff;border:1px solid #E5E5EA;border-radius:var(--radius);padding:14px 18px;font-size:14px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}[data-theme=dark] .tok-welcome{background:#1c1917;border-color:#44403c}.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:#fff;border:1px solid #E5E5EA;border-radius:12px;padding:16px 20px;font-size:13px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}[data-theme=dark] .tok-info-banner{background:#1c1917;border-color:#44403c}.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:nowrap;gap:10px;justify-content:center}.tok-suggestion{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;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:none;flex:1 1 0}.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:#fff;border:1px solid #E5E5EA;border-radius:var(--radius);padding:14px 18px;font-size:14px;line-height:1.6;color:var(--text-secondary);animation:fadeIn .3s ease}[data-theme=dark] .gen-welcome{background:#1c1917;border-color:#44403c}.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}@media(max-width:680px){.gen-mode-cards{flex-direction:column}}.mt-root{max-width:900px}.ce-welcome-steps{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.ce-welcome-steps li{font-size:13px;line-height:1.5;color:var(--text-secondary)}.ce-welcome-steps strong{color:var(--text-primary)}.rag-welcome-steps{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.rag-welcome-steps li{font-size:13px;line-height:1.5;color:var(--text-secondary)}.rag-welcome-steps strong{color:var(--text-primary)}.ml-welcome-steps{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.ml-welcome-steps li{font-size:13px;line-height:1.5;color:var(--text-secondary)}.ml-welcome-steps strong{color:var(--text-primary)}.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:min(260px,calc(100vw - 24px));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-flipped{transform:translate(-50%);animation:popupFadeInFlipped .15s ease-out}@keyframes popupFadeInFlipped{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.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:#fff;border:1px solid #E5E5EA;border-left:2px solid #ff3b30}.mt-pipeline-output{background:#fff;border:1px solid #E5E5EA;border-left:2px solid #34c759}[data-theme=dark] .mt-pipeline-input{background:#1c1917;border-color:#44403c;border-left:2px solid #ff3b30}[data-theme=dark] .mt-pipeline-output{background:#1c1917;border-color:#44403c;border-left:2px solid #34c759}.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:#fff;border-color:#e5e5ea;color:var(--text-secondary)}[data-theme=dark] .mt-filter-active{background:#1c1917;border-color:#44403c}.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:start}.mt-loss-curve{flex:1.5;min-width:0;display:flex;flex-direction:column;gap:8px}.mt-loss-canvas{display:block;width:100%;aspect-ratio:2 / 1;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;overflow-y:auto;scrollbar-gutter:stable;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:2px solid #FF9500;background:#fff}.pe-split-good{border-left:2px solid #34C759;background:#fff}[data-theme=dark] .pe-split-bad,[data-theme=dark] .pe-split-good{background:#1c1917;border-color:#44403c}[data-theme=dark] .pe-split-bad{border-left-color:#ff9500}[data-theme=dark] .pe-split-good{border-left-color:#34c759}.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:1.5px solid var(--border);border-radius:10px;height:36px;padding:0 20px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .2s ease;align-self:center;animation:peFsCardIn .5s ease-out .1s both}.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}.pe-fs-card-visible{animation:peFsCardIn .6s ease-out .15s both}@keyframes peFsCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pe-fs-card-none{border:1px solid var(--border);border-left:2px solid var(--text-tertiary)}.pe-fs-card-one{border:1px solid #E5E5EA;border-left:2px solid #ff9500}.pe-fs-card-three{border:1px solid #E5E5EA;border-left:2px solid #34c759}[data-theme=dark] .pe-fs-card-one{border-color:#44403c;border-left:2px solid #ff9500}[data-theme=dark] .pe-fs-card-three{border-color:#44403c;border-left:2px 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}.pe-role-resp-card-visible{animation:peFsCardIn .6s ease-out .15s both}.pe-role-accent-blue{border-left:2px solid #0071e3}.pe-role-accent-purple{border-left:2px solid #8b5cf6}.pe-role-accent-green{border-left:2px solid #34c759}.pe-role-accent-orange{border-left:2px 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:none}.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:2px solid #0071e3}.pe-pipe-purple{border-left:2px solid #8b5cf6}.pe-pipe-orange{border-left:2px solid #ff9500}.pe-pipe-green{border-left:2px 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:10px;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:10px;height:36px;padding:0 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{display:flex;align-items:center;justify-content:center;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:center;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:8px}.header-grouped .header-brand{gap:8px;margin-left:0}.header-right{gap:8px;flex: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}.tab-content-wrapper{padding-bottom:env(safe-area-inset-bottom,0)}.chat-container{padding:16px}.chat-bubble,.chat-bubble-wrap{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:0 1 auto;text-align:center}.slider-mood{font-size:11px;margin-bottom:6px}.chat-meta{font-size:11px;padding-left:2px}.learn-tip-dismiss{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;padding:8px}.module-welcome-steps{padding-left:18px;gap:2px}.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:14px;padding:10px 16px}.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%;height:44px;padding:0 20px;font-size:14px}.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{flex:none;max-width:100%}.how-suggestion-chips{flex-direction:column;gap:8px}.how-suggestion-chip{flex:none;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:repeat(2,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)}}