header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.logo{width:auto;height:36px;color:var(--color-text);transition:color .2s}header a{color:var(--color-text);align-items:center;text-decoration:none;transition:color .2s;display:flex}header svg{width:32px;height:32px}header svg path{fill:currentColor}.theme-toggle-btn{width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;transition:background-color .2s,color .2s;display:flex}.theme-toggle-btn:hover{background-color:var(--color-code-bg);color:var(--color-primary)}.theme-toggle-btn:focus{outline:none;box-shadow:0 0 0 3px #0969da4d}:root[data-theme=dark] .theme-toggle-btn:focus{box-shadow:0 0 0 3px #539bf54d}.expr-page{max-width:720px;padding:var(--spacing-lg) var(--spacing-sm);margin:0 auto}.expr-page__title{margin-bottom:var(--spacing-lg);color:var(--color-text);font-size:1.5rem}.expr-page__rows{gap:var(--spacing-md);flex-direction:column;display:flex}.expr-page__add-btn{margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);color:var(--color-primary);border:1px dashed var(--color-border);border-radius:var(--border-radius);font-family:var(--font-body);cursor:pointer;width:100%;font-size:.875rem}.expr-page__add-btn:hover{border-color:var(--color-primary);background:var(--color-code-bg)}@media (width<=768px){header{padding:var(--spacing-sm) var(--spacing-md)}#logo{height:28px}header svg{width:28px;height:28px}main{padding:var(--spacing-lg) var(--spacing-sm)}main>h1{margin-bottom:var(--spacing-lg);font-size:1.5rem}}.expr-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-sm)}.expr-row__inputs{align-items:center;gap:var(--spacing-xs);display:flex}.expr-row__operand{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.expr-row__decimal,.expr-row__binary{width:100%}.expr-row__decimal input,.expr-row__binary input{width:100%;font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:6px 8px;font-size:.875rem}.expr-row__decimal input:focus,.expr-row__binary input:focus{border-color:var(--color-primary);outline:none}.expr-row__decimal input[readonly],.expr-row__binary input[readonly]{background:var(--color-code-bg);color:var(--color-text-secondary);border-color:#0000}.expr-row__swap-btn{border:1px solid var(--color-border);background:var(--color-surface);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;padding:0;font-size:.75rem;line-height:1}.expr-row__swap-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.expr-row__operator{flex-shrink:0}.expr-row__operator select{font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;padding:6px 8px;font-size:.875rem}.expr-row__operator select:focus{border-color:var(--color-primary);outline:none}.expr-row__equals{background:var(--color-primary);color:#fff;border-radius:var(--border-radius);width:36px;height:36px;font-family:var(--font-mono);cursor:pointer;border:none;flex-shrink:0;padding:0;font-size:1rem;font-weight:700}.expr-row__equals:hover{background:var(--color-primary-hover)}.expr-row__result{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border);font-family:var(--font-mono);gap:var(--spacing-sm);align-items:baseline;font-size:.875rem;display:none}.expr-row__result-decimal-container{flex:1;justify-content:space-between;width:100%;display:flex}.expr-row__explain{font-size:.75rem;font-family:var(--font-body);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;background:0 0;padding:2px 8px}.expr-row__explain:hover{background:var(--color-code-bg);border-color:var(--color-primary)}.expr-row__result--visible{flex-flow:column wrap;display:flex}.expr-row__result-decimal{color:var(--color-text)}.expr-row__result-binary{color:var(--color-text-secondary)}.expr-row__error{margin-top:var(--spacing-xs);color:var(--color-error);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--border-radius);padding:4px 8px;font-size:.8125rem;display:none}.expr-row__error--visible{display:block}@media (width<=540px){.expr-row__inputs{flex-wrap:wrap}.expr-row__operand{flex-basis:100%}.expr-row__operator{align-self:center}}.expr-explanation-dialog{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);width:90vw;max-width:800px;top:50%;left:50%;transform:translate(-50%,-50%)}.expr-explanation-dialog::backdrop{filter:blur(3px);background:#0006}.expr-explanation-dialog h2,.expr-explanation-dialog p{margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:1rem}.expr-explanation{font-family:var(--font-mono);margin-bottom:var(--spacing-sm);flex-direction:column;gap:4px;font-size:1rem;display:flex}.expr-explanation__row{display:flex}.expr-explanation__divider{background:var(--color-border);height:1px;margin:4px 0}.expr-explanation__shift-label{font-family:var(--font-mono);color:var(--color-text-secondary);margin-bottom:6px;font-size:.875rem}.bit{font-size:.875rem;font-family:var(--font-mono);text-align:center;min-width:.6em;color:var(--color-text);display:inline-block}.bit--gained{color:var(--color-success)}.bit--lost{color:var(--color-error)}.bit--strikethrough{text-decoration:line-through}.expr-explanation__close{margin-top:var(--spacing-sm);padding:6px var(--spacing-sm);background:var(--color-primary);color:#fff;border-radius:var(--border-radius);font-family:var(--font-body);cursor:pointer;border:none;width:100%;font-size:.875rem;display:block}.expr-explanation__close:hover{background:var(--color-primary-hover)}.bit:nth-child(4n){margin-right:8.5px}
/*# sourceMappingURL=bitwise.289d8732.css.map */