:root{--bg-primary: #0b0f19;--bg-card: rgba(18, 26, 44, .75);--bg-card-border: rgba(255, 255, 255, .08);--bit-hue: 160;--bit-active-bg-1: hsl(var(--bit-hue), 85%, 35%);--bit-active-bg-2: hsl(var(--bit-hue), 85%, 50%);--bit-active-gradient: linear-gradient(135deg, var(--bit-active-bg-1), var(--bit-active-bg-2));--bit-active-border: hsl(var(--bit-hue), 85%, 55%);--bit-active-shadow: 0 0 18px hsla(var(--bit-hue), 85%, 50%, .45);--accent-cyan: #00f2fe;--accent-green: #10b981;--accent-green-glow: rgba(16, 185, 129, .35);--accent-red: #ef4444;--accent-red-glow: rgba(239, 68, 68, .35);--accent-amber: #f59e0b;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-bright-green: #34d399;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "PT Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--spring-easing: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--spring-easing);--transition-smooth: .3s var(--spring-easing)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.app-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 20% 15%,rgba(0,242,254,.12) 0%,transparent 45%),radial-gradient(circle at 80% 85%,rgba(16,185,129,.12) 0%,transparent 45%);pointer-events:none;z-index:-1;animation:ambientPulse 12s ease-in-out infinite alternate}@keyframes ambientPulse{0%{transform:scale(1) translate(0);opacity:.8}50%{transform:scale(1.08) translate(15px,-15px);opacity:1}to{transform:scale(1) translate(-10px,10px);opacity:.8}}.app-header{width:100%;max-width:1150px;padding:1.5rem 1.5rem .75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;animation:springFadeDown .6s var(--spring-easing)}@keyframes springFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-icon{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:1px solid rgba(0,242,254,.3);padding:.25rem .5rem;border-radius:var(--radius-sm);box-shadow:0 0 12px #00f2fe26;transition:transform .3s var(--spring-easing)}.logo-container:hover .logo-icon{transform:rotate(5deg) scale(1.1)}.app-header h1{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.system-selector{display:flex;background:#121a2ca6;border:1px solid rgba(0,242,254,.2);padding:.3rem;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.3rem;flex-wrap:wrap}.system-tab{background:transparent;border:1px solid transparent;color:var(--text-muted);font-family:var(--font-sans);font-weight:600;font-size:.85rem;padding:.45rem .85rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:.35rem}.system-tab:hover{color:var(--text-main);background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px)}.system-tab:active{transform:scale(.95)}.system-tab.active{background:linear-gradient(135deg,#10b98140,#00f2fe33);border-color:var(--accent-green);color:var(--text-bright-green);box-shadow:0 0 14px var(--accent-green-glow);animation:tabPulse .4s var(--spring-easing)}.mode-selector{display:flex;background:#ffffff0a;border:1px solid var(--bg-card-border);padding:.3rem;border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.25rem}.mode-tab{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-weight:600;font-size:.9rem;padding:.55rem 1.1rem;border-radius:9999px;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:.4rem}.mode-tab:hover{color:var(--text-main);background:#ffffff0f;transform:translateY(-2px)}.mode-tab:active{transform:scale(.94)}.mode-tab.active{background:linear-gradient(135deg,#00f2fe40,#10b9814d);border:1px solid rgba(0,242,254,.4);color:var(--accent-cyan);box-shadow:0 0 16px #00f2fe40;animation:tabPulse .4s var(--spring-easing)}@keyframes tabPulse{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}.header-widgets{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.color-picker-widget{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid var(--bg-card-border);padding:.4rem .8rem;border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s ease,box-shadow .3s ease}.color-picker-widget:hover{border-color:#fff3}.color-picker-label{font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.color-preview-dot{width:14px;height:14px;border-radius:50%;background:hsl(var(--bit-hue),85%,50%);box-shadow:0 0 10px hsla(var(--bit-hue),85%,50%,.7);transition:background .15s ease,box-shadow .15s ease;display:inline-block}.rainbow-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:8px;border-radius:4px;background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0 42%,#0ff 57%,#00f,#8b00ff 85%,#f0f);outline:none;cursor:pointer}.rainbow-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--bg-primary);box-shadow:0 0 6px #0009;cursor:grab;transition:transform .15s ease}.rainbow-slider::-webkit-slider-thumb:hover,.rainbow-slider::-webkit-slider-thumb:active{transform:scale(1.3);cursor:grabbing}.stats-badge{font-family:var(--font-mono);font-weight:600;font-size:.95rem;color:var(--accent-green);background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:.5rem 1rem;border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s var(--spring-easing)}.stats-badge.bounce{animation:badgeBounce .4s var(--spring-easing)}@keyframes badgeBounce{0%{transform:scale(1)}50%{transform:scale(1.18);color:var(--accent-cyan)}to{transform:scale(1)}}#timer-display{color:var(--accent-amber);background:#f59e0b1f;border-color:#f59e0b4d}.main-container{width:100%;max-width:1150px;padding:1rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.instructions-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:1.25rem 1.75rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0003;animation:springFadeUp .6s var(--spring-easing) .1s backwards}@keyframes springFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mode-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.instructions-card h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--accent-cyan)}.mode-pill{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--accent-green);background:#10b98126;padding:.25rem .65rem;border-radius:var(--radius-sm);border:1px solid rgba(16,185,129,.3)}.instructions-card p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.5}.table-wrapper{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:1.25rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px #0000004d;overflow-x:auto;animation:springFadeUp .6s var(--spring-easing) .2s backwards}table{width:100%;border-collapse:separate;border-spacing:.4rem .6rem;table-layout:fixed}table caption{display:none}tbody tr{animation:rowPopIn .5s var(--spring-easing) backwards}@keyframes rowPopIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}tbody tr:nth-child(1){animation-delay:.05s}tbody tr:nth-child(2){animation-delay:.09s}tbody tr:nth-child(3){animation-delay:.13s}tbody tr:nth-child(4){animation-delay:.17s}tbody tr:nth-child(5){animation-delay:.21s}tbody tr:nth-child(6){animation-delay:.25s}tbody tr:nth-child(7){animation-delay:.29s}tbody tr:nth-child(8){animation-delay:.33s}tbody tr:nth-child(9){animation-delay:.37s}tbody tr:nth-child(10){animation-delay:.41s}th.header-target,th.header-action{width:115px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.place-values{font-family:var(--font-mono);font-weight:600;font-size:.9rem;color:var(--accent-cyan);padding-bottom:.25rem;text-align:center}.place-values sup{font-size:.72em;vertical-align:super;line-height:0;color:var(--accent-cyan);font-weight:700}.decimal-numbers{font-family:var(--font-mono);font-weight:700;font-size:1.2rem;color:var(--accent-green);background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm);padding:.6rem .25rem;width:100%;height:52px;box-sizing:border-box;text-align:center;transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.decimal-input{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text-main);background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:.35rem .5rem;width:75px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.decimal-input:focus{border-color:var(--accent-cyan);background:#00f2fe1f;box-shadow:0 0 12px #00f2fe59}.decimal-input::placeholder{color:var(--text-muted);opacity:.6}.decimal-input::-webkit-outer-spin-button,.decimal-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.decimal-input[type=number]{-moz-appearance:textfield}.color-swatch-box{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.3);box-shadow:0 0 10px #00000080;display:inline-block;vertical-align:middle;transition:transform .2s ease,background-color .2s ease;flex-shrink:0}.color-swatch-box:hover{transform:scale(1.15)}.color-target-cell{display:flex;align-items:center;gap:.5rem;justify-content:center;width:100%}.color-split-cell{width:100%;height:52px;border-radius:var(--radius-sm);border:1.5px solid rgba(255,255,255,.25);overflow:hidden;display:flex;position:relative;box-shadow:0 0 12px #0006;box-sizing:border-box}.color-split-half{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;cursor:pointer;transition:filter .2s ease,transform .2s ease}.color-split-half:hover{filter:brightness(1.15);z-index:2}.color-split-half.target-half{border-right:1px solid rgba(0,0,0,.4)}.split-tag{font-family:var(--font-sans);font-size:.62rem;font-weight:800;color:#fff;background:#000000a6;padding:.08rem .3rem;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none}.color-code-label{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--accent-cyan);white-space:nowrap}.color-channel-input{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text-main);background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:.35rem .5rem;width:70px;height:44px;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.color-channel-input:focus{border-color:var(--accent-cyan);background:#00f2fe1f;box-shadow:0 0 12px #00f2fe59}.color-channel-input[type=number]{-moz-appearance:textfield}.rgb-inputs-wrapper{display:flex;align-items:center;gap:.35rem;justify-content:center;margin-bottom:.35rem}.color-cell-rgb,.color-cell-hex,.color-cell-hsl{text-align:center;vertical-align:middle;padding:.4rem .25rem}.color-cell-hex .hex-badge,.color-cell-hsl .hsl-badge{display:inline-flex;margin:0 auto}.color-badge,.rgb-badge,.hex-badge,.hsl-badge,.color-code-label,.palette-color-code{font-family:var(--font-mono);font-size:.88rem;font-weight:700;letter-spacing:.04em;color:var(--accent-cyan)}.color-badge.copyable,.rgb-badge,.hex-badge,.hsl-badge{background:#00f2fe14;border:1px solid rgba(0,242,254,.3);border-radius:var(--radius-sm);padding:.35rem .65rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.color-badge.copyable:hover,.rgb-badge:hover,.hex-badge:hover,.hsl-badge:hover{background:#00f2fe38;border-color:var(--accent-cyan);color:#fff;transform:translateY(-2px);box-shadow:0 0 12px #00f2fe59}.color-badge.copyable:after,.rgb-badge:after,.hex-badge:after,.hsl-badge:after,.swatch-half:after{content:"Click to copy";position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(4px);background:#0d1322f2;color:var(--accent-cyan);border:1px solid rgba(0,242,254,.4);padding:.25rem .55rem;font-family:var(--font-sans);font-size:.72rem;font-weight:600;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 12px #00000080;z-index:10}.color-badge.copyable:hover:after,.rgb-badge:hover:after,.hex-badge:hover:after,.hsl-badge:hover:after,.swatch-half:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.hex-select,.octal-select{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--accent-cyan);background-color:#121a2cbf;border:1.5px solid rgba(0,242,254,.35);border-radius:var(--radius-sm);padding:.4rem 1.6rem .4rem .6rem;width:100%;max-width:90px;height:52px;box-sizing:border-box;text-align:center;text-align-last:center;outline:none;cursor:pointer;display:block;margin:0 auto;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease,transform .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f2fe' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:.85em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hex-select:hover,.octal-select:hover{border-color:var(--accent-cyan);background-color:#00f2fe26;box-shadow:0 0 14px #00f2fe59;transform:translateY(-2px)}.hex-select:focus,.octal-select:focus{border-color:var(--accent-cyan);background-color:#00f2fe33;box-shadow:0 0 16px #00f2fe73}.hex-select option,.octal-select option{background-color:#0d1322;color:var(--text-main);font-family:var(--font-mono);font-weight:600;font-size:1rem;padding:.6rem}.place-values.color-header{color:var(--text-bright-green);font-size:.85rem}.decimal-numbers.target-bump{animation:targetBump .35s var(--spring-easing)}@keyframes targetBump{0%{transform:scale(1)}40%{transform:scale(1.25);color:var(--accent-cyan)}to{transform:scale(1)}}.decimal-numbers.negative{color:var(--accent-red);background:#ef44441f;border-color:#ef444459;animation:negativePulse .4s var(--spring-easing)}@keyframes negativePulse{0%{transform:scale(1)}50%{transform:scale(1.15) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.decimal-numbers.solved{color:#34d399;background:#10b98140;border-color:var(--accent-green);box-shadow:0 0 16px var(--accent-green-glow);animation:targetSolved .5s var(--spring-easing)}@keyframes targetSolved{0%{transform:scale(1)}50%{transform:scale(1.25) rotate(3deg);box-shadow:0 0 30px var(--accent-green-glow)}to{transform:scale(1) rotate(0)}}.binary-digits{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;width:100%;min-width:52px;height:52px;border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s var(--spring-easing),background .25s ease,border-color .25s ease,box-shadow .25s ease;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;perspective:400px}.binary-digits:hover{background:hsla(var(--bit-hue),85%,50%,.15);border-color:hsl(var(--bit-hue),85%,55%);color:var(--text-main);transform:translateY(-3px) scale(1.04);box-shadow:0 4px 14px hsla(var(--bit-hue),85%,50%,.25)}.binary-digits:active{transform:scale(.86)}.binary-digits.active{background:var(--bit-active-gradient);color:#fff;border-color:var(--bit-active-border);box-shadow:var(--bit-active-shadow);transform:translateY(-2px) scale(1.03)}.binary-digits.bit-flip{animation:bitFlip .35s var(--spring-easing)}@keyframes bitFlip{0%{transform:scale(.85) rotateX(0)}50%{transform:scale(1.2) rotateX(90deg);color:#fff}to{transform:scale(1) rotateX(0)}}tr.row-shake{animation:bitShake .4s ease-in-out}@keyframes bitShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}tr.row-success{animation:rowSuccessGlow .6s var(--spring-easing)}@keyframes rowSuccessGlow{0%{background:transparent}50%{background:#10b98126}to{background:transparent}}button{font-family:var(--font-sans);cursor:pointer}.button{padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;transition:transform .25s var(--spring-easing),background .25s ease,box-shadow .25s ease}.copy-all-btn{background:#00f2fe1f;border:1px solid rgba(0,242,254,.3);color:var(--accent-cyan);height:52px;width:100%;font-weight:700;border-radius:var(--radius-sm);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.copy-all-btn:hover{background:#00f2fe40;border-color:var(--accent-cyan);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #00f2fe59}@media(max-width:768px){.app-header{flex-direction:column;align-items:flex-start}.mode-selector{width:100%;overflow-x:auto}.binary-digits,.decimal-numbers,.check-button,.hex-select,.octal-select{min-width:42px;height:42px;font-size:.95rem}.hex-select,.octal-select{padding:.25rem 1.2rem .25rem .4rem;max-width:75px}.check-button{min-width:85px;padding:0 .5rem}table{table-layout:auto}}.button:active{transform:scale(.94)}.check-button{width:100%;min-width:110px;height:52px;padding:0 1rem;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;background:#ffffff0d;border-color:#ffffff26;color:var(--text-main)}.check-button:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.check-button.reset-mode{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}.check-button.reset-mode:hover{background:#f59e0b3d;border-color:#f59e0b99;color:#fef08a;box-shadow:0 0 12px #f59e0b59}.check-button.correct{background:#10b98133;border-color:var(--accent-green);color:var(--text-bright-green);box-shadow:0 0 12px var(--accent-green-glow);animation:checkPop .35s var(--spring-easing)}@keyframes checkPop{0%{transform:scale(.9)}60%{transform:scale(1.1)}to{transform:scale(1)}}.check-button.incorrect{background:#ef444433;border-color:var(--accent-red);color:#fca5a5;box-shadow:0 0 12px var(--accent-red-glow);animation:checkPop .35s var(--spring-easing)}.button-container{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-top:.5rem;animation:springFadeUp .6s var(--spring-easing) .3s backwards}.check-all{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:.85rem 1.8rem;font-size:1rem;border-radius:var(--radius-md);box-shadow:0 4px 20px var(--accent-green-glow)}.check-all:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 28px #10b98180}.reset-button{background:#f59e0b24;border:1px solid rgba(245,158,11,.35);color:#fbbf24;padding:.85rem 1.8rem;font-size:1rem;border-radius:var(--radius-md);transition:transform .25s var(--spring-easing),background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}.reset-button:hover{background:#f59e0b42;border-color:#f59e0b99;color:#fef08a;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 22px #f59e0b59}.results-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0f19d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:100;animation:modalFade .3s ease}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:2.5rem;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:modalPop .4s var(--spring-easing)}@keyframes modalPop{0%{transform:scale(.8) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-content h3{margin:0;font-size:1.5rem;color:var(--accent-cyan)}.grade-badge{font-family:var(--font-mono);font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:badgePop .5s var(--spring-easing) .2s backwards}@keyframes badgePop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.app-footer{margin-top:auto;padding:1.5rem;color:var(--text-muted);font-size:.85rem;text-align:center;display:flex;flex-direction:column;gap:.35rem;align-items:center}.app-footer p{margin:0}a:not(.button):not(.mode-tab),.app-footer a{color:var(--accent-green);text-decoration:none;font-weight:500;opacity:.75;transition:opacity .2s ease,color .2s ease,text-shadow .2s ease}a:not(.button):not(.mode-tab):hover,a:not(.button):not(.mode-tab):focus,.app-footer a:hover,.app-footer a:focus{color:var(--text-bright-green);opacity:1;text-decoration:underline;text-shadow:0 0 8px var(--accent-green-glow)}@media(max-width:768px){.app-header{flex-direction:column;align-items:flex-start}.mode-selector{width:100%;overflow-x:auto}.binary-digits,.decimal-numbers,.check-button{min-width:42px;height:42px;font-size:.95rem}.check-button{min-width:85px;padding:0 .5rem}table{table-layout:auto}}