html,body,#app{width:100%;height:100%;margin:0;padding:0}.glass-effect{-webkit-backdrop-filter:blur(16px);background-color:#ffffffbf}.icon-button{cursor:pointer;color:#333;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .25s,transform .2s;display:flex}.icon-button:hover{background-color:#0000000f}.icon-button:active{transform:scale(.92)}.icon-svg{fill:currentColor;width:24px;height:24px}:root{--background-color:#f7f9fc;--text-color:#333;--primary-color:#ff5a5f;--secondary-color:#ff8c42;--accent-color:#ffb366}