.app{display:flex;flex-direction:column;min-height:100vh}:root{color-scheme:light dark;--scrollbar-track: #1e1e1e;--scrollbar-thumb: #333;--scrollbar-thumb-hover: #444}:root[data-theme=light]{--scrollbar-track: #ececec;--scrollbar-thumb: #b3b3b3;--scrollbar-thumb-hover: #8f8f8f}:root[data-theme=dark]{--scrollbar-track: #1e1e1e;--scrollbar-thumb: #333;--scrollbar-thumb-hover: #444}body{margin:0;padding:0;box-sizing:border-box;width:100%;overflow-x:hidden}html{width:100%;overflow-x:hidden;scrollbar-gutter:stable;overflow-y:scroll}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*,*:before,*:after{transition-property:background-color,border-color,fill,stroke,box-shadow;transition-duration:.3s;transition-timing-function:ease-out}@keyframes button-glow{0%{box-shadow:0 0 #1976d2b3}70%{box-shadow:0 0 0 10px #1976d200}to{box-shadow:0 0 #1976d200}}.button-glow-animation{animation:button-glow .6s ease-out}