:root{--bg-primary: #0a0f1e;--bg-secondary: #111827;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #1e2a3a;--card-bg: #111827;--accent: #818cf8}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}.app-light{color:#0f172a}.app-light .hero-desc,.app-light .explanation-intro,.app-light .code-label{color:#1e293b}.app-light .code-comment{color:#475569}.app-light .section-title,.app-light .fhe-explanation h2,.app-light .code-column h3{color:#0f172a}.app-light .explanation-insight{background:#4f46e514;border-left-color:#4f46e5;color:#1e293b}#root{min-height:100vh}button,select,option{font-family:inherit}.app-dark{--bg-primary: #0a0f1e;--bg-secondary: #111827;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #1e2a3a;--card-bg: #111827;--accent: #818cf8}.app-light{--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #1e293b;--border-color: #94a3b8;--card-bg: #ffffff;--accent: #4f46e5}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.hero{background:linear-gradient(160deg,var(--bg-secondary) 0%,var(--bg-primary) 50%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);padding:4.5rem 2rem 3.5rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.12) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:820px;margin:0 auto;position:relative}.hero-badge{display:inline-block;background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.35);padding:.3rem .9rem;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.25rem}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,#f1f5f9,#818cf8 60%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;line-height:1.1;letter-spacing:-.02em}.hero-desc{color:#64748b;font-size:1rem;max-width:580px;margin:0 auto 2.5rem;line-height:1.7}.hero-stats{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.stat-num{font-size:2.25rem;font-weight:800;color:#818cf8;line-height:1}.stat-label{font-size:.72rem;color:#475569;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.hero-actions{margin-top:2rem;display:flex;justify-content:center;gap:.75rem}.gh-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;background:#6366f11f;border:1px solid rgba(99,102,241,.35);border-radius:8px;color:#a5b4fc;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.gh-btn:hover{background:#6366f138;border-color:#6366f199;color:#c7d2fe}.gh-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.theme-toggle{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border:1px solid var(--border-color);background:#6366f11a;border-radius:8px;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{background:#6366f133;border-color:#6366f199}.fhe-explanation{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:2.5rem}.explanation-container{max-width:1380px;margin:0 auto}.fhe-explanation h2{font-size:1.875rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem}.explanation-intro{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:800px}.code-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:900px){.code-comparison{grid-template-columns:1fr}}.code-column h3{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin-bottom:1rem}.code-block{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;color:var(--text-secondary);overflow-x:auto;margin-bottom:1rem}.code-column.plaintext .code-block{border-color:#ea580c4d;background:#ea580c0d}.code-column.tfhe .code-block{border-color:#0ea5e94d;background:#0ea5e90d}.code-keyword{color:#f472b6;font-weight:600}.code-number{color:#fbbf24}.code-comment{color:#64748b}.annotation-group{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.2);display:block}.annotation-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.annotation-label{display:block;font-size:.75rem;font-weight:700;color:#0ea5e9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.code-label{font-size:.875rem;color:#94a3b8;font-style:italic}.explanation-insight{background:#6366f11a;border-left:4px solid #818cf8;padding:1.25rem;border-radius:8px;color:#cbd5e1;line-height:1.6}.explanation-insight strong{color:#c7d2fe}.main-content{max-width:1380px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:2rem 2rem 2.25rem;position:relative;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem}.section-header h2{font-size:1.35rem;font-weight:700;color:#f1f5f9;margin:0 0 .3rem;letter-spacing:-.01em}.subtitle{color:#475569;font-size:.85rem;margin:0;line-height:1.5}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.lb-table{width:100%;border-collapse:collapse;font-size:.83rem;white-space:nowrap}.lb-table th{padding:.5rem .7rem;text-align:center;color:#475569;font-weight:600;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #1e2a3a}.lb-table th:nth-child(2){text-align:left}.group-header{padding-bottom:.4rem!important}.group-header.simple-group{border-bottom:2px solid #3b82f6!important;color:#60a5fa!important}.group-header.complex-group{border-bottom:2px solid #a855f7!important;color:#c084fc!important}.avg-th{color:#818cf8!important;border-left:1px solid #1e2a3a}.lb-table td{padding:.5rem .7rem;text-align:center;border-bottom:1px solid #0d1424;transition:opacity .15s}.rank-td{text-align:center;padding-right:.5rem}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;font-weight:700;font-size:.8rem}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#d97706);color:#0f172a}.rank-badge.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#0f172a}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7c2f,#92400e);color:#fef3c7}.rank-badge.rank-4{background:#1e293b;color:#475569;border:1px solid #334155}.model-td{text-align:left;font-weight:600;font-size:.85rem;padding-right:1.25rem}.score-td{font-size:.78rem;font-variant-numeric:tabular-nums;min-width:3.5rem;border-radius:3px}.avg-td{border-left:1px solid #1e2a3a;font-size:.875rem}.lb-table tr:hover td{opacity:.85}.toggle-control{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.toggle-text{font-size:.82rem;color:#475569;transition:color .2s;white-space:nowrap}.toggle-text.active{color:#e2e8f0;font-weight:600}.t-btn{position:relative;width:3.25rem;height:1.625rem;border-radius:9999px;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background .3s}.t-btn.off{background:#1e2a3a;border:1px solid #334155}.t-btn.on{background:#4338ca}.t-thumb{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 1px 3px #0006}.t-btn.on .t-thumb{transform:translate(1.625rem)}.reveal-banner{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:.75rem 1.1rem;color:#fca5a5;font-size:.83rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.chart-container{margin-top:.5rem}.chart-tooltip{background:#0d1424;border:1px solid #334155;border-radius:8px;padding:.7rem 1rem;font-size:.8rem;min-width:160px}.tooltip-label{font-weight:700;color:#f1f5f9;margin-bottom:.5rem;font-size:.85rem}.tooltip-row{display:flex;justify-content:space-between;gap:1rem;margin:.2rem 0}.tooltip-key{color:#94a3b8}.tooltip-val{font-weight:600;font-variant-numeric:tabular-nums}.ablation-controls{display:flex;gap:1.5rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:flex-end}.select-group{display:flex;flex-direction:column;gap:.4rem}.select-group label{font-size:.7rem;color:#475569;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.select-group select{background:#0d1424;border:1px solid #1e2a3a;border-radius:8px;color:#e2e8f0;padding:.5rem .9rem;font-size:.85rem;cursor:pointer;outline:none;transition:border-color .2s;min-width:160px}.select-group select:focus,.select-group select:hover{border-color:#6366f1}.component-toggles{display:flex;gap:.85rem;margin-bottom:1.5rem;flex-wrap:wrap}.comp-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.55rem 1rem;background:#0d1424;border:1px solid #1e2a3a;border-radius:8px;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none}.comp-toggle.checked{background:#6366f10f}.comp-toggle-label{font-size:.83rem;color:#94a3b8;font-weight:500;transition:color .2s}.comp-toggle.checked .comp-toggle-label{color:#e2e8f0}.mini-toggle{position:relative;width:2.5rem;height:1.35rem;border-radius:9999px;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background .25s;pointer-events:none}.mini-toggle.off{background:#1e2a3a}.mini-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#334155;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;display:block}.mini-toggle.on .mini-thumb{transform:translate(1.15rem)}.ablation-step-info{text-align:center;color:#475569;font-size:.83rem;margin-top:1rem}.ablation-step-info strong{font-size:.9rem}.heatmap-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.heatmap-table{border-collapse:separate;border-spacing:3px;font-size:.78rem}.hm-spacer{width:.5rem}.hm-model-th,.hm-model-td{text-align:left;white-space:nowrap;padding:.4rem .75rem .4rem .25rem;font-weight:600;font-size:.82rem}.hm-model-th{color:#475569;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.hm-group{text-align:center;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .5rem;border-bottom:2px solid}.hm-group.simple-group{color:#60a5fa;border-color:#3b82f6}.hm-group.complex-group{color:#c084fc;border-color:#a855f7}.hm-task-th{text-align:center;color:#475569;font-size:.68rem;padding:.3rem .5rem;font-weight:500;white-space:nowrap}.hm-cell{text-align:center;padding:.6rem .55rem;border-radius:5px;font-variant-numeric:tabular-nums;cursor:default;transition:transform .1s,box-shadow .1s;min-width:3.4rem}.hm-cell:hover{transform:scale(1.08);box-shadow:0 0 0 2px #ffffff26;position:relative;z-index:10}.hm-val{font-size:.78rem;font-weight:600}.hm-divider td{width:.5rem}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin-top:1rem;font-size:.72rem;color:#475569}.legend-gradient{width:160px;height:8px;border-radius:4px;background:linear-gradient(to right,#3b0707,#7c2d12,#854d0e,#3a6612,#166534,#14532d)}.model-color-legend{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #1e2a3a}.mcl-item{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:#94a3b8}.mcl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.footer{text-align:center;padding:2rem;color:#1e2a3a;font-size:.78rem;border-top:1px solid #111827}@media(max-width:640px){.hero{padding:3rem 1rem 2.5rem}.main-content{padding:1.5rem 1rem 3rem}.card{padding:1.25rem}.section-header{flex-direction:column}.hero-stats{gap:2.5rem}}.lb-header{margin-bottom:1.75rem}.lb-title-row{margin-bottom:1rem}.lb-controls-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.lb-sort-row{display:flex;align-items:center;gap:.75rem}.technique-selector{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.technique-label{font-size:.7rem;color:#475569;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.radio-group{display:flex;gap:.35rem;background:#0d1424;border:1px solid #334155;border-radius:8px;padding:.25rem;flex-shrink:0}.radio-btn{padding:.4rem 1rem;border-radius:6px;border:1px solid transparent;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.radio-btn:hover{color:#e2e8f0;background:#1e2a3a;border-color:#334155}.radio-btn.active{background:#1e2a3a;color:#c7d2fe;border:1px solid #4f46e5;box-shadow:0 0 0 1px #4f46e54d}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem}.guide-card{background:#0d1424;border:1px solid #1e2a3a;border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.guide-card-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.guide-badge{padding:.18rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.task-badge{background:#818cf826;color:#818cf8}.guide-name{font-size:.78rem;color:#94a3b8;font-family:monospace}.guide-desc{font-size:.82rem;color:#64748b;line-height:1.55;margin:0}.tasks-group-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem;margin-bottom:.25rem}.simple-label{color:#38bdf8}.complex-label{color:#fb923c}.weight-sliders{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.75rem}.weight-slider{display:flex;flex-direction:column;gap:.4rem}.weight-slider-header{display:flex;justify-content:space-between;align-items:center}.weight-label{font-size:.75rem;font-weight:600}.weight-val{font-size:.75rem;font-family:monospace;font-weight:700}.weight-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--thumb-color, #818cf8) 0%,var(--thumb-color, #818cf8) var(--fill-pct, 25%),#1e2a3a var(--fill-pct, 25%),#1e2a3a 100%);outline:none;cursor:grab}.weight-range:active{cursor:grabbing}.weight-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--thumb-color, #818cf8);cursor:grab;border:2px solid #0a0f1e;box-shadow:0 0 0 3px #818cf840;transition:box-shadow .15s}.weight-range::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px #818cf859}.weight-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--thumb-color, #818cf8);cursor:grab;border:2px solid #0a0f1e;box-shadow:0 0 0 3px #818cf840}.slider-hint{font-size:.65rem;color:#334155;letter-spacing:.04em;margin-top:.15rem;display:block}.composite-table-wrap{overflow-x:auto}.composite-table{width:100%;border-collapse:collapse;font-size:.84rem}.composite-table thead th{padding:.5rem .75rem;color:#475569;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #1e2a3a;white-space:nowrap}.composite-table tbody tr{border-bottom:1px solid #0f1929}.composite-table tbody tr:hover{background:#0d1424}.composite-table td{padding:.65rem .75rem;vertical-align:middle}.comp-score-td{min-width:180px}.comp-bar-wrap{position:relative;height:20px;background:#0d1424;border-radius:4px;overflow:hidden;display:flex;align-items:center}.comp-bar{position:absolute;left:0;top:0;height:100%;border-radius:4px;opacity:.7;transition:width .3s ease}.comp-bar-label{position:relative;font-size:.72rem;font-weight:700;color:#e2e8f0;padding-left:.5rem;z-index:1}.comp-metric-td{text-align:center;font-size:.8rem;font-family:monospace;white-space:nowrap}.app-light body,.app-light{background:#f1f5f9;color:#0f172a}.app-light .hero h1{background:linear-gradient(135deg,#1e293b,#4f46e5 60%,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-light .hero-desc{color:#475569}.app-light .stat-num{color:#4f46e5}.app-light .stat-label{color:#64748b}.app-light .gh-btn{color:#4f46e5;border-color:#4f46e566;background:#4f46e514}.app-light .gh-btn:hover{background:#4f46e526;color:#3730a3}.app-light .section-header h2{color:#0f172a}.app-light .subtitle{color:#64748b}.app-light .fhe-explanation h2{color:#0f172a}.app-light .explanation-intro{color:#334155}.app-light .code-column h3{color:#1e293b}.app-light .code-label,.app-light .code-comment{color:#64748b}.app-light .code-keyword{color:#7c3aed}.app-light .code-number{color:#b45309}.app-light .annotation-label{color:#0284c7}.app-light .explanation-insight{background:#4f46e512;border-left-color:#4f46e5;color:#1e293b}.app-light .explanation-insight strong{color:#3730a3}.app-light .lb-table th{color:#64748b;border-bottom-color:#cbd5e1}.app-light .lb-table td{border-bottom-color:#e2e8f0}.app-light .avg-th,.app-light .avg-td{border-left-color:#cbd5e1}.app-light .rank-badge.rank-4{background:#e2e8f0;color:#64748b;border-color:#cbd5e1}.app-light .toggle-text{color:#64748b}.app-light .toggle-text.active{color:#0f172a;font-weight:600}.app-light .t-btn.off{background:#e2e8f0;border-color:#cbd5e1}.app-light .select-group label{color:#64748b}.app-light .select-group select{background:#fff;border-color:#cbd5e1;color:#1e293b}.app-light .select-group select:focus,.app-light .select-group select:hover{border-color:#4f46e5}.app-light .comp-toggle{background:#fff;border-color:#cbd5e1}.app-light .comp-toggle.checked{background:#4f46e50f}.app-light .comp-toggle-label{color:#64748b}.app-light .comp-toggle.checked .comp-toggle-label{color:#1e293b}.app-light .mini-toggle.off{background:#cbd5e1}.app-light .mini-thumb{background:#94a3b8}.app-light .technique-label{color:#64748b}.app-light .radio-group{background:#fff;border-color:#cbd5e1}.app-light .radio-btn{color:#64748b}.app-light .radio-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.app-light .radio-btn.active{background:#ede9fe;color:#4f46e5;border-color:#a5b4fc}.app-light .slider-hint{color:#94a3b8}.app-light .weight-range{background:linear-gradient(to right,var(--thumb-color) 0%,var(--thumb-color) var(--fill-pct, 25%),#e2e8f0 var(--fill-pct, 25%),#e2e8f0 100%)}.app-light .guide-card{background:#f8fafc;border-color:#cbd5e1}.app-light .guide-name,.app-light .guide-desc{color:#475569}.app-light .chart-tooltip{background:#fff;border-color:#cbd5e1}.app-light .tooltip-label{color:#0f172a}.app-light .tooltip-key,.app-light .hm-model-th,.app-light .hm-task-th,.app-light .heatmap-legend{color:#64748b}.app-light .model-color-legend{border-top-color:#e2e8f0}.app-light .mcl-item,.app-light .ablation-step-info{color:#64748b}.app-light .reveal-banner{color:#dc2626}.app-light .weight-range,.app-light .comp-bar-wrap{background:#e2e8f0}.app-light .comp-bar-label{color:#1e293b}.app-light .composite-table thead th{color:#64748b;border-bottom-color:#cbd5e1}.app-light .composite-table tbody tr{border-bottom-color:#e2e8f0}.app-light .composite-table tbody tr:hover{background:#f8fafc}.app-light .footer{color:#94a3b8;border-top-color:#e2e8f0}