:root{--bac-primary:var(--main-primary);--bac-primary-light:#6366f11a;--bac-success:var(--main-success);--bac-success-light:#10b9811a;--bac-warning:var(--main-warning);--bac-warning-light:#f59e0b1a;--bac-error:var(--main-error);--bac-error-light:#ef44441a;--bac-text:#1f2937;--bac-text-muted:#64748b;--bac-bg:#fff;--bac-bg-secondary:#f8fafc;--bac-border:#e2e8f0;--bac-radius:var(--main-radius);--bac-radius-lg:var(--main-radius-lg);--bac-shadow:var(--main-shadow-sm);--bac-transition:.2s ease}._bac-container{max-width:580px;margin:0 auto}._bac-main-card{background:var(--bac-bg);border-radius:var(--bac-radius-lg);box-shadow:var(--bac-shadow);border-style:solid;border-width:1px;border-color:var(--bac-border);overflow:hidden}._bac-section{padding:var(--main-space-5)}._bac-section-header{margin-bottom:var(--main-space-4);justify-content:space-between;align-items:center;display:flex}._bac-section-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--bac-text-muted);font-weight:500;display:flex}._bac-section-label svg{color:var(--bac-primary)}._bac-clear-btn{width:32px;height:32px;color:var(--bac-text-muted);border-radius:var(--bac-radius);cursor:pointer;transition:color var(--bac-transition), background var(--bac-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._bac-clear-btn:hover{color:var(--bac-error);background:var(--bac-error-light)}._bac-divider{background:var(--bac-border);height:1px;margin:0}._bac-hidden{display:none!important}@media (max-width:768px){._bac-container{padding-left:1rem;padding-right:1rem}._bac-section{padding:var(--main-space-4)}}._bac-tabs{gap:var(--main-space-2);margin-bottom:var(--main-space-4);padding:var(--main-space-1);background:var(--bac-bg);border-radius:var(--bac-radius-lg);box-shadow:var(--bac-shadow);border-style:solid;border-width:1px;border-color:var(--bac-border);display:flex}._bac-tab{padding:var(--main-space-3) var(--main-space-2);color:var(--bac-text-muted);cursor:pointer;border-radius:var(--bac-radius);transition:color var(--bac-transition), background var(--bac-transition);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}._bac-tab-symbol{font-size:var(--main-text-sm);font-weight:700;font-family:var(--main-font-mono);letter-spacing:.05em}._bac-tab-label{font-size:var(--main-text-xs);font-weight:500}._bac-tab:hover{color:var(--bac-text);background:var(--bac-bg-secondary)}._bac-tab._bac-tab-active{color:var(--bac-primary);background:var(--bac-primary-light)}@media (max-width:768px){._bac-tabs{gap:var(--main-space-1)}._bac-tab{padding:var(--main-space-2)}._bac-tab-label{display:none}}._bac-input-group{align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-3);display:flex}._bac-input-prefix{font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--bac-text-muted);background:var(--bac-bg-secondary);border-style:solid;border-width:1px;border-color:var(--bac-border);border-radius:var(--bac-radius);text-align:center;flex-shrink:0;min-width:40px;padding:.625rem .75rem;font-weight:600}._bac-input{min-width:0;font-family:var(--main-font-mono);font-size:var(--main-text-base);color:var(--bac-text);background:var(--bac-bg);border-style:solid;border-width:1.5px;border-color:var(--bac-border);border-radius:var(--bac-radius);transition:border-color var(--bac-transition), box-shadow var(--bac-transition);text-transform:uppercase;outline:none;flex:1;padding:.625rem .875rem;font-weight:500}._bac-input::placeholder{color:var(--bac-text-muted);opacity:.6;text-transform:none}._bac-input:focus{border-color:var(--bac-primary);box-shadow:0 0 0 3px var(--bac-primary-light)}._bac-input._bac-input-error{border-color:var(--bac-error);box-shadow:0 0 0 3px var(--bac-error-light)}._bac-operators{gap:var(--main-space-2);margin-bottom:var(--main-space-3);flex-direction:column;display:flex}._bac-operators-group{justify-content:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._bac-op-btn{background:var(--bac-bg-secondary);width:44px;height:44px;color:var(--bac-text);font-size:var(--main-text-lg);border-radius:var(--bac-radius);cursor:pointer;transition:background var(--bac-transition), color var(--bac-transition), box-shadow var(--bac-transition);border:none;justify-content:center;align-items:center;font-weight:600;display:flex}._bac-op-btn:hover{background:var(--bac-primary-light);color:var(--bac-primary)}._bac-op-btn._bac-op-active{background:var(--bac-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}._bac-op-btn._bac-op-bitwise{font-size:var(--main-text-base);font-family:var(--main-font-mono)}._bac-bitwise-ops{padding-top:var(--main-space-2);border-top-style:dashed;border-top-width:1px;border-top-color:var(--bac-border)}._bac-calculate-btn{justify-content:center;align-items:center;gap:var(--main-space-2);background:var(--bac-primary);color:#fff;width:100%;font-size:var(--main-text-base);border-radius:var(--bac-radius);cursor:pointer;transition:opacity var(--bac-transition), box-shadow var(--bac-transition);border:none;padding:.75rem 1.5rem;font-weight:600;display:flex;box-shadow:0 2px 8px #6366f140}._bac-calculate-btn:hover{opacity:.9}._bac-calculate-btn:active{opacity:.8}._bac-examples{margin-top:var(--main-space-4);padding:var(--main-space-4);background:var(--bac-bg);border-radius:var(--bac-radius-lg);box-shadow:var(--bac-shadow);border-style:solid;border-width:1px;border-color:var(--bac-border)}._bac-examples-header{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--bac-text-muted);margin-bottom:var(--main-space-3);font-weight:500;display:flex}._bac-examples-header svg{color:var(--bac-warning)}._bac-examples-list{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._bac-example-btn{background:var(--bac-bg-secondary);color:var(--bac-text);font-family:var(--main-font-mono);font-size:var(--main-text-sm);border-radius:var(--bac-radius);cursor:pointer;transition:background var(--bac-transition), color var(--bac-transition);border:none;padding:.375rem .75rem;font-weight:500}._bac-example-btn:hover{background:var(--bac-primary-light);color:var(--bac-primary)}@media (max-width:768px){._bac-op-btn{width:40px;height:40px;font-size:var(--main-text-base)}._bac-operators-group{gap:var(--main-space-1)}._bac-example-btn{font-size:var(--main-text-xs);padding:.25rem .5rem}}._bac-result-section{padding:var(--main-space-5);background:var(--bac-bg-secondary);min-height:120px}._bac-result-card{background:var(--bac-bg);border-radius:var(--bac-radius-lg);border-style:solid;border-width:1px;border-color:var(--bac-border);overflow:hidden}._bac-result-expression{padding:var(--main-space-3) var(--main-space-4);background:var(--bac-bg-secondary);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--bac-text-muted);text-align:center;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bac-border);font-weight:500}._bac-result-formats{padding:var(--main-space-2)}._bac-format-row{align-items:center;gap:var(--main-space-3);padding:var(--main-space-3) var(--main-space-3);border-radius:var(--bac-radius);transition:background var(--bac-transition);display:flex}._bac-format-row:hover{background:var(--bac-bg-secondary)}._bac-format-row._bac-format-highlight{background:var(--bac-primary-light)}._bac-format-label{width:36px;font-family:var(--main-font-mono);font-size:var(--main-text-xs);color:var(--bac-text-muted);letter-spacing:.05em;flex-shrink:0;font-weight:700}._bac-format-value{font-family:var(--main-font-mono);font-size:var(--main-text-base);color:var(--bac-text);word-break:break-all;flex:1;font-weight:600}._bac-copy-btn{width:32px;height:32px;color:var(--bac-text-muted);border-radius:var(--bac-radius);cursor:pointer;transition:color var(--bac-transition), background var(--bac-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}._bac-copy-btn:hover{color:var(--bac-primary);background:var(--bac-primary-light)}._bac-copy-btn._bac-copied{color:var(--bac-success)}._bac-error{align-items:center;gap:var(--main-space-2);padding:var(--main-space-6);color:var(--bac-error);font-size:var(--main-text-sm);text-align:center;flex-direction:column;font-weight:500;display:flex}._bac-error svg{opacity:.8}._bac-empty-state{align-items:center;gap:var(--main-space-2);padding:var(--main-space-6);color:var(--bac-text-muted);font-size:var(--main-text-sm);flex-direction:column;display:flex}._bac-empty-state svg{opacity:.4}@media (max-width:768px){._bac-result-section{padding:var(--main-space-4)}._bac-format-row{padding:var(--main-space-2)}._bac-format-value{font-size:var(--main-text-sm)}}._bac-reference{margin-top:var(--main-space-4)}._bac-reference-toggle{align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3) var(--main-space-4);background:var(--bac-bg);color:var(--bac-text-muted);font-size:var(--main-text-sm);border-style:solid;border-width:1px;border-color:var(--bac-border);border-radius:var(--bac-radius-lg);box-shadow:var(--bac-shadow);cursor:pointer;transition:color var(--bac-transition), background var(--bac-transition);font-weight:500;display:flex}._bac-reference-toggle:hover{color:var(--bac-text)}._bac-reference-toggle svg:first-child{color:var(--bac-primary)}._bac-toggle-icon{transition:transform var(--bac-transition);margin-left:auto}._bac-reference-toggle._bac-toggle-open ._bac-toggle-icon{transform:rotate(180deg)}._bac-reference-panel{margin-top:var(--main-space-2);padding:var(--main-space-4);background:var(--bac-bg);border-radius:var(--bac-radius-lg);box-shadow:var(--bac-shadow);border-style:solid;border-width:1px;border-color:var(--bac-border)}._bac-ref-table{gap:var(--main-space-1);flex-direction:column;display:flex}._bac-ref-header-row{gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);font-size:var(--main-text-xs);color:var(--bac-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bac-border);grid-template-columns:60px 1fr 1fr;font-weight:600;display:grid}._bac-ref-row{gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);font-size:var(--main-text-sm);color:var(--bac-text);border-radius:var(--bac-radius);transition:background var(--bac-transition);grid-template-columns:60px 1fr 1fr;display:grid}._bac-ref-row:hover{background:var(--bac-bg-secondary)}._bac-ref-row._bac-ref-bitwise{background:var(--bac-primary-light)}._bac-ref-op{font-family:var(--main-font-mono);font-weight:700;font-size:var(--main-text-base);color:var(--bac-primary)}._bac-ref-example{font-family:var(--main-font-mono);font-size:var(--main-text-xs);color:var(--bac-text-muted)}@media (max-width:768px){._bac-ref-header-row,._bac-ref-row{grid-template-columns:50px 1fr}._bac-ref-header-row span:last-child,._bac-ref-example{display:none}._bac-reference-panel{padding:var(--main-space-3)}}