:root{--ceb-primary:#059669;--ceb-primary-light:#0596691a;--ceb-primary-dark:#047857;--ceb-text:#1e293b;--ceb-text-muted:#64748b;--ceb-bg:#fff;--ceb-bg-subtle:#f8fafc;--ceb-border:#e2e8f0;--ceb-radius:var(--main-radius);--ceb-radius-lg:var(--main-radius-lg);--ceb-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--ceb-shadow-md:0 4px 12px #00000014;--ceb-transition:.2s ease;--ceb-font-mono:var(--main-font-mono);--ceb-coefficient:#dc2626;--ceb-subscript:#6366f1;--ceb-arrow:#059669;--ceb-badge-bg:#05966914;--ceb-badge-text:#047857}._ceb-container{max-width:720px;margin:0 auto}._ceb-hidden{display:none!important}._ceb-btn{border-radius:var(--ceb-radius);cursor:pointer;transition:opacity var(--ceb-transition), box-shadow var(--ceb-transition), background var(--ceb-transition);white-space:nowrap;border:none;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;line-height:1;display:inline-flex}._ceb-btn:hover{opacity:.9}._ceb-btn-ghost{color:var(--ceb-text-muted);background:0 0;padding:.375rem .5rem}._ceb-btn-ghost:hover{color:var(--ceb-text);background:var(--ceb-primary-light)}@media (max-width:768px){._ceb-container{padding-left:1rem;padding-right:1rem}}._ceb-input-section{margin-bottom:1.25rem}._ceb-input-wrapper{background:var(--ceb-bg);border-style:solid;border-width:1.5px;border-color:var(--ceb-border);border-radius:var(--ceb-radius-lg);box-shadow:var(--ceb-shadow);transition:border-color var(--ceb-transition), box-shadow var(--ceb-transition);align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1rem;display:flex}._ceb-input-wrapper:focus-within{border-color:var(--ceb-primary);box-shadow:0 0 0 3px var(--ceb-primary-light)}._ceb-input{font-size:1.0625rem;font-family:var(--ceb-font-mono);color:var(--ceb-text);letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;min-width:0}._ceb-input::placeholder{color:var(--ceb-text-muted);opacity:.6}._ceb-input-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}._ceb-btn-clear{color:var(--ceb-text-muted);border-radius:var(--ceb-radius);background:0 0;padding:.5rem}._ceb-btn-clear:hover{color:var(--ceb-text);background:#0000000d}._ceb-btn-balance{background:var(--ceb-primary);color:#fff;border-radius:var(--ceb-radius);padding:.5625rem 1.125rem;box-shadow:0 2px 6px #05966940}._ceb-btn-balance:hover{box-shadow:0 3px 10px #05966959}._ceb-input-hint{color:var(--ceb-text-muted);margin-top:.5rem;padding-left:.25rem;font-size:.75rem}@media (max-width:480px){._ceb-input{font-size:.9375rem}._ceb-btn-balance span{display:none}}._ceb-examples{margin-bottom:1.25rem}._ceb-examples-toggle{color:var(--ceb-primary);cursor:pointer;transition:opacity var(--ceb-transition);background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem 0;font-size:.8125rem;font-weight:500;display:inline-flex}._ceb-examples-toggle:hover{opacity:.8}._ceb-toggle-icon{transition:transform var(--ceb-transition);display:inline-flex}._ceb-examples-toggle.active ._ceb-toggle-icon{transform:rotate(180deg)}._ceb-examples-list{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}._ceb-example-group{width:100%;margin-bottom:.25rem}._ceb-example-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ceb-text-muted);margin-bottom:.375rem;font-size:.6875rem;font-weight:600}._ceb-example-items{flex-wrap:wrap;gap:.5rem;display:flex}._ceb-example-item{background:var(--ceb-bg);border-style:solid;border-width:1px;border-color:var(--ceb-border);border-radius:var(--ceb-radius);font-size:.8125rem;font-family:var(--ceb-font-mono);color:var(--ceb-text);cursor:pointer;transition:border-color var(--ceb-transition), box-shadow var(--ceb-transition);white-space:nowrap;padding:.3125rem .625rem;display:inline-flex}._ceb-example-item:hover{border-color:var(--ceb-primary);box-shadow:0 1px 4px var(--ceb-primary-light);color:var(--ceb-primary)}@media (max-width:480px){._ceb-example-item{padding:.25rem .5rem;font-size:.75rem}}._ceb-result{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}._ceb-result-card{background:var(--ceb-bg);border-radius:var(--ceb-radius-lg);box-shadow:var(--ceb-shadow);border-style:solid;border-width:1px;border-color:var(--ceb-border);padding:1.25rem 1.5rem;position:relative}._ceb-result-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ceb-text-muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:600}._ceb-result-equation{font-size:1.375rem;font-family:var(--ceb-font-mono);color:var(--ceb-text);word-break:break-word;line-height:1.6}._ceb-result-equation ._ceb-coefficient{color:var(--ceb-coefficient);font-weight:700}._ceb-result-equation ._ceb-subscript{vertical-align:sub;color:var(--ceb-subscript);font-size:.75em;font-weight:600}._ceb-result-equation ._ceb-arrow{color:var(--ceb-arrow);margin:0 .5rem;font-weight:400}._ceb-result-equation ._ceb-plus{color:var(--ceb-text-muted);margin:0 .375rem}._ceb-btn-copy{background:var(--ceb-bg-subtle);color:var(--ceb-text-muted);border-style:solid;border-width:1px;border-color:var(--ceb-border);padding:.375rem .625rem;position:absolute;top:.75rem;right:.75rem}._ceb-btn-copy:hover{color:var(--ceb-primary);border-color:var(--ceb-primary)}._ceb-btn-copy.copied{color:var(--ceb-primary);border-color:var(--ceb-primary);background:var(--ceb-primary-light)}._ceb-info-row{flex-wrap:wrap;gap:.5rem;display:flex}._ceb-info-badge{background:var(--ceb-badge-bg);color:var(--ceb-badge-text);border-radius:var(--main-radius-full);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}._ceb-info-badge-neutral{background:var(--ceb-bg-subtle);color:var(--ceb-text-muted)}._ceb-table-card{background:var(--ceb-bg);border-radius:var(--ceb-radius-lg);box-shadow:var(--ceb-shadow);border-style:solid;border-width:1px;border-color:var(--ceb-border);padding:1rem 1.25rem}._ceb-table-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ceb-text-muted);margin-bottom:.625rem;font-size:.6875rem;font-weight:600}._ceb-table{border-collapse:collapse;width:100%;font-size:.8125rem}._ceb-table th{text-align:left;color:var(--ceb-text-muted);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--ceb-border);padding:.5rem .75rem;font-size:.75rem;font-weight:600}._ceb-table td{color:var(--ceb-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ceb-border);font-family:var(--ceb-font-mono);padding:.4375rem .75rem}._ceb-table tr:last-child td{border-bottom:none}._ceb-table ._ceb-check{color:var(--ceb-primary);font-weight:600}._ceb-error{color:#dc2626;border-radius:var(--ceb-radius-lg);background:#ef444414;border:1px solid #ef444426;margin-bottom:1.25rem;padding:.875rem 1.25rem;font-size:.8125rem}@media (max-width:480px){._ceb-result-equation{font-size:1.125rem}._ceb-result-card{padding:1rem 1.125rem}._ceb-table-card{padding:.75rem 1rem}._ceb-btn-copy{margin-top:.75rem;position:static}}._ceb-steps-card{background:var(--ceb-bg);border-radius:var(--ceb-radius-lg);box-shadow:var(--ceb-shadow);border-style:solid;border-width:1px;border-color:var(--ceb-border);overflow:hidden}._ceb-steps-toggle{width:100%;color:var(--ceb-text);cursor:pointer;transition:background var(--ceb-transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;font-size:.8125rem;font-weight:600;display:flex}._ceb-steps-toggle:hover{background:var(--ceb-bg-subtle)}._ceb-steps-toggle.active ._ceb-toggle-icon{transform:rotate(180deg)}._ceb-steps-content{padding:0 1.25rem 1.25rem}._ceb-step{border-left-style:solid;border-left-width:2px;border-left-color:var(--ceb-border);margin-left:.5rem;padding-bottom:1rem;padding-left:1.75rem;position:relative}._ceb-step:last-child{border-left-color:#0000;padding-bottom:0}._ceb-step-number{background:var(--ceb-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.6875rem;font-weight:700;display:flex;position:absolute;top:0;left:-.6875rem}._ceb-step-title{color:var(--ceb-text);margin-bottom:.25rem;font-size:.8125rem;font-weight:600}._ceb-step-detail{color:var(--ceb-text-muted);font-size:.75rem;line-height:1.5;font-family:var(--ceb-font-mono);word-break:break-word}._ceb-step-matrix{background:var(--ceb-bg-subtle);border-radius:var(--ceb-radius);font-family:var(--ceb-font-mono);white-space:pre;color:var(--ceb-text);margin-top:.375rem;padding:.5rem .75rem;font-size:.75rem;line-height:1.6;overflow-x:auto}@media (max-width:480px){._ceb-steps-content{padding:0 .75rem 1rem}}._ceb-history{margin-top:.5rem}._ceb-history-toggle{color:var(--ceb-text-muted);cursor:pointer;transition:color var(--ceb-transition);background:0 0;border:none;align-items:center;gap:.375rem;padding:.375rem 0;font-size:.8125rem;font-weight:500;display:inline-flex}._ceb-history-toggle:hover{color:var(--ceb-text)}._ceb-history-count{background:var(--ceb-primary);color:#fff;border-radius:var(--main-radius-full);justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.625rem;font-weight:700;display:inline-flex}._ceb-history-panel{background:var(--ceb-bg);border-radius:var(--ceb-radius-lg);box-shadow:var(--ceb-shadow-md);border-style:solid;border-width:1px;border-color:var(--ceb-border);margin-top:.625rem;overflow:hidden}._ceb-history-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ceb-border);color:var(--ceb-text-muted);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:flex}._ceb-history-list{max-height:240px;overflow-y:auto}._ceb-history-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ceb-border);cursor:pointer;transition:background var(--ceb-transition);justify-content:space-between;align-items:center;padding:.5625rem 1rem;display:flex}._ceb-history-item:last-child{border-bottom:none}._ceb-history-item:hover{background:var(--ceb-bg-subtle)}._ceb-history-equation{font-size:.8125rem;font-family:var(--ceb-font-mono);color:var(--ceb-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._ceb-history-delete{color:var(--ceb-text-muted);cursor:pointer;opacity:0;transition:opacity var(--ceb-transition), color var(--ceb-transition);background:0 0;border:none;flex-shrink:0;padding:.25rem}._ceb-history-item:hover ._ceb-history-delete{opacity:1}._ceb-history-delete:hover{color:#dc2626}._ceb-history-empty{text-align:center;color:var(--ceb-text-muted);padding:1.5rem 1rem;font-size:.8125rem}
