:root{--bnc-primary:#6366f1;--bnc-primary-hover:#4f46e5;--bnc-primary-light:#6366f114;--bnc-primary-medium:#6366f126;--bnc-text:#0f172a;--bnc-text-secondary:#475569;--bnc-text-muted:#64748b;--bnc-text-light:#94a3b8;--bnc-bg:#fff;--bnc-bg-secondary:#f8fafc;--bnc-bg-tertiary:#f1f5f9;--bnc-bg-hover:#e2e8f0;--bnc-border:#e2e8f0;--bnc-border-strong:#cbd5e1;--bnc-input-bg:#fff;--bnc-input-border:#cbd5e1;--bnc-input-border-hover:#94a3b8;--bnc-input-border-focus:#6366f1;--bnc-result-bg:linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);--bnc-result-text:#4338ca;--bnc-success:#10b981;--bnc-success-bg:#10b9811a;--bnc-error:#ef4444;--bnc-warning:#f59e0b;--bnc-warning-bg:#f59e0b1a;--bnc-shadow-sm:0 1px 2px #0000000d;--bnc-shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--bnc-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--bnc-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--bnc-shadow-focus:0 0 0 3px #6366f133;--bnc-radius-sm:6px;--bnc-radius:10px;--bnc-radius-lg:14px;--bnc-radius-xl:18px;--bnc-transition:.2s ease}._bnc-container{gap:var(--main-space-4);flex-direction:column;max-width:640px;margin:0 auto;display:flex}._bnc-card{background:var(--bnc-bg);border-radius:var(--bnc-radius-lg);padding:var(--main-space-6);box-shadow:var(--bnc-shadow);border-style:solid;border-width:1px;border-color:var(--bnc-border);gap:var(--main-space-5);flex-direction:column;display:flex}._bnc-hidden{display:none!important}@media (max-width:768px){._bnc-container{padding-left:1rem;padding-right:1rem}._bnc-card{padding:var(--main-space-4);gap:var(--main-space-4)}}._bnc-input-group{gap:var(--main-space-2);flex-direction:column;display:flex}._bnc-input-header{justify-content:space-between;align-items:center;display:flex}._bnc-label{font-size:var(--main-text-sm);color:var(--bnc-text);font-weight:600}._bnc-digit-count{font-size:var(--main-text-xs);color:var(--bnc-text-muted);font-family:var(--main-font-mono)}._bnc-input-wrapper{position:relative}._bnc-input{width:100%;padding:var(--main-space-3);font-size:var(--main-text-base);font-family:var(--main-font-mono);background:var(--bnc-input-bg);border-style:solid;border-width:1.5px;border-color:var(--bnc-input-border);border-radius:var(--bnc-radius);color:var(--bnc-text);resize:vertical;min-height:60px;transition:var(--bnc-transition);padding-right:2.75rem}._bnc-input:hover{border-color:var(--bnc-input-border-hover)}._bnc-input:focus{border-color:var(--bnc-input-border-focus);box-shadow:var(--bnc-shadow-focus);outline:none}._bnc-input::placeholder{color:var(--bnc-text-light)}._bnc-paste-btn{top:var(--main-space-2);right:var(--main-space-2);background:var(--bnc-bg-tertiary);border-radius:var(--bnc-radius-sm);width:32px;height:32px;color:var(--bnc-text-muted);cursor:pointer;transition:var(--bnc-transition);border:none;justify-content:center;align-items:center;display:flex;position:absolute}._bnc-paste-btn:hover{background:var(--bnc-bg-hover);color:var(--bnc-text)}._bnc-operations{gap:var(--main-space-2);flex-direction:column;display:flex}._bnc-op-label{font-size:var(--main-text-xs);color:var(--bnc-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}._bnc-op-buttons{flex-wrap:wrap;gap:6px;display:flex}._bnc-op-btn{min-width:44px;height:36px;padding:0 var(--main-space-2);background:var(--bnc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--bnc-border);border-radius:var(--bnc-radius-sm);font-size:var(--main-text-sm);color:var(--bnc-text-secondary);cursor:pointer;transition:var(--bnc-transition);justify-content:center;align-items:center;font-weight:600;display:flex}._bnc-op-btn:hover{background:var(--bnc-bg-tertiary);border-color:var(--bnc-border-strong)}._bnc-op-btn._bnc-op-active{background:var(--bnc-primary);border-color:var(--bnc-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._bnc-op-btn sup{margin-left:1px;font-size:.65em}._bnc-options{gap:var(--main-space-4);padding:var(--main-space-3);background:var(--bnc-bg-secondary);border-radius:var(--bnc-radius);flex-wrap:wrap;align-items:center;display:flex}._bnc-option{align-items:center;gap:var(--main-space-2);display:flex}._bnc-option-label{font-size:var(--main-text-sm);color:var(--bnc-text-secondary);white-space:nowrap}._bnc-select{padding:var(--main-space-1) var(--main-space-2);font-size:var(--main-text-sm);background:var(--bnc-bg);border-style:solid;border-width:1px;border-color:var(--bnc-border);border-radius:var(--bnc-radius-sm);color:var(--bnc-text);cursor:pointer}._bnc-select:focus{border-color:var(--bnc-primary);outline:none}._bnc-checkbox{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--bnc-text-secondary);cursor:pointer;display:flex}._bnc-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--bnc-primary);cursor:pointer}._bnc-calculate-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-3) var(--main-space-6);background:var(--bnc-primary);border-radius:var(--bnc-radius);font-size:var(--main-text-base);color:#fff;cursor:pointer;transition:var(--bnc-transition);border:none;font-weight:600;display:flex;box-shadow:0 2px 8px #6366f140}._bnc-calculate-btn:hover{background:var(--bnc-primary-hover)}._bnc-calculate-btn:disabled{opacity:.6;cursor:not-allowed}._bnc-calculate-btn._bnc-loading{pointer-events:none}._bnc-calculate-btn._bnc-loading:after{content:"";border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite bnc-spin}@keyframes bnc-spin{to{transform:rotate(360deg)}}._bnc-result-wrapper{gap:var(--main-space-2);flex-direction:column;display:flex}._bnc-result-header{justify-content:space-between;align-items:center;display:flex}._bnc-result-label{font-size:var(--main-text-sm);color:var(--bnc-text);font-weight:600}._bnc-result-box{align-items:flex-start;gap:var(--main-space-2);display:flex;position:relative}._bnc-result{min-height:60px;padding:var(--main-space-4);background:var(--bnc-result-bg);border-radius:var(--bnc-radius);font-size:var(--main-text-lg);font-weight:700;font-family:var(--main-font-mono);color:var(--bnc-result-text);word-break:break-all;flex:1;line-height:1.5}._bnc-result._bnc-error{color:var(--bnc-error);font-weight:500;font-size:var(--main-text-base);background:#ef44441a}._bnc-placeholder{color:var(--bnc-text-light);font-weight:400}._bnc-copy-btn{background:var(--bnc-bg);border-style:solid;border-width:1px;border-color:var(--bnc-border);border-radius:var(--bnc-radius);width:40px;height:40px;color:var(--bnc-text-muted);cursor:pointer;transition:var(--bnc-transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}._bnc-copy-btn:hover{background:var(--bnc-bg-secondary);color:var(--bnc-text)}._bnc-copy-btn._bnc-copied{background:var(--bnc-success-bg);border-color:var(--bnc-success);color:var(--bnc-success)}._bnc-formula{padding:var(--main-space-3);background:var(--bnc-bg-secondary);border-style:dashed;border-width:1px;border-color:var(--bnc-border);border-radius:var(--bnc-radius-sm);font-size:var(--main-text-sm);font-family:var(--main-font-mono);color:var(--bnc-text-secondary);word-break:break-all}._bnc-formula:empty{display:none}._bnc-words{padding:var(--main-space-3);background:var(--bnc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--bnc-border);border-radius:var(--bnc-radius-sm);font-size:var(--main-text-sm);color:var(--bnc-text-secondary);font-style:italic;line-height:1.6}._bnc-words:empty{display:none}._bnc-actions{gap:var(--main-space-2);padding-top:var(--main-space-2);border-top-style:solid;border-top-width:1px;border-top-color:var(--bnc-border);flex-wrap:wrap;display:flex}._bnc-action-btn{align-items:center;gap:var(--main-space-1);padding:var(--main-space-2) var(--main-space-3);border-style:solid;border-width:1px;border-color:var(--bnc-border);border-radius:var(--bnc-radius);font-size:var(--main-text-sm);color:var(--bnc-text-secondary);cursor:pointer;transition:var(--bnc-transition);background:0 0;display:flex}._bnc-action-btn:hover{background:var(--bnc-bg-secondary);border-color:var(--bnc-border-strong)}@media (max-width:768px){._bnc-input{font-size:var(--main-text-sm)}._bnc-op-btn{min-width:40px;height:34px;font-size:var(--main-text-xs);padding:0 6px}._bnc-options{gap:var(--main-space-3)}._bnc-result{font-size:var(--main-text-base);padding:var(--main-space-3)}._bnc-action-btn span{display:none}._bnc-action-btn{padding:var(--main-space-2)}}._bnc-toggle-btn{align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3) var(--main-space-4);background:var(--bnc-bg);border-style:solid;border-width:1px;border-color:var(--bnc-border);border-radius:var(--bnc-radius);font-size:var(--main-text-sm);color:var(--bnc-text-secondary);cursor:pointer;transition:var(--bnc-transition);font-weight:500;display:flex}._bnc-toggle-btn:hover{background:var(--bnc-bg-secondary)}._bnc-toggle-btn._bnc-open{border-bottom-right-radius:0;border-bottom-left-radius:0}._bnc-toggle-icon{transition:var(--bnc-transition);margin-left:auto}._bnc-toggle-btn._bnc-open ._bnc-toggle-icon{transform:rotate(180deg)}._bnc-reference-content{background:var(--bnc-bg);border-style:solid;border-width:1px;border-color:var(--bnc-border);border-radius:0 0 var(--bnc-radius) var(--bnc-radius);padding:var(--main-space-4);border-top:none;overflow-x:auto}._bnc-table{border-collapse:collapse;width:100%;font-size:var(--main-text-sm)}._bnc-table th,._bnc-table td{padding:var(--main-space-2) var(--main-space-3);text-align:left;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bnc-border)}._bnc-table th{color:var(--bnc-text);background:var(--bnc-bg-secondary);font-weight:600}._bnc-table td{color:var(--bnc-text-secondary);font-family:var(--main-font-mono)}._bnc-table td:first-child{font-family:inherit;font-weight:500}._bnc-table tr:last-child td{border-bottom:none}._bnc-table tbody tr:hover{background:var(--bnc-bg-secondary)}._bnc-history-content{background:var(--bnc-bg);border-style:solid;border-width:1px;border-color:var(--bnc-border);border-radius:0 0 var(--bnc-radius) var(--bnc-radius);padding:var(--main-space-4);border-top:none}._bnc-history-count{margin-left:auto;margin-right:var(--main-space-2);background:var(--bnc-primary-light);border-radius:var(--main-radius-full);font-size:var(--main-text-xs);color:var(--bnc-primary);padding:2px 8px;font-weight:600}._bnc-history-count:empty{display:none}._bnc-history-list{gap:var(--main-space-2);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}._bnc-history-item{align-items:flex-start;gap:var(--main-space-3);padding:var(--main-space-3);background:var(--bnc-bg-secondary);border-radius:var(--bnc-radius-sm);cursor:pointer;transition:var(--bnc-transition);display:flex}._bnc-history-item:hover{background:var(--bnc-bg-tertiary)}._bnc-history-expr{font-size:var(--main-text-sm);font-family:var(--main-font-mono);color:var(--bnc-text-secondary);word-break:break-all;flex:1;line-height:1.4}._bnc-history-result{color:var(--bnc-result-text);font-weight:600}._bnc-history-empty{padding:var(--main-space-4);text-align:center;font-size:var(--main-text-sm);color:var(--bnc-text-muted)}._bnc-clear-history{justify-content:center;align-items:center;gap:var(--main-space-1);width:100%;margin-top:var(--main-space-3);padding:var(--main-space-2);border-radius:var(--bnc-radius-sm);font-size:var(--main-text-sm);color:var(--bnc-text-muted);cursor:pointer;transition:var(--bnc-transition);background:0 0;border:none;display:flex}._bnc-clear-history:hover{background:var(--bnc-bg-secondary);color:var(--bnc-error)}@media (max-width:768px){._bnc-table{font-size:var(--main-text-xs)}._bnc-table th,._bnc-table td{padding:var(--main-space-2)}}