:root{--color-sable:#F4F1E9;--color-vert:#32D7A0;--color-jaune:#FFCC3A;--color-violet:#BB92F7;--color-dark:#333;--background:var(--color-sable);--foreground:var(--color-dark);--size-0_5-rem:0.5rem}body,html{max-width:100vw}body{background:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}*{box-sizing:border-box;padding:0;margin:0}.app-container{display:flex;flex-direction:column}main{flex:1 1}footer{bottom:0;z-index:10;margin-top:1rem}header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.icon-button{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.2rem;cursor:pointer;padding:.2rem;border-radius:50%;border:3px solid var(--color-sable)}.icon-button:focus,.icon-button:hover{outline:none;border:3px solid rgba(0,0,0,0);background:linear-gradient(var(--color-sable),var(--color-sable)) padding-box,linear-gradient(90deg,var(--color-violet),var(--color-jaune)) border-box;background-clip:padding-box,border-box;border-radius:50%}