/* Notifleet — Studio UI 2.1 | illustration de catégories, pas de fausses photos de modèles */
:root{--nf-ink:#202f50;--nf-soft:#eef2f8;--nf-salmon:#f4a48c;--nf-shadow:0 10px 26px rgba(37,55,83,.095)}
html,body{margin:0;background:radial-gradient(ellipse at 85% 3%,#d3dbe9 0%,#edf1f8 55%,#e6ebf5 100%)!important}
body{font-family:Nunito,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
.phone{background:linear-gradient(175deg,#f4f6fa,#e9eef7)!important;color:var(--nf-ink)!important}
.screen{scroll-behavior:smooth;scrollbar-width:none!important}
.screen::-webkit-scrollbar{display:none}
.screen button,.screen input,.screen select,.screen textarea{font-family:Nunito,system-ui,sans-serif!important}
.screen button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;touch-action:manipulation}
.screen button:not(:disabled):active{transform:scale(.975)}
.screen button:focus-visible,.screen a:focus-visible{outline:3px solid #f4a48c;outline-offset:2px}
.screen input:focus-visible,.screen select:focus-visible,.screen textarea:focus-visible{outline:2px solid #f4a48c!important;outline-offset:1px}
.screen input,.screen select,.screen textarea{box-sizing:border-box;max-width:100%}
.screen [style*="background: rgb(255, 255, 255)"],.screen [style*="background: #fff"],.screen [style*="background: #ffffff"]{box-shadow:var(--nf-shadow)}
/* Séparation visuelle des contenus sans déformer les images */
.screen img{object-position:center}
.screen img[src*="wikimedia"],.screen img[src*="wikipedia"]{object-fit:contain!important}
/* Galerie: décorative, ne déclenche aucune navigation */
.nf2-gallery{position:relative;isolation:isolate;border-radius:25px;overflow:hidden;padding:16px 14px 15px;background:linear-gradient(140deg,#203454 0%,#293d61 58%,#354b71 100%);color:white;box-shadow:0 15px 34px rgba(24,45,74,.20);font-family:Nunito,system-ui,sans-serif;flex-shrink:0}
.nf2-gallery:before{content:"";position:absolute;inset:-65% -35% auto auto;height:230px;width:230px;border-radius:50%;background:radial-gradient(circle,rgba(244,164,140,.2),transparent 70%);pointer-events:none;z-index:-1}
.nf2-gallery__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.nf2-gallery__eyebrow{font-size:10px;letter-spacing:.13em;font-weight:900;color:#ffbaa7;text-transform:uppercase}
.nf2-gallery__title{font-size:17px;line-height:1.2;font-weight:900;letter-spacing:-.02em;margin-top:3px}
.nf2-gallery__tag{font-size:10px;font-weight:900;color:#ffcab9;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:7px 9px;white-space:nowrap}
.nf2-gallery__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.nf2-gallery__item{min-width:0;min-height:87px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:3px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:6px 2px 5px;box-sizing:border-box}
.nf2-gallery__item img{display:block;width:100%;height:53px;max-width:80px;object-fit:contain!important;filter:drop-shadow(0 4px 3px rgba(5,18,37,.16));pointer-events:none}
.nf2-gallery__item span{font-size:9px;font-weight:800;line-height:1.18;min-height:21px;text-align:center;overflow-wrap:anywhere;display:flex;align-items:center;justify-content:center;color:#fff}
.nf2-gallery__footer{font-size:11px;font-weight:700;color:#dbe4f3;margin-top:11px;line-height:1.45}
.nf2-welcome-gallery{margin-top:12px;margin-bottom:12px}
.nf2-welcome-gallery .nf2-gallery__item{min-height:83px}
.nf2-pro .nf2-gallery{background:linear-gradient(135deg,#172940,#233c60 65%,#36536a)}
.nf2-pro .nf2-gallery__tag{color:#ffe0ae}
.nf2-stage-mark{display:none}
@media(max-width:500px){.stage{padding:0!important}.phone{width:100vw!important;height:100dvh!important;border-radius:0!important;box-shadow:none!important}.statusbar{display:none!important}.screen{top:env(safe-area-inset-top)!important}.nf2-gallery{border-radius:22px}.nf2-gallery__grid{gap:5px}.nf2-gallery__item{min-height:78px;border-radius:12px}.nf2-gallery__item img{height:43px}.nf2-gallery__item span{font-size:8.2px}}
@media(max-width:365px){.nf2-gallery{padding:12px 9px}.nf2-gallery__item img{height:40px}.nf2-gallery__item span{font-size:7.5px}.nf2-gallery__grid{gap:4px}}
@media(prefers-reduced-motion:reduce){.screen button,.screen{transition:none!important;scroll-behavior:auto!important}}