:root{--fond:#f4f7fa;--texte:#111827;--texte-secondaire:#6b7280;--surface:#ffffff;--bordure:#e5e7eb;--primaire:#2563eb;--primaire-hover:#1d4ed8;--ombre:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px -1px rgba(0, 0, 0, 0.1);--rayon:2rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}body[data-theme=sombre]{--fond:#111827;--texte:#f9fafb;--texte-secondaire:#9ca3af;--surface:#1f2937;--bordure:#374151;--primaire:#3b82f6;--primaire-hover:#60a5fa}body[data-theme='sépia']{--fond:#fdf8f2;--texte:#5a4a3a;--texte-secondaire:#a18f7c;--surface:#ffffff;--bordure:#e9e2d9;--primaire:#e8794e;--primaire-hover:#d16a42}body[data-theme=ardoise]{--fond:#263238;--texte:#eceff1;--texte-secondaire:#b0bec5;--surface:#37474f;--bordure:#546e7a;--primaire:#80cbc4;--primaire-hover:#4db6ac}body[data-theme='forêt']{--fond:#fbfdfa;--texte:#1b3d2f;--texte-secondaire:#607d6b;--surface:#ffffff;--bordure:#e2e8e4;--primaire:#38761d;--primaire-hover:#2a5715;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 100 100"><path d="M50 0 C50 30, 80 30, 80 50 S50 70, 50 100" stroke="%232e7d32" fill="none" stroke-width="2" opacity="0.05" stroke-linecap="round" /><path d="M50 0 C50 30, 20 30, 20 50 S50 70, 50 100" stroke="%232e7d32" fill="none" stroke-width="2" opacity="0.05" stroke-linecap="round" /></svg>')}body[data-theme=rubis]{--fond:#ffffff;--texte:#6a1b3c;--texte-secondaire:#a36d83;--surface:#fef7f9;--bordure:#e6dbe0;--primaire:#c23b6b;--primaire-hover:#a8335d;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 100 100"><path d="M50 0 L65 20 L50 40 L35 20 Z M0 50 L20 65 L40 50 L20 35 Z M60 50 L80 65 L100 50 L80 35 Z M50 100 L65 80 L50 60 L35 80 Z" fill="%23c23b6b" opacity="0.05" /></svg>')}body[data-theme=sport]{--fond:#f5f3f7;--texte:#311b92;--texte-secondaire:#7e57c2;--surface:#ffffff;--bordure:#d1c4e9;--primaire:#673ab7;--primaire-hover:#5e35b1;--rayon:0.5rem;background-image:repeating-linear-gradient(45deg,transparent,transparent 25px,rgba(103,58,183,.04) 25px,rgba(103,58,183,.04) 30px)}body[data-theme=futuriste]{--fond:#000000;--texte:#00ff00;--texte-secondaire:#00cc00;--surface:#0a0a0a;--bordure:#00ff00;--primaire:#00ff00;--primaire-hover:#ffffff;--font-sans:'Courier New',Courier,monospace;--rayon:0rem;--ombre:0 0 8px rgba(0, 255, 0, 0.5)}body[data-theme=galet]{--fond:#e9eef2;--texte:#334155;--texte-secondaire:#64748b;--surface:#f8fafc;--bordure:transparent;--primaire:#6366f1;--primaire-hover:#4f46e5;--ombre:0 10px 25px -5px rgba(0, 0, 0, 0.1),0 -5px 10px -5px rgba(255, 255, 255, 0.9)}body[data-theme=galet] .carte-outil,body[data-theme=galet] .recherche-filtres-integres{border-color:transparent}body[data-theme=cahier]{--fond:#ffffff;--texte:#212121;--texte-secondaire:#757575;--surface:#fafafa;--bordure:#e0e0e0;--primaire:#d32f2f;--primaire-hover:#c62828;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;--rayon:0.25rem;--ombre:0 1px 2px rgba(0, 0, 0, 0.1);background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:25px 25px}body[data-theme=cristal]{--fond:#1a1a1a;--texte:#f0f0f0;--texte-secondaire:#d0d0d0;--surface:rgba(255, 255, 255, 0.25);--bordure:rgba(255, 255, 255, 0.2);--primaire:#ffffff;--primaire-hover:#f0f0f0;--ombre:0 8px 32px 0 rgba(0, 0, 0, 0.37);text-shadow:0 0 6px rgba(0,0,0,.4);background:#1a1a1a;background-image:radial-gradient(at 10% 20%,hsla(189,100%,56%,.7) 0,transparent 50%),radial-gradient(at 80% 20%,hsla(242,100%,70%,.6) 0,transparent 50%),radial-gradient(at 20% 80%,hsla(340,100%,76%,.6) 0,transparent 50%),radial-gradient(at 90% 90%,hsla(180,100%,70%,.7) 0,transparent 50%);background-size:100% 100%;background-attachment:fixed}body[data-theme=cristal] .carte-outil,body[data-theme=cristal] .fiche-detail,body[data-theme=cristal] .recherche-filtres-integres,body[data-theme=cristal] header{background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--bordure)}body[data-theme=cristal] .carte-footer .tag,body[data-theme=cristal] .carte-header .type-badge{background:rgba(255,255,255,.2);color:var(--texte);border:1px solid var(--bordure)}body[data-theme=cristal] #recherche{background:rgba(0,0,0,.2);color:#fff;border-color:rgba(255,255,255,.3)}body[data-theme=cristal] #recherche::placeholder{color:rgba(255,255,255,.6)}body[data-theme='matériel']{--fond:#f5f5f5;--texte:#212121;--texte-secondaire:#757575;--surface:#ffffff;--bordure:#e0e0e0;--primaire:#6200EE;--primaire-hover:#3700B3;--ombre:0 2px 4px rgba(0, 0, 0, 0.1),0 1px 2px rgba(0, 0, 0, 0.05);--rayon:0.5rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;--primaire-transparent:rgba(98, 0, 238, 0.1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 100 100"><g fill="%23e0e0e0" fill-opacity="0.4"><path d="M0 50 L50 100 L100 50 L50 0 Z M50 25 L75 50 L50 75 L25 50 Z"/></g></svg>')}body[data-theme='matériel'] #recherche{box-shadow:none;border:1px solid var(--bordure)}body[data-theme='matériel'] #recherche:focus{border-color:var(--primaire);box-shadow:0 0 0 3px var(--primaire-transparent);outline:0}body[data-theme='matériel'] .carte-outil{border:none;box-shadow:var(--ombre)}body[data-theme='matériel'] .carte-outil:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08)}body[data-theme='matériel'] #filtres select,body[data-theme='matériel'] .filtre-favoris-btn,body[data-theme='matériel'] .filtres-header{box-shadow:var(--ombre);border:1px solid var(--bordure)}body[data-theme='matériel'] .fiche-detail{box-shadow:0 8px 16px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.1)}body[data-theme='matériel'] .tag-date{background:#e8eaf6;color:#3f51b5;border-color:#c5cae9}body[data-theme='matériel'] .tag-type{background:#e0f2f7;color:#00bcd4;border-color:#b2ebf2}body[data-theme='matériel'] .tag-public{background:#e8f5e9;color:#4caf50;border-color:#c8e6c9}body[data-theme='matériel'] .tag-discipline{background:#f3e5f5;color:#9c27b0;border-color:#e1bee7}body[data-theme='matériel'] .tag-tag{background:#fbe9e7;color:#ff5722;border-color:#ffccbc}body[data-theme='matériel'] .fiche-liens .acces{background-color:#2196f3}body[data-theme='matériel'] .fiche-liens .wiki{background-color:#4caf50}body[data-theme='matériel'] .fiche-liens .forge{background-color:#f44336}body[data-theme='matériel'] .fiche-liens .changelog{background-color:#ffc107;color:#212121}body[data-theme=fluence]{--fond:#f8f8fa;--texte:#242424;--texte-secondaire:#606060;--surface:#ffffff;--bordure:#e1e1e1;--primaire:#0078D4;--primaire-hover:#005A9E;--ombre:0 4px 10px rgba(0, 0, 0, 0.06),0 1px 3px rgba(0, 0, 0, 0.03);--rayon:0.35rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;--primaire-transparent:rgba(0, 120, 212, 0.1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 100 100"><path d="M0 50 C25 25, 75 75, 100 50" stroke="%23e1e1e1" fill="none" stroke-width="2" stroke-linecap="round" opacity="0.5"/><path d="M0 60 C25 35, 75 85, 100 60" stroke="%23e1e1e1" fill="none" stroke-width="2" stroke-linecap="round" opacity="0.5"/></svg>')}body[data-theme=fluence] #recherche{border:1px solid var(--bordure);box-shadow:none}body[data-theme=fluence] #recherche:focus{border-color:var(--primaire);box-shadow:0 0 0 2px var(--primaire-transparent);outline:0}body[data-theme=fluence] .carte-outil{border:1px solid var(--bordure);box-shadow:var(--ombre)}body[data-theme=fluence] .carte-outil:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04)}body[data-theme=fluence] #filtres select,body[data-theme=fluence] .filtre-favoris-btn,body[data-theme=fluence] .filtres-header{border:1px solid var(--bordure);box-shadow:var(--ombre)}body[data-theme=fluence] .fiche-detail{box-shadow:0 10px 20px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05)}body[data-theme=fluence] .tag-date{background:#e6f0f6;color:#005c9c;border-color:#ccdae4}body[data-theme=fluence] .tag-type{background:#e1f7e1;color:#007233;border-color:#b8ebd8}body[data-theme=fluence] .tag-public{background:#f6f1e6;color:#7b5f00;border-color:#ede2cc}body[data-theme=fluence] .tag-discipline{background:#f7ebf5;color:#7c2a69;border-color:#ebd2e6}body[data-theme=fluence] .tag-tag{background:#ebeff9;color:#4354a0;border-color:#d3ddf4}body[data-theme=fluence] .fiche-liens .acces{background-color:#0078d4}body[data-theme=fluence] .fiche-liens .wiki{background-color:#10893e}body[data-theme=fluence] .fiche-liens .forge{background-color:#7a2e9f}body[data-theme=fluence] .fiche-liens .changelog{background-color:#d96a00}body{margin:0;font-family:var(--font-sans);background:var(--fond);color:var(--texte);line-height:1.6}header{background:var(--surface);padding:1rem 2rem;border-bottom:1px solid var(--bordure);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;transition:transform .3s ease-in-out}header.header-hidden{transform:translateY(-100%)}.logo{display:flex;align-items:center;gap:.75rem}.logo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.logo span{line-height:1.2;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:.5rem}.view-toggle{display:flex;background:var(--fond);border-radius:var(--rayon);padding:.2rem;align-items:center}.grid-controls{display:flex;align-items:center;background:var(--surface);border-radius:var(--rayon);box-shadow:var(--ombre);padding:0 .2rem;transition:all .3s ease}#cols-options-wrapper{display:flex;align-items:center;max-width:0;overflow:hidden;transition:max-width .4s ease-in-out;white-space:nowrap}.grid-controls.expanded #cols-options-wrapper{max-width:200px}#cols-options-wrapper button{background:0 0;border:none;padding:.4rem .7rem;cursor:pointer;color:var(--texte-secondaire);font-weight:500;border-radius:var(--rayon);margin:0 .1rem}#cols-options-wrapper button.active{background:var(--fond);color:var(--primaire)}.grid-controls:not(.expanded) #cols-options-wrapper button:not(.active){display:none}.view-toggle button{background:0 0;border:none;padding:.4rem .8rem;border-radius:var(--rayon);cursor:pointer;color:var(--texte-secondaire);font-size:1rem;flex-shrink:0}#list-view-btn:not(.active){background:0 0;box-shadow:none}.view-toggle>.active{background:var(--surface);color:var(--primaire);box-shadow:var(--ombre)}.grid-controls.active{color:var(--primaire)}.grid-controls:not(.active){background:0 0;box-shadow:none;color:var(--texte-secondaire)}.grid-controls:not(.active) #cols-options-wrapper{display:none}#refresh-data{font-size:1.5rem;background:0 0;border:none;cursor:pointer;color:var(--texte-secondaire)}.theme-selector{position:relative}#theme-menu-btn{font-size:1.2rem;background:0 0;border:none;cursor:pointer;color:var(--texte-secondaire);padding:.4rem}.theme-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:110;width:150px}.theme-menu button{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:var(--rayon);cursor:pointer;background:0 0;border:none;text-align:left;width:100%;font-family:var(--font-sans);color:var(--texte)}.theme-menu button:hover{background:var(--fond)}.theme-menu button.active{font-weight:700;color:var(--primaire)}.theme-menu .theme-label{display:flex;align-items:center;gap:.75rem}.theme-menu .theme-active-icon{visibility:hidden;color:var(--primaire);font-size:.9rem}.theme-menu button.active .theme-active-icon{visibility:visible}.theme-menu .theme-color-preview{width:20px;height:20px;border-radius:50%;border:1px solid var(--bordure);flex-shrink:0;background:linear-gradient(to bottom,var(--theme-text) 50%,var(--theme-bg) 50%)}main{max-width:1200px;margin:0 auto;padding:2rem}.main-title{text-align:center;margin-bottom:2rem}.main-title h1{font-size:2.25rem;margin-bottom:.5rem}.main-title p{font-size:1.1rem;color:var(--texte-secondaire);max-width:600px;margin:0 auto}.recherche-filtres-section{max-width:850px;margin:0 auto 2rem auto}.recherche-filtres-barre{display:flex;gap:.75rem;align-items:stretch}.recherche-wrapper{position:relative;flex-grow:1}.recherche-wrapper .fa-magnifying-glass{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--texte-secondaire)}#recherche{width:100%;height:100%;padding:.8rem 1rem .8rem 3rem;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);font-size:1rem;box-sizing:border-box;box-shadow:var(--ombre)}.filtres-header{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;cursor:pointer;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);font-weight:500;box-shadow:var(--ombre);flex-shrink:0;transition:background-color .2s}.filtres-header:hover{background:var(--fond)}.filtres-header .toggle-icon{transition:transform .3s ease;color:var(--texte-secondaire)}.filtres-container.collapsed .toggle-icon{transform:rotate(-90deg)}.filtres-container{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);margin-top:.75rem;overflow:hidden;transition:all .3s ease-in-out;max-height:1000px}.tri-btn{width:50px;height:50px;cursor:pointer;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);font-size:1rem;box-shadow:var(--ombre);flex-shrink:0;transition:background-color .2s;display:grid;place-items:center}.tri-btn:hover{background:var(--fond)}.filtres-container.collapsed{max-height:0;border-width:0;margin-top:0;padding:0}#filtres{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:1rem;align-items:center;padding:1.5rem}#filtres select{width:100%;padding:.6rem 1rem;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--fond);color:var(--texte)}.reset-filters-btn{padding:.6rem 1rem;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--fond);color:var(--texte-secondaire);cursor:pointer;transition:all .2s;font-size:1rem;display:grid;place-items:center}.reset-filters-btn:hover{background:var(--primaire);color:#fff;border-color:var(--primaire-hover)}.filtre-favoris-btn{width:50px;height:50px;padding:0;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);cursor:pointer;font-size:1rem;display:grid;place-items:center;transition:all .2s;box-sizing:border-box;box-shadow:var(--ombre);flex-shrink:0}.filtre-favoris-btn:hover{border-color:var(--primaire);color:var(--primaire)}.filtre-favoris-btn.actif{background:var(--primaire);color:#fff;border-color:var(--primaire)}.filtre-favoris-btn.actif .fa-star{color:#ffc107}#resultats-compteur{color:var(--texte-secondaire);margin-bottom:1rem}#liste-outils{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}#liste-outils[data-cols="1"]{grid-template-columns:1fr}#liste-outils[data-cols="2"]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}#liste-outils[data-cols="3"]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}#liste-outils[data-cols="4"]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}#liste-outils.list-view{grid-template-columns:1fr}#liste-outils.list-view .carte-outil{flex-direction:row;align-items:stretch;gap:1.5rem;padding:1.5rem}#liste-outils.list-view .carte-image-container{flex-basis:400px;flex-shrink:0;cursor:default}#liste-outils.list-view .carte-image-container img{border-radius:var(--rayon);width:100%;height:100%;object-fit:cover}#liste-outils.list-view .carte-contenu{padding:0;gap:.8rem}#liste-outils.list-view .carte-footer{border-top:none;padding-top:0}.carte-outil{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.carte-outil:hover{transform:translateY(-5px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.carte-image-container{position:relative;cursor:pointer}.carte-image-container .open-link{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;background:rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center;color:var(--texte);font-size:1.2rem;text-decoration:none;opacity:1;transform:scale(.8);transition:opacity .2s,transform .2s}.carte-outil:hover .open-link{opacity:1;transform:scale(1)}.carte-outil img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee;border-top-left-radius:var(--rayon);border-top-right-radius:var(--rayon)}.carte-image-container .default-svg{width:100%;aspect-ratio:16/9;object-fit:cover;border-top-left-radius:var(--rayon);border-top-right-radius:var(--rayon)}.fiche-detail-grid .default-svg{width:100%;border-radius:var(--rayon);box-shadow:var(--ombre)}.carte-contenu{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1;gap:1rem}.carte-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.carte-header-actions{display:flex;align-items:center;gap:.75rem}.favori-btn{position:absolute;top:.75rem;left:.75rem;width:2.5rem;height:2.5rem;background:rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center;color:var(--texte-secondaire);font-size:1.2rem;border:none;cursor:pointer;opacity:1;transform:scale(.8);transition:opacity .2s,transform .2s}.carte-outil:hover .favori-btn,.favori-btn.is-favori{opacity:1;transform:scale(1)}.favori-btn .fa-solid{color:#ffc107}.carte-header h2{font-size:1.25rem;margin:0;color:var(--primaire)}.tag{font-weight:500;border-radius:999px;white-space:nowrap;border:1px solid;flex-shrink:0}.carte-footer .tag,.carte-header .tag{font-size:.75rem;padding:.25rem .75rem}body{--primaire-transparent:#e0e7ff}body[data-theme=sombre]{--primaire-transparent:rgba(59, 130, 246, 0.2)}.carte-contenu p{font-size:.95rem;color:var(--texte-secondaire);margin:0;flex-grow:1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.carte-footer{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--bordure)}.info-section{display:flex;align-items:flex-start;gap:.75rem;min-height:60px}.info-section i{color:var(--texte-secondaire)}.tags-wrapper{display:flex;flex-wrap:wrap;gap:.5rem}.footer-divider{border:none;border-top:1px solid var(--bordure);margin:0}body{--surface-badge:#e5e7eb;--texte-badge:#374151}body[data-theme=sombre]{--surface-badge:#374151;--texte-badge:#e5e7eb}#popup-detail{position:fixed;inset:0;background:rgba(17,24,39,.8);display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;transition:opacity .3s;padding:1rem}#popup-detail:not(.caché){opacity:1}.fiche-detail{background:var(--surface);border-radius:var(--rayon);width:100%;max-width:950px;max-height:95vh;overflow-y:auto;padding:1.5rem;position:relative;transform:scale(.95);transition:transform .3s}#popup-detail:not(.caché) .fiche-detail{transform:scale(1)}.fiche-detail .fermer{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--texte-secondaire)}.fiche-detail .partager-markdown{position:absolute;top:1rem;right:4rem;background:0 0;border:none;font-size:1.4rem;cursor:pointer;color:var(--texte-secondaire);padding:0;width:2rem;height:2rem;line-height:2rem;text-align:center}.fiche-detail-grid{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}.popup-image-wrapper{width:100%;overflow:hidden;border-radius:var(--rayon);box-shadow:var(--ombre);position:relative}.popup-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--rayon)}.popup-image-wrapper .zoom-image-btn{position:absolute;bottom:.5rem;right:.5rem;background:rgba(0,0,0,.55);color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;opacity:0;transition:opacity .2s}.popup-image-wrapper:hover .zoom-image-btn{opacity:1}#zoom-image-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:500;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:2rem}#zoom-image-overlay img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:var(--rayon);box-shadow:0 0 40px rgba(0,0,0,.5);background:#fff;padding:1rem}#zoom-image-overlay .zoom-fermer{position:absolute;top:1rem;right:1.5rem;background:0 0;border:none;color:#fff;font-size:2.5rem;cursor:pointer;line-height:1}.fiche-detail-grid .carte-image-container img,.fiche-detail-grid>:not(.fiche-col-gauche) img{width:100%;border-radius:var(--rayon);box-shadow:var(--ombre)}.fiche-detail-grid .default-svg,.popup-image-wrapper .default-svg{width:100%;height:200px;border-radius:var(--rayon);background:var(--fond);display:flex;align-items:center;justify-content:center}.fiche-detail h2{font-size:1.8rem;margin:0 0 1rem 0}.fiche-detail .description{margin:1rem 0}.fiche-liens{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.fiche-liens a{text-decoration:none;color:#fff;padding:.6rem 1rem;border-radius:var(--rayon);font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:filter .2s}.fiche-liens a:hover{filter:brightness(1.1)}.fiche-liens .acces{background-color:#2563eb}.fiche-liens .wiki{background-color:#16a34a}.fiche-liens .forge{background-color:#9333ea}.fiche-liens .changelog{background-color:#d97706}.qr-code-container{background:var(--fond);padding:.6rem;border-radius:var(--rayon);display:flex;flex-direction:column;align-items:center;gap:.3rem}.qr-code-container h3{margin:0;font-size:.85rem}.qr-code-container #popup-qrcode{display:flex;justify-content:center;align-items:center;width:100%}.qr-code-container #popup-qrcode canvas,.qr-code-container #popup-qrcode svg{max-width:100%;height:auto;border-radius:calc(var(--rayon)/ 2)}.metadata-section{margin-top:1rem}.metadata-section h3{font-size:.9rem;margin-bottom:.4rem;color:var(--texte-secondaire);display:flex;align-items:center;gap:.5rem}.metadata-section .tags{gap:.4rem}.metadata-section .tag{font-size:.8rem;padding:.1rem .6rem}.tag-date{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.tag-type{background:#e0e7ff;color:#4338ca;border-color:#c7d2fe}.tag-public{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.tag-discipline{background:#f3e8ff;color:#7e22ce;border-color:#e9d5ff}.tag-tag{background:#e5e7eb;color:#374151;border-color:#d1d5db}.tag{white-space:nowrap}.spinner{width:40px;height:40px;border:4px solid var(--bordure);border-top-color:var(--primaire);border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}#share-btn{font-size:1.2rem;background:0 0;border:none;cursor:pointer;color:var(--texte-secondaire);padding:.4rem}.share-modal{position:fixed;top:1rem;right:1rem;z-index:200;width:350px;background:var(--surface);border-radius:var(--rayon);box-shadow:var(--ombre);border:1px solid var(--bordure);opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s;pointer-events:none}.share-modal:not(.caché){opacity:1;transform:translateY(0);pointer-events:auto}.share-modal-content{padding:1.5rem;position:relative}.close-share-modal{position:absolute;top:.5rem;right:.5rem;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--texte-secondaire)}.share-modal-content h3{margin-top:0;margin-bottom:.5rem}.share-modal-content p{font-size:.9rem;color:var(--texte-secondaire);margin-bottom:1rem}.share-url-container{position:relative;display:flex;align-items:center;margin-bottom:1rem}#embed-code,#share-url{width:100%;padding:.5rem 2.5rem .5rem .5rem;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--fond);color:var(--texte);box-sizing:border-box}#copy-embed-code,#copy-share-url{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:var(--texte-secondaire);font-size:1.2rem;padding:.25rem}.embed-section{border-top:1px solid var(--bordure);padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.embed-section h4{margin:0;font-size:1rem}.embed-toggle{display:flex;width:100%;border:1px solid var(--bordure);border-radius:999px;padding:.15rem;background:var(--fond);gap:.35rem}.embed-toggle-btn{background:0 0;border:none;padding:.3rem .75rem;border-radius:999px;font-size:.8rem;cursor:pointer;color:var(--texte-secondaire);flex:1;text-align:center;font-weight:600}.embed-toggle-btn.active{background:var(--surface);color:var(--primaire);box-shadow:var(--ombre)}.embed-section-text{margin:0 0 .25rem 0;font-size:.85rem;color:var(--texte-secondaire)}.embed-code-container{margin-bottom:0}#qrcode{display:flex;justify-content:center;align-items:center;padding:1rem;border-radius:.5rem;border:1px solid var(--bordure);background:var(--surface)}.caché{display:none!important}@media (max-width:900px){.fiche-detail{max-width:700px;padding:1.25rem}.fiche-detail-grid{grid-template-columns:1fr;gap:1rem}.fiche-col-gauche{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start}.fiche-col-gauche .popup-image-wrapper{max-height:200px!important}.fiche-col-gauche .popup-image-wrapper img{max-height:200px!important}.fiche-col-gauche .description{margin:0}.fiche-col-gauche .fiche-liens{grid-column:1/-1}.fiche-detail-grid .fiche-col-droite{display:flex;flex-wrap:wrap;gap:.75rem;align-items:start}.fiche-detail-grid .fiche-col-droite .qr-code-container{flex:0 0 auto;width:160px}.fiche-detail-grid .fiche-col-droite .metadata-section{flex:1 1 0;min-width:140px;margin-top:0}}@media (max-width:600px){#popup-detail{padding:0;align-items:flex-end}.fiche-detail{padding:.75rem;max-height:90vh;border-radius:1rem 1rem 0 0;width:100%}.fiche-detail::before{content:'';display:block;width:2.5rem;height:.25rem;background:var(--bordure);border-radius:2px;margin:.25rem auto .5rem}.fiche-detail .fermer{top:.5rem;right:.5rem;font-size:1.3rem}.fiche-detail .partager-markdown{top:.5rem;right:2.8rem;font-size:1.1rem;width:1.6rem;height:1.6rem;line-height:1.6rem}.fiche-detail h2{font-size:1.1rem;padding-right:3.5rem;margin-bottom:.5rem;line-height:1.3}.fiche-detail h2 span{font-size:.8rem!important}.popup-image-wrapper{max-height:140px!important;border-radius:.5rem}.popup-image-wrapper img{max-height:140px!important;border-radius:.5rem}.popup-image-wrapper .zoom-image-btn{opacity:1;width:1.6rem;height:1.6rem;font-size:.7rem;bottom:.3rem;right:.3rem}.fiche-detail .description{margin:.5rem 0;font-size:.85rem;line-height:1.4}.fiche-liens{grid-template-columns:1fr 1fr;gap:.35rem;margin:.5rem 0}.fiche-liens a{padding:.4rem .3rem;font-size:.72rem;border-radius:.4rem;gap:.3rem}.fiche-detail-grid{gap:.75rem}.fiche-detail-grid .fiche-col-droite{display:flex;flex-wrap:wrap;gap:.5rem}.fiche-detail-grid .fiche-col-droite .qr-code-container{flex:0 0 auto;width:120px}.fiche-detail-grid .fiche-col-droite .metadata-section{flex:1 1 0;min-width:120px;margin-top:0}.qr-code-container{padding:.4rem;border-radius:.5rem}.qr-code-container h3{font-size:.7rem;gap:.3rem}.metadata-section h3{font-size:.75rem;margin-bottom:.2rem;gap:.3rem}.metadata-section .tags{gap:.25rem}.metadata-section .tag{font-size:.65rem;padding:.05rem .35rem;border-radius:.25rem}#zoom-image-overlay{padding:.5rem}#zoom-image-overlay .zoom-fermer{top:.5rem;right:.5rem;font-size:2rem}#zoom-image-overlay img{padding:.5rem;border-radius:.5rem}}@media (max-width:480px){header{flex-direction:column;gap:.75rem;padding:.75rem}header h1{font-size:1.3rem}header p{font-size:.85rem}main{padding:.75rem}.recherche-filtres-barre{flex-wrap:wrap;gap:.4rem}.recherche-wrapper{flex-basis:100%;order:1}.filtre-favoris-btn{order:3}.tri-btn{order:2}.filtres-header{order:4;margin-left:auto}#filtres{grid-template-columns:1fr}.carte-outil{font-size:.9rem}.carte-contenu{padding:.6rem}.carte-contenu h2{font-size:1rem}.carte-contenu p{font-size:.8rem;-webkit-line-clamp:2}.carte-footer{padding:.4rem .6rem}footer{font-size:.7rem;padding:.4rem .75rem}}@media (max-width:830px){#liste-outils.list-view .carte-outil{flex-direction:column}#liste-outils.list-view .carte-image-container{flex-basis:auto}#liste-outils.list-view .carte-image-container .default-svg,#liste-outils.list-view .carte-image-container img{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:600px){#filtres{grid-template-columns:1fr}#liste-outils[data-cols="2"],#liste-outils[data-cols="3"],#liste-outils[data-cols="4"]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}#liste-outils[data-cols="1"]{grid-template-columns:1fr}}footer{text-align:center;padding:.6rem 1rem;margin-top:1rem;border-top:1px solid var(--bordure);font-size:.78rem;color:var(--texte-secondaire);background:var(--surface)}#footer-copyright{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .8rem}footer a{color:var(--texte-secondaire);text-decoration:none;font-weight:500;white-space:nowrap}footer a i{margin-right:.3em}footer a:hover{color:var(--primaire);text-decoration:underline}footer p{margin:.25rem 0}.legal-main{max-width:800px;margin:2rem auto;padding:2rem;background:var(--surface);border-radius:var(--rayon);box-shadow:var(--ombre);flex-grow:1}.legal-main h1,.legal-main h2{color:var(--primaire)}.legal-main a{color:var(--primaire)}.legal-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:legalFadeIn .25s ease}.legal-modal.caché{display:none}.legal-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.legal-modal-content{position:relative;z-index:1;background:var(--surface);color:var(--texte);border-radius:calc(var(--rayon) * 1.5);box-shadow:0 25px 60px rgba(0,0,0,.3);max-width:800px;width:90vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:legalSlideUp .3s ease}.legal-modal-close{position:absolute;top:1rem;right:1rem;background:var(--fond);border:1px solid var(--bordure);color:var(--texte);font-size:1.4rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s,transform .2s}.legal-modal-close:hover{background:var(--primaire);color:#fff;transform:scale(1.1)}#legal-modal-body{overflow-y:auto;padding:2.5rem;scrollbar-width:thin;scrollbar-color:var(--bordure) transparent}#legal-modal-body::-webkit-scrollbar{width:6px}#legal-modal-body::-webkit-scrollbar-track{background:0 0}#legal-modal-body::-webkit-scrollbar-thumb{background:var(--bordure);border-radius:3px}#legal-modal-body::-webkit-scrollbar-thumb:hover{background:var(--texte-secondaire)}.legal-modal-content h1{font-size:1.4rem;margin-bottom:1.2rem;color:var(--primaire)}.legal-modal-content h2{font-size:1.05rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--primaire)}.legal-modal-content h3{font-size:.95rem;margin-top:1.2rem;margin-bottom:.4rem;color:var(--texte)}.legal-modal-content p{margin:.4rem 0;font-size:.88rem;line-height:1.6;color:var(--texte)}.legal-modal-content a{color:var(--primaire)}.legal-modal-content table{font-size:.82rem;color:var(--texte)}.legal-modal-content strong{color:var(--texte)}.legal-modal-content td,.legal-modal-content th{border-color:var(--bordure)}@keyframes legalFadeIn{from{opacity:0}to{opacity:1}}@keyframes legalSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#scrollTopBtn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.5);color:var(--texte);border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;font-size:1.5rem;z-index:210;box-shadow:var(--ombre);transition:opacity .3s,transform .3s,visibility .3s;opacity:0;transform:translateY(20px);visibility:hidden;pointer-events:none}#scrollTopBtn.visible{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}#scrollTopBtn:hover{background:rgba(255,255,255,.7)}@media (max-width:768px){#scrollTopBtn{left:50%;bottom:20px;transform:translateX(-50%) translateY(20px)}#scrollTopBtn.visible{transform:translateX(-50%) translateY(0)}}