.issue-card,.position-card,.practice-card{overflow:hidden;position:relative}.bit-width-card,.error-example,.issue-card,.position-card,.power-highlight,.practice-card{position:relative}@keyframes step-pulse{0%,100%{box-shadow:0 0 0 0 rgba(6,182,212,.7)}50%{box-shadow:0 0 0 8px rgba(6,182,212,0)}}.step-indicator{animation:2s infinite step-pulse}.format-card:hover{transform:translateX(4px);border-left-width:6px}.calculation-step,.faq-content,.position-grid,.visual-table tbody tr,details{transition:.3s}.calculation-step:hover,.visual-table tbody tr:hover{background:rgba(6,182,212,.1);transform:scale(1.02)}@media (max-width:640px){.grid-cols-1.md\:grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.font-tech,.overflow-x-auto table{font-size:.75rem}.grid-cols-1.md\:grid-cols-2,.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4{gap:.75rem}.flex.items-center.gap-4{flex-direction:column;align-items:center;text-align:center;gap:1rem}.w-12.h-12{margin:0 auto}.text-xl.font-tech{font-size:1rem}.overflow-x-auto td,.overflow-x-auto th{padding:.5rem}}@keyframes step-glow{0%,100%{box-shadow:0 0 0 0 rgba(6,182,212,.7)}50%{box-shadow:0 0 0 8px rgba(6,182,212,0)}}.step-number{animation:3s ease-in-out infinite step-glow}.copy-save-item:hover{background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(59,130,246,.1));transform:translateX(4px)}.position-card:hover,.practice-card:hover{transform:translateY(-2px) scale(1.05)}.position-card{transition:.3s cubic-bezier(.4, 0, .2, 1)}.glass-hover,.practice-card{transition:.3s}.issue-card::before,.position-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.1),transparent);transition:left .5s}.issue-card:hover::before,.position-card:hover::before{left:100%}@keyframes formula-pulse{0%,100%{box-shadow:0 0 0 0 rgba(6,182,212,.3)}50%{box-shadow:0 0 0 10px rgba(6,182,212,0)}}.formula-container{animation:3s ease-in-out infinite formula-pulse}.practice-card .answer,.practice-card .binary-display{font-family:'JetBrains Mono',monospace;font-weight:700;margin-bottom:.5rem}.glass-hover:focus,.position-card:focus,.practice-card:focus{outline:#06b6d4 solid 2px;outline-offset:2px}.practice-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;cursor:pointer}.practice-card:hover{background:rgba(255,255,255,.08);border-color:rgba(6,182,212,.3)}.practice-card .binary-display{font-size:1.1rem;color:#06b6d4}.practice-card .answer{font-size:1.25rem;color:#10b981}.practice-card .click-hint{font-size:.75rem;color:#9ca3af}.practice-card.revealed{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}.grid-cols-3.gap-4.py-1:hover{background:rgba(6,182,212,.1);border-radius:6px;transform:translateX(4px)}.power-highlight::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#06b6d4,#3b82f6);border-radius:6px;z-index:-1;opacity:0;transition:opacity .3s}.power-highlight:hover::after{opacity:.2}@keyframes proof-glow{0%,100%{box-shadow:0 0 0 0 rgba(6,182,212,.3)}50%{box-shadow:0 0 0 8px rgba(6,182,212,0)}}.proof-container{animation:4s ease-in-out infinite proof-glow}.position-grid:hover{transform:scale(1.02)}.verification-example:hover{background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(16,185,129,.1))}.glass-hover:hover,details[open]{background:rgba(255,255,255,.08)}@media print{table{break-inside:avoid}.glass,.glass-hover{background:#fff;color:#000;border:1px solid #ccc;break-inside:avoid}.glow-text{color:#000!important;-webkit-text-fill-color:black!important}.practice-card{background:#f5f5f5;border:1px solid #ddd}.font-tech{font-family:monospace}.bg-gradient-to-br,.bg-gradient-to-r{background:#f5f5f5!important}}.glass,.glass-hover{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.glass-hover:hover{border-color:rgba(6,182,212,.3);transform:translateY(-2px)}.glow-text{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-tech{font-family:'JetBrains Mono','Fira Code',monospace}details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}details summary:hover{color:#06b6d4}.problem-icon{animation:2s ease-in-out infinite pulse-warning}@keyframes pulse-warning{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.solution-step{transition:.3s cubic-bezier(.4, 0, .2, 1)}.solution-step:hover{transform:translateX(4px);border-left-color:rgba(6,182,212,.5);border-left-width:4px}details[open] .faq-content{animation:.3s ease-out fadeInDown}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-example{padding-left:1rem;border-left:3px solid}.error-example.invalid{border-left-color:#ef4444;background:rgba(239,68,68,.1)}.error-example.valid{border-left-color:#10b981;background:rgba(16,185,129,.1)}.bit-width-card{transition:.3s}.bit-width-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.bit-width-card::after{content:'';position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(180deg,#06b6d4,#3b82f6);border-radius:0 6px 6px 0}.data-type-grid{display:grid;gap:.5rem}.data-type-item{padding:.5rem;border-radius:4px;font-size:.75rem;transition:background-color .2s}.data-type-item:hover{background:rgba(6,182,212,.1)}@media (max-width:768px){.flex.items-center.space-x-4{flex-wrap:wrap;justify-content:center;gap:.5rem}.w-12.h-0\.5{display:none}.grid-cols-1.lg\:grid-cols-2,.grid-cols-1.lg\:grid-cols-3{gap:1rem}.text-2xl.font-tech{font-size:1.25rem}.grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.grid-cols-5>:nth-child(4),.grid-cols-5>:nth-child(5){grid-column:span 1}.practice-card{padding:.75rem}.glass,.glass-hover{padding:1.5rem;margin-bottom:1.5rem}.text-3xl{font-size:1.875rem}.text-2xl{font-size:1.5rem}.grid-cols-1.md\:grid-cols-2,.grid-cols-1.md\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.flex.items-start.gap-4{flex-direction:column;align-items:center;text-align:center;gap:1rem}.w-12.h-12{margin:0 auto}.p-8{padding:1.5rem}.mb-12{margin-bottom:2rem}.space-y-8>*+*{margin-top:1.5rem}.font-tech{font-size:.75rem}.text-lg{font-size:1rem}}@media (max-width:640px){.grid-cols-1.md\:grid-cols-2,.grid-cols-1.md\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2.md\:grid-cols-4.lg\:grid-cols-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.grid-cols-1.md\:grid-cols-3{gap:1rem}.text-lg.font-tech{font-size:.875rem}.practice-card .answer,.text-xl.font-tech{font-size:1rem}.practice-card .binary-display{font-size:.9rem}.p-6{padding:1rem}.space-y-6>*+*{margin-top:1rem}details summary{font-size:.95rem}.text-xl{font-size:1.125rem}.mb-8{margin-bottom:1.5rem}}details summary:focus{outline:#06b6d4 solid 2px;outline-offset:2px;border-radius:4px}.severity-critical{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.1),transparent)}.severity-warning{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.1),transparent)}.severity-info{border-left:4px solid #3b82f6;background:linear-gradient(90deg,rgba(59,130,246,.1),transparent)}@media (prefers-color-scheme:dark){.glass,.glass-hover{background:rgba(255,255,255,.03)}.glass-hover:hover{background:rgba(255,255,255,.06)}}@media print{.glass,.glass-hover{background:#fff;color:#000;border:1px solid #ccc;break-inside:avoid}.glow-text{color:#000!important;-webkit-text-fill-color:black!important}details{break-inside:avoid}details[open] summary~*{display:block!important}.bg-blue-500\/10,.bg-cyan-500\/10,.bg-green-500\/10,.bg-orange-500\/10,.bg-purple-500\/10,.bg-red-500\/10,.bg-yellow-500\/10{background:#f5f5f5!important;border:1px solid #ddd!important}.font-tech{font-family:monospace}}@media (prefers-contrast:high){.glass,.glass-hover{border-width:2px;border-color:#fff}.text-gray-300,.text-gray-400{color:#fff}}