body{font-family:var(--font-family-base)}main{display:flex;flex-direction:column}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-surface-light)}::-webkit-scrollbar{width:clamp(6px,1vw,12px);height:clamp(6px,1vw,12px)}::-webkit-scrollbar-track{background:var(--color-surface-light);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}::-webkit-scrollbar-thumb:active{background:var(--color-primary-light)}::-webkit-scrollbar:horizontal{height:clamp(6px,1vw,10px)}@media (max-width:768px){::-webkit-scrollbar{width:6px;height:6px}}@media (min-width:769px) and (max-width:1024px){::-webkit-scrollbar{width:8px;height:8px}}@media (min-width:1025px){::-webkit-scrollbar{width:12px;height:10px}}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}.text-center{text-align:center}.hidden{display:none}.visible{display:block}@media (max-width:768px){.hidden-mobile{display:none}}@media (min-width:769px){.hidden-desktop{display:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:white}.footer,.header,.sidebar{display:none}}