#fontswipe-app{text-align:center;max-width:1000px;min-height:70vh;margin:0 auto;padding:60px 20px;font-family:Inter Variable,Inter,sans-serif;overflow:hidden}#fontswipe-app [hidden]{display:none!important}#filters{border:1px solid var(--trait);background:var(--carte);border-radius:999px;gap:4px;max-width:100%;margin:10px auto 28px;padding:4px;display:inline-flex}.filter-btn{cursor:pointer;transition:background-color .2s var(--sortie), color .2s var(--sortie), transform .2s var(--sortie);color:var(--encre-2);letter-spacing:var(--approche-ui);white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:baseline;gap:8px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.filter-btn__nb{color:var(--encre-3);transition:color .2s var(--sortie);font-size:12px;font-weight:450}.filter-btn:not(.active):hover{background:var(--papier);color:var(--encre)}.filter-btn.active{background:var(--encre);color:var(--papier)}.filter-btn.active .filter-btn__nb{color:oklch(78% .004 90)}.filter-btn:active{transform:scale(.97)}@media (width<=600px){#filters{width:100%;display:flex}.filter-btn{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:1px;padding:8px 4px;font-size:13px}.filter-btn__nb{font-size:11px}#filters,.filter-btn{border-radius:16px}.filter-btn{border-radius:12px}}.fs-panneau{background:var(--carte);border-radius:var(--rayon);box-shadow:0 15px 40px #0000000d}#intro{max-width:600px;margin:auto;padding:60px 48px 72px}#intro h1{letter-spacing:var(--approche-titre);font-size:44px;line-height:1.05;font-weight:var(--graisse-titre);color:var(--encre);margin:0 0 20px}#intro p{color:var(--encre-2);max-width:480px;margin:0 auto 36px;font-size:17px;line-height:1.7}.fs-bouton{background:var(--encre);color:var(--papier);font-family:inherit;font-size:16px;font-weight:var(--graisse-ui);letter-spacing:var(--approche-ui);cursor:pointer;transition:background-color .2s var(--sortie), color .2s var(--sortie), border-color .2s var(--sortie), box-shadow .2s var(--sortie), transform .2s var(--sortie);border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 24px 14px 28px;display:inline-flex;box-shadow:0 2px 6px #00000014}.fs-bouton:hover{background:var(--encre-2)}.fs-bouton:active{transform:scale(.97)}#filterHint{color:var(--alerte);margin:16px 0 0;font-size:14px}#end-screen{text-align:center;opacity:0;max-width:640px;transition:opacity .6s var(--sortie), transform .6s var(--sortie);flex-direction:column;justify-content:center;align-items:center;margin:60px auto 20px;padding:60px 48px;display:flex;transform:translateY(20px)}#end-screen.visible{opacity:1;transform:translateY(0)}#end-screen .fs-bouton{animation:popIn .4s var(--sortie);margin-bottom:28px}#end-screen h2{letter-spacing:var(--approche-titre);font-size:34px;line-height:1.1;font-weight:var(--graisse-titre);color:var(--encre);text-wrap:balance;margin:0 0 16px}#end-screen p{color:var(--encre-2);margin:0;font-size:16px;line-height:1.6}#liked-count{font-weight:var(--graisse-ui);color:var(--encre)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#card-stack{aspect-ratio:4/2.5;perspective:1000px;width:90%;max-width:640px;min-height:360px;margin:40px auto 0;position:relative}#card-stack:focus-visible{outline:2px solid var(--encre);outline-offset:6px;border-radius:var(--rayon)}.card{background:var(--carte);border-radius:var(--rayon);transition:transform .45s var(--sortie), opacity .45s var(--sortie);cursor:grab;user-select:none;touch-action:none;border:1px solid #0000000a;position:absolute;inset:0;box-shadow:0 20px 40px #0000000d}.card__corps{margin:clamp(20px,6vw,40px)}.card__noms{font-size:11.5px;font-weight:var(--graisse-etiquette);letter-spacing:.14em;text-transform:uppercase;color:var(--encre-3);margin:0 0 1em}.card__desc{color:var(--encre-3);margin:0 0 clamp(16px,3vw,24px);font-size:clamp(13px,1.8vw,15px)}.card__titre{color:var(--encre);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 clamp(16px,3vw,24px);font-size:clamp(26px,5vw,44px);font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card__texte{color:var(--encre-2);margin:0;font-size:clamp(14px,2.5vw,18px);line-height:1.7}#buttons{opacity:0;transition:opacity .4s var(--sortie);justify-content:center;gap:32px;margin-top:30px;display:flex}#buttons.visible{opacity:1}#buttons button{background:var(--carte);cursor:pointer;width:80px;height:80px;transition:background-color .2s var(--sortie), color .2s var(--sortie), border-color .2s var(--sortie), box-shadow .2s var(--sortie), transform .2s var(--sortie);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 5px 15px #00000014}#buttons svg{width:34px;height:34px;color:var(--encre)}@media (width<=600px){#buttons svg{width:28px;height:28px}}#live-favorites{grid-template-columns:1fr;gap:20px;max-width:700px;margin:60px auto 0;padding:0 20px;display:grid}@media (width>=768px){#live-favorites{grid-template-columns:repeat(2,1fr)}}.fav-card{background:var(--carte);border-radius:var(--rayon-petit);transition:background-color .25s var(--sortie), border-color .25s var(--sortie), box-shadow .25s var(--sortie), transform .25s var(--sortie);text-align:left;border:1px solid #00000008;padding:20px;position:relative;box-shadow:0 4px 12px #0000000d}.fav-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.fav-card.locked{border:1px solid var(--encre-3);background:var(--papier)}.fav-card h4{font-size:18px;font-weight:var(--graisse-ui);color:var(--encre);margin:0 0 4px}.fav-card p{color:var(--encre-2);margin:0 0 10px;font-size:14px}.fav-card small{color:var(--encre-3);margin-bottom:8px;font-size:12px;display:block}.fav-actions{gap:0;display:flex;position:absolute;top:4px;right:4px}.fav-actions button{cursor:pointer;color:var(--encre-3);transition:color .2s var(--sortie);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;line-height:0;display:inline-flex}.fav-actions button:hover{color:var(--encre)}.fav-actions svg{width:16px;height:16px}.fav-downloads{flex-direction:column;gap:8px;margin-top:10px;display:flex}.fav-downloads a{color:var(--encre);background:var(--papier);border:1px solid var(--trait);transition:background-color .2s var(--sortie), color .2s var(--sortie), border-color .2s var(--sortie), box-shadow .2s var(--sortie), transform .2s var(--sortie);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.fav-downloads a:hover{border-color:var(--encre-3)}.fav-downloads svg{flex:none;width:14px;height:14px}@media (prefers-reduced-motion:reduce){#fontswipe-app *,#fontswipe-app :before,#fontswipe-app :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}