:root{--bg-app:#09090b;--bg-panel:#18181b;--bg-input:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-subtle:#3f3f46;--border-focus:#00f3ff;--cyan:#00f3ff;--purple:#bc13fe;--accent:#00f3ff}*,:before,:after{box-sizing:border-box}body{background:var(--bg-app);color:var(--text-primary);margin:0;padding:0;font-family:Inter,sans-serif;line-height:1.6}.skip-link{z-index:9999;color:#00f3ff;background:#000;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.main-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.page-header{margin-bottom:2rem}.breadcrumb{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.page-title{color:var(--text-primary);margin:0 0 .3rem;font-size:2rem;font-weight:800}.page-sub{color:var(--text-secondary);margin-top:.4rem;font-size:.95rem}.tab-nav{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab-btn{border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.5rem 1.2rem;font-family:inherit;font-size:.9rem;transition:all .2s}.tab-btn:hover{color:var(--text-primary);border-color:#00f3ff}.tab-btn.active{color:#000;background:#00f3ff;border-color:#00f3ff;font-weight:700}.tab-content{display:none}.tab-content.active{display:block}.calc-layout{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.calc-layout{grid-template-columns:minmax(0,1fr)}}.card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.input-card{border-left:3px solid #00f3ff}.result-card{border-left:3px solid #bc13fe}.card-title{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem;font-weight:700}.card-sub{color:var(--text-secondary);margin:0 0 .75rem;font-size:.88rem}.form-group{margin-bottom:1.2rem}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-hint{color:var(--text-muted);margin-top:.3rem;font-size:.78rem}.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:8px;padding:.65rem .9rem;font-family:JetBrains Mono,monospace;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #00f3ff1f}.form-input::placeholder{color:var(--text-muted)}.chip-group{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:.4rem 1rem;font-family:inherit;font-size:.85rem;transition:all .2s}.chip:hover{color:var(--text-primary);border-color:#00f3ff}.chip.active{color:#000;background:#00f3ff;border-color:#00f3ff;font-weight:700}.error-msg{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;margin-top:.5rem;padding:.52rem .82rem;font-size:.83rem;display:none}.hero-result{text-align:center;padding:1.1rem 0 .7rem}.hero-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.hero-value{color:#00f3ff;word-break:break-all;font-size:2.8rem;font-weight:800;line-height:1}.hero-sub{color:var(--text-muted);margin-top:.4rem;font-size:.83rem}.stat-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin:.8rem 0;display:grid}.stat-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:.7rem .8rem}.stat-card .stat-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem}.stat-card .stat-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700}.steps-block{flex-direction:column;gap:.85rem;margin:.9rem 0;display:flex}.steps-section{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;padding:.85rem 1rem}.steps-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.55rem;font-size:.73rem;font-weight:700}.steps-line{color:var(--text-secondary);padding-left:.2rem;font-family:JetBrains Mono,monospace;font-size:.87rem;line-height:1.8}.step-key{color:#00f3ff;min-width:100px;font-weight:600;display:inline-block}.steps-final{border-top:1px solid #ffffff0f;margin-top:.4rem;padding-top:.4rem}.steps-answer{color:#bc13fe;font-size:1rem}.framing-card{grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0;display:grid}@media (width<=480px){.framing-card{grid-template-columns:1fr}}.framing-perm,.framing-comb{border:1px solid var(--border-subtle);text-align:center;border-radius:10px;padding:.85rem 1rem}.framing-perm{background:#00f3ff0a;border-left:3px solid #00f3ff}.framing-comb{background:#bc13fe0a;border-left:3px solid #bc13fe}.framing-badge{letter-spacing:.08em;border-radius:20px;margin-bottom:.45rem;padding:.18rem .55rem;font-size:.65rem;font-weight:800;display:inline-block}.framing-badge--cyan{color:#00f3ff;background:#00f3ff1f;border:1px solid #00f3ff4d}.framing-badge--purple{color:#bc13fe;background:#bc13fe1f;border:1px solid #bc13fe4d}.framing-label{color:var(--text-muted);margin-bottom:.3rem;font-size:.75rem}.framing-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:800;line-height:1.2}.framing-sub{color:var(--text-muted);margin:.2rem 0;font-family:JetBrains Mono,monospace;font-size:.72rem}.framing-example{color:var(--text-secondary);margin-top:.4rem;font-size:.75rem;line-height:1.5}.formula-strip{flex-wrap:wrap;gap:.45rem;margin:.6rem 0;display:flex}.formula-pill{color:#00f3ff;background:#00f3ff12;border:1px solid #00f3ff33;border-radius:20px;padding:.26rem .62rem;font-family:JetBrains Mono,monospace;font-size:.73rem}.action-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding-top:.7rem;display:flex}.act-btn{color:#00f3ff;cursor:pointer;background:#00f3ff12;border:1px solid #00f3ff47;border-radius:8px;padding:.4rem .9rem;font-family:inherit;font-size:.81rem;font-weight:600;transition:all .2s}.act-btn:hover{background:#00f3ff2e;border-color:#00f3ff8c}.scenario-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;display:flex}.scenario-chip{border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:.45rem 1rem;font-family:inherit;font-size:.85rem;transition:all .2s}.scenario-chip:hover{color:var(--text-primary);border-color:#00f3ff}.scenario-chip.active{color:#00f3ff;background:#00f3ff1f;border-color:#00f3ff;font-weight:700}.scenario-result-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-left:3px solid #00f3ff;border-radius:12px;margin-top:.8rem;padding:1.2rem 1.4rem}.sc-title{color:var(--text-primary);margin-bottom:.85rem;font-size:1rem;font-weight:700}.sc-stats{grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.9rem;display:grid}.sc-stat{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;padding:.65rem .85rem}.sc-stat-label{color:var(--text-muted);margin-bottom:.22rem;font-size:.7rem}.sc-stat-value{color:#00f3ff;font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700}.sc-explanation{color:var(--text-secondary);border-top:1px solid #ffffff0f;padding-top:.7rem;font-size:.88rem;line-height:1.7}.sc-explanation strong{color:var(--text-primary)}.pascal-triangle{flex-direction:column;align-items:center;gap:4px;margin:1rem 0;padding-bottom:.5rem;display:flex;overflow-x:auto}.pascal-row{gap:4px;display:flex}.pascal-cell{background:var(--bg-input);border:1px solid var(--border-subtle);min-width:36px;height:36px;color:var(--text-secondary);cursor:default;border-radius:6px;justify-content:center;align-items:center;padding:0 4px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;transition:background .15s;display:flex}.pascal-cell--highlight{color:#00f3ff;background:#00f3ff2e;border-color:#00f3ff;font-weight:800;box-shadow:0 0 8px #00f3ff4d}.pascal-note{color:var(--text-secondary);text-align:center;margin:.5rem 0 0;font-size:.83rem}.pascal-note strong{color:#00f3ff}.pascal-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.7rem;display:flex}.pascal-controls .form-label{margin-bottom:0}.pascal-controls .form-input{max-width:80px;padding:.4rem .6rem;font-size:.9rem}.binom-inputs{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.binom-inputs .form-group{flex:none;margin-bottom:0}.binom-input{max-width:80px}.binom-result{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.1rem;min-height:3rem;padding:1rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:2;display:flex}.binom-lhs{color:var(--text-secondary)}.binom-term{color:#00f3ff;font-weight:600}.binom-plus{color:var(--text-muted)}.tab-card-gap{margin-top:1.5rem}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--text-primary);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";color:var(--text-muted);flex-shrink:0;margin-left:16px;font-family:JetBrains Mono,monospace;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:#00f3ff}.faq-item__question:hover{color:#00f3ff}.faq-item__answer{color:var(--text-muted);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light]{--bg-app:#e8edf5;--bg-panel:#fff;--bg-input:#f0f4f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-subtle:#0000001f;--border-focus:#0e7490;--cyan:#0e7490;--purple:#7c3aed;--accent:#0e7490}[data-theme=light] body{background:#e8edf5}[data-theme=light] .glass-navbar{backdrop-filter:blur(12px);background:#f8fafceb}[data-theme=light] .card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #0000000f}[data-theme=light] .input-card{border-left-color:#0e7490}[data-theme=light] .result-card{border-left-color:#7c3aed}[data-theme=light] .tab-btn{color:#334155;background:#fff;border-color:#0000001f}[data-theme=light] .tab-btn:hover{color:#0f172a;border-color:#0e7490}[data-theme=light] .tab-btn.active{color:#fff;background:#0e7490;border-color:#0e7490}[data-theme=light] .form-input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .form-input:focus{border-color:#0e7490;box-shadow:0 0 0 2px #0e74901f}[data-theme=light] .form-input::placeholder{color:#94a3b8}[data-theme=light] .form-label{color:#475569}[data-theme=light] .chip{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .chip:hover{color:#0f172a;border-color:#0e7490}[data-theme=light] .chip.active{color:#fff;background:#0e7490;border-color:#0e7490}[data-theme=light] .hero-value{color:#0e7490}[data-theme=light] .hero-label{color:#475569}[data-theme=light] .hero-sub{color:#64748b}[data-theme=light] .stat-card{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .stat-card .stat-label{color:#64748b}[data-theme=light] .stat-card .stat-value{color:#0f172a}[data-theme=light] .steps-section{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .steps-title{color:#64748b}[data-theme=light] .steps-line{color:#334155}[data-theme=light] .step-key{color:#0e7490}[data-theme=light] .steps-final{border-top-color:#00000014}[data-theme=light] .steps-answer{color:#7c3aed}[data-theme=light] .framing-perm{background:#0e74900d;border-left-color:#0e7490}[data-theme=light] .framing-comb{background:#7c3aed0d;border-left-color:#7c3aed}[data-theme=light] .framing-badge--cyan{color:#0e7490;background:#0e74901a;border-color:#0e74904d}[data-theme=light] .framing-badge--purple{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed4d}[data-theme=light] .framing-label{color:#64748b}[data-theme=light] .framing-value{color:#0f172a}[data-theme=light] .framing-sub{color:#64748b}[data-theme=light] .framing-example{color:#475569}[data-theme=light] .formula-strip .formula-pill{color:#0e7490;background:#0e749014;border-color:#0e749040}[data-theme=light] .act-btn{color:#0e7490;background:#0e749014;border-color:#0e749047}[data-theme=light] .act-btn:hover{background:#0e74902e}[data-theme=light] .scenario-chip{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .scenario-chip:hover{color:#0f172a;border-color:#0e7490}[data-theme=light] .scenario-chip.active{color:#0e7490;background:#0e74901a;border-color:#0e7490}[data-theme=light] .scenario-result-card{background:#f0f4f9;border-color:#0000001a #0000001a #0000001a #0e7490}[data-theme=light] .sc-title{color:#0f172a}[data-theme=light] .sc-stat{background:#fff;border-color:#0000001a}[data-theme=light] .sc-stat-label{color:#64748b}[data-theme=light] .sc-stat-value{color:#0e7490}[data-theme=light] .sc-explanation{color:#475569;border-top-color:#0000000f}[data-theme=light] .sc-explanation strong{color:#0f172a}[data-theme=light] .pascal-cell{color:#334155;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .pascal-cell--highlight{color:#0e7490;background:#0e74901f;border-color:#0e7490;box-shadow:0 0 6px #0e749033}[data-theme=light] .pascal-note{color:#475569}[data-theme=light] .pascal-note strong{color:#0e7490}[data-theme=light] .binom-result{color:#0f172a;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .binom-lhs{color:#64748b}[data-theme=light] .binom-term{color:#0e7490}[data-theme=light] .binom-plus{color:#94a3b8}[data-theme=light] .error-msg{color:#7f1d1d;background:#fff1f2;border-color:#ef444459}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001a;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item:hover{border-color:#0e749059;box-shadow:0 2px 10px #0e749014}[data-theme=light] .faq-item[open]{border-color:#0e749066 #0e749066 #0e749066 #0e7490;border-left-style:solid;border-left-width:3px}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#0e7490}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}