:root{--primary:#4F46E5;--primary-light:#EEF2FF;--surface:#ffffff;--bg:#F3F4F6;--text-main:#1F2937;--text-muted:#6B7280;--border:#E5E7EB}*{box-sizing:border-box;margin:0;padding:0}.header-section{text-align:center;margin-bottom:30px}h1{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:8px;letter-spacing:-.02em}.subtitle{color:var(--text-muted);font-size:1rem}.table-container{background:var(--surface);border-radius:16px;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);overflow:hidden;max-width:1100px;width:100%}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px 10px;border-bottom:1px solid var(--border);vertical-align:middle}th{background-color:#F9FAFB;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:1.2rem;letter-spacing:.05em}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--primary-light);transition:background-color 0.2s ease}.operation{font-weight:600;color:var(--primary);font-size:1.5rem}.sub-op{font-size:.85rem;color:var(--text-muted);font-weight:400;margin-top:4px;display:block}.description{font-size:1.2rem;color:#4B5563}.math-container{font-family:'Times New Roman',Times,serif;font-size:1.2rem;white-space:nowrap;display:flex;align-items:center}.frac{display:inline-flex;flex-direction:column;align-items:center;margin:0 .5rem}.num{border-bottom:1.5px solid var(--text-main);padding:0 .3rem;line-height:1.2}.den{padding:0 .3rem;line-height:1.2}.operator{font-weight:700;color:var(--text-muted);margin:0 .3rem;font-family:'Inter',sans-serif;font-size:1rem}.pizza-box{display:flex;align-items:center;gap:12px;white-space:nowrap}.pizza-img{width:44px;height:44px;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .08));transition:transform 0.2s ease}tr:hover .pizza-img{transform:scale(1.05)}.viz-op{font-size:1.2rem;font-weight:600;color:var(--text-muted)}@media (max-width:768px){th,td{padding:12px 16px}.pizza-img{width:36px;height:36px}.math-container{font-size:1rem}}