/* L'ouverture de Meeat : le parcellaire de la landing, récolté jusqu'au point vert, qui écrit « meeat » puis s'ouvre sur la journée. */
#intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fff;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:default}
html.sans-intro #intro{display:none}
#intro .halo{position:absolute;left:50%;top:50%;width:90vmin;height:90vmin;margin:-45vmin 0 0 -45vmin;border-radius:50%;background:radial-gradient(closest-side,rgba(46,242,122,.12),rgba(46,242,122,.03) 55%,rgba(46,242,122,0));opacity:0;transform:scale(.6);pointer-events:none}
#intro .mot{position:relative;display:flex;align-items:flex-end;padding-right:.25em;font:800 clamp(60px,17vw,112px)/1 "Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:-.055em;color:#0A0A0A;white-space:nowrap}
#intro .fen{display:flex;justify-content:flex-end;overflow:hidden;width:0}
#intro .fen span{display:inline-block;opacity:0;will-change:transform,opacity,filter}
#intro .pt{position:absolute;right:0;bottom:.1em;width:.2em;height:.2em;border-radius:50%;background:#2EF27A;transform:scale(0);box-shadow:0 0 .3em rgba(46,242,122,.45)}
#intro .onde{position:absolute;inset:0;border-radius:50%;border:2px solid #2EF27A;pointer-events:none}
#intro .etat{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 52px);text-align:center;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Inter",sans-serif;letter-spacing:.01em;color:#62685E;opacity:0;transition:opacity .6s}
#intro .etat.vu{opacity:1}
/* État posé : le mot déjà écrit (après la connexion, ou si l'on préfère moins de mouvement) */
#intro.pose .fen{width:auto}
#intro.pose .fen span{opacity:1}
#intro.pose .pt{transform:none}
#intro.pose .halo{opacity:1;transform:none}