:root{--pc-tool:#16a34a;--pc-tool-dark:#15803d;--pc-gradient:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);--pc-light:#dcfce7}[data-theme="dark"]{--pc-light:rgba(22,163,74,0.15)}.pc-mode-toggle{display:flex;flex-wrap:wrap;border:1.5px solid var(--border);border-radius:0.5rem;overflow:hidden;margin-bottom:1rem}.pc-mode-btn{flex:1 1 25%;padding:0.5rem 0.25rem;font-weight:600;font-size:0.6rem;border:none;cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);transition:all 0.15s;font-family:var(--font-sans);text-align:center;min-width:0}.pc-mode-btn.active{background:var(--pc-gradient);color:#fff}.pc-mode-btn:hover:not(.active){background:var(--bg-tertiary)}[data-theme="dark"] .pc-mode-btn{background:var(--bg-tertiary)}[data-theme="dark"] .pc-mode-btn.active{background:var(--pc-gradient);color:#fff}.pc-input-row{display:flex;gap:0.5rem;align-items:flex-end;margin-bottom:0.5rem}.pc-input-group{flex:1;min-width:0}.pc-input-label{display:block;font-size:0.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.25rem}.pc-input{width:100%;padding:0.5rem;font-size:0.875rem;font-family:var(--font-mono);border:1.5px solid var(--border);border-radius:0.375rem;background:var(--bg-primary);color:var(--text-primary);text-align:center;transition:border-color 0.15s}.pc-input:focus{outline:none;border-color:var(--pc-tool);box-shadow:0 0 0 2px rgba(22,163,74,0.1)}.pc-input-text{width:100%;padding:0.5rem;font-size:0.875rem;font-family:var(--font-mono);border:1.5px solid var(--border);border-radius:0.375rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color 0.15s}.pc-input-text:focus{outline:none;border-color:var(--pc-tool);box-shadow:0 0 0 2px rgba(22,163,74,0.1)}.pc-preview{min-height:2.5rem;padding:0.5rem 0.75rem;border:1.5px dashed var(--border);border-radius:0.5rem;background:var(--bg-secondary);font-size:1rem;display:flex;align-items:center;justify-content:center;overflow-x:auto}.pc-preview .katex{font-size:1em}.pc-output-tabs{display:flex;border-bottom:1.5px solid var(--border);background:var(--bg-secondary);border-radius:0.75rem 0.75rem 0 0;overflow:hidden}.pc-output-tab{flex:1;padding:0.625rem 0.5rem;font-size:0.75rem;font-weight:600;border:none;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all 0.15s;font-family:var(--font-sans);text-align:center;position:relative}.pc-output-tab.active{color:var(--pc-tool);background:var(--bg-primary)}.pc-output-tab.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--pc-tool)}.pc-output-tab:hover:not(.active){background:var(--bg-tertiary)}.pc-panel{display:none}.pc-panel.active{display:block}.pc-mode-form{display:none}.pc-mode-form.active{display:block}.pc-step{display:flex;gap:0.75rem;padding:0.75rem;margin:0.5rem 0;background:var(--bg-secondary);border-radius:0.5rem;border-left:3px solid var(--pc-tool);transition:background 0.15s}.pc-step:hover{background:var(--bg-tertiary)}.pc-step-number{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--pc-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.6875rem;font-weight:700;flex-shrink:0;margin-top:0.125rem}.pc-step-content{flex:1;min-width:0}.pc-step-desc{font-size:0.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:0.375rem}.pc-step-math{overflow-x:auto;padding:0.25rem 0}.pc-step-math .katex{font-size:0.9em}.pc-step-math .katex-display{margin:0;overflow-x:auto;overflow-y:hidden}.pc-rule-badge{display:inline-block;background:var(--pc-gradient);color:#fff;padding:0.2rem 0.625rem;border-radius:0.75rem;font-size:0.6875rem;font-weight:600}.pc-sim-item{display:flex;justify-content:space-between;padding:0.5rem 0.75rem;margin:0.25rem 0;background:var(--bg-secondary);border-radius:0.375rem;font-size:0.8125rem}.pc-sim-item-label{color:var(--text-secondary)}.pc-sim-item-value{font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.pc-sim-item.pc-sim-total{background:var(--pc-light);border-left:3px solid var(--pc-tool);font-weight:700}.pc-examples{display:flex;flex-wrap:wrap;gap:0.375rem}.pc-example-chip{padding:0.3rem 0.625rem;font-size:0.6875rem;font-weight:500;border-radius:2rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all 0.15s;font-family:var(--font-mono)}.pc-example-chip:hover{background:var(--pc-light);color:var(--pc-tool);border-color:var(--pc-tool)}.pc-formulas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0.75rem;margin:1rem 0}.pc-edu-card{padding:1rem;background:var(--bg-secondary);border-radius:0.5rem}.pc-edu-card h4{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin:0 0 0.375rem}.pc-edu-card p{font-size:0.8125rem;color:var(--text-secondary);margin:0;line-height:1.6}.pc-callout{display:flex;gap:0.75rem;padding:1rem;border-radius:0.5rem;margin:1rem 0}.pc-callout-icon{font-size:1.25rem;flex-shrink:0}.pc-callout-text{font-size:0.8125rem;line-height:1.6;color:var(--text-secondary)}.pc-callout-insight{background:#f0fdf4;border-left:3px solid #16a34a}.pc-callout-tip{background:#ecfdf5;border-left:3px solid #10b981}[data-theme="dark"] .pc-callout-insight{background:rgba(22,163,74,0.1)}[data-theme="dark"] .pc-callout-tip{background:rgba(16,185,129,0.1)}.pc-anim{opacity:0;transform:translateY(1rem);transition:opacity 0.5s ease,transform 0.5s ease}.pc-anim.pc-visible{opacity:1;transform:translateY(0)}.pc-anim-d1{transition-delay:0.1s}.pc-anim-d2{transition-delay:0.2s}.pc-anim-d3{transition-delay:0.3s}.pc-anim-d4{transition-delay:0.4s}@media (prefers-reduced-motion:reduce){.pc-anim{opacity:1;transform:none;transition:none}}@media (max-width:640px){.pc-input-row{flex-direction:column;gap:0.375rem}.pc-formulas-grid{grid-template-columns:1fr}.pc-mode-btn{font-size:0.55rem;padding:0.4rem 0.15rem}}