.calculator-wrapper{display:grid;grid-template-columns:400px 1fr;gap:1.5rem;align-items:start;margin:1.5rem 0}@media(max-width:900px){.calculator-wrapper{grid-template-columns:1fr}}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .5rem;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-white);transition:border-color .15s,background .15s;text-align:center;min-height:44px;font-family:inherit;font-size:inherit}.mode-card:hover{border-color:var(--color-blue);background:var(--color-light-blue)}.mode-card.active{border-color:var(--color-blue);background:var(--color-light-blue);box-shadow:0 0 0 1px var(--color-blue)}.mode-card svg{width:48px;height:28px}.mode-card-label{font-size:.75rem;font-weight:600;color:var(--color-navy)}.mode-card-formula{font-size:.65rem;color:var(--color-text-secondary);font-family:"Cambria Math","Latin Modern Math",Georgia,serif}.dist-tabs{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:1rem}.dist-tab{flex:1;padding:.5rem;border:none;background:var(--color-white);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;color:var(--color-text-secondary);min-height:40px;transition:background .15s,color .15s}.dist-tab:first-child{border-right:1px solid var(--color-border)}.dist-tab.active{background:var(--color-blue);color:var(--color-white)}.dist-tab:hover:not(.active){background:var(--color-light-blue)}.preset-buttons{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem}.preset-btn{padding:.2rem .5rem;font-size:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;color:var(--color-text-secondary);font-family:inherit;min-height:28px;transition:background .15s,color .15s}.preset-btn:hover{background:var(--color-light-blue);color:var(--color-blue);border-color:var(--color-blue)}.precision-row{display:flex;align-items:center;gap:.5rem}.precision-row label{font-size:.85rem;font-weight:600;white-space:nowrap}.precision-row select{flex:1}.calc-actions{display:flex;gap:.5rem;margin-top:1rem}.calc-actions .btn{flex:1;justify-content:center}.results-panel{position:sticky;top:calc(var(--header-height) + 1rem)}.result-primary{text-align:center;padding:1rem;background:var(--color-light-blue);border-radius:var(--radius-md);margin-bottom:1rem}.result-primary-label{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.25rem}.result-primary-value{font-size:1.8rem;font-weight:700;color:var(--color-navy);font-family:Cascadia Code,Fira Code,monospace;word-break:break-all}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.result-item{padding:.6rem;background:var(--color-bg);border-radius:var(--radius-sm)}.result-item-label{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.15rem}.result-item-value{font-size:1rem;font-weight:600;color:var(--color-navy);font-family:Cascadia Code,Fira Code,monospace}.result-actions{display:flex;flex-wrap:wrap;gap:.4rem}.graph-container{margin-bottom:1rem}.graph-container svg{width:100%;height:auto;display:block}.graph-description{font-size:.8rem;color:var(--color-text-secondary);text-align:center;margin-top:.4rem}.steps-section{margin-top:1.5rem}.step{display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.step-number{width:28px;height:28px;background:var(--color-blue);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.step-content{flex:1;min-width:0}.step-label{font-weight:600;font-size:.9rem;color:var(--color-navy);margin-bottom:.2rem}.step-expression{font-family:"Cambria Math","Latin Modern Math",Georgia,serif;color:var(--color-text);font-size:.9rem;word-break:break-word}.step-result{font-weight:600;color:var(--color-green);font-family:Cascadia Code,Fira Code,monospace;font-size:.9rem}.step-final{border-color:var(--color-green);background:#f0fdf4}.commands-section{margin-top:1.5rem}.command-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:.5rem;background:var(--color-white)}.command-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;min-width:100px}.command-code{flex:1;font-family:Cascadia Code,Fira Code,monospace;font-size:.85rem;color:var(--color-navy);white-space:pre-wrap;word-break:break-all}.command-note{font-size:.75rem;color:var(--color-text-secondary);font-style:italic;margin-top:.2rem}.common-values-table td,.common-values-table th{text-align:center}.common-values-table .btn{font-size:.7rem;padding:.2rem .5rem;min-height:28px}.variance-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem}.variance-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-blue)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--color-navy);color:var(--color-white);padding:.6rem 1.2rem;border-radius:var(--radius-md);font-size:.85rem;z-index:1000;opacity:0;transition:transform .3s,opacity .3s;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.placeholder-state{text-align:center;padding:2rem;color:var(--color-text-secondary)}.placeholder-state svg{width:80px;height:50px;margin:0 auto .75rem;opacity:.4}.inline-calculator{max-width:500px;margin:1.5rem 0}.inline-calculator .form-group{margin-bottom:.75rem}.inline-result{padding:1rem;background:var(--color-light-blue);border-radius:var(--radius-md);margin-top:1rem;font-family:Cascadia Code,Fira Code,monospace}@media(max-width:900px){.results-panel{position:static}.result-primary-value{font-size:1.4rem}}