: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}.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.5rem;height:-moz-fit-content;height:fit-content;width:100%;background:rgba(0,0,0,.4);padding:.5rem}.footer-container p{color:#fff;font-size:8px}.footer-container>:first-child{display:none}@media(max-width:950px){.footer-container>:first-child{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.5rem}.footer-container>:first-child .icon-button{width:30px;height:30px}.footer-container>:first-child .icon-button img{width:20px;height:20px}}.legal-link{background:none;color:#fff;cursor:pointer;text-decoration:none;border:none;border-bottom:2px solid gray;font-size:.7rem;margin-top:8px}.legal-link:hover{border-bottom:2px solid #fff}.legal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.legal-modal-overlay h3{color:#fff;margin-bottom:2rem;text-align:center}.legal-modal{background:var(--color-dark);border-radius:12px;padding:24px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 2px 16px rgba(0,0,0,.2)}.legal-modal .legal-content{margin-bottom:1rem}.legal-modal .legal-content p{font-size:12px;margin:.1rem}.legal-modal button{width:100%}.close-btn{margin-top:16px;background:#0070f3;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer}@media(max-width:500px){.legal-modal{padding:12px;max-width:98vw;max-height:90vh}}