/* nnaedou — accueil éditorial, liens issus du cercle privé */
#application:has(#page-home.active){background:#0c2430}
#application:has(#page-home.active) .main-content{padding:0!important;background:#0c2430!important}
#application:has(#page-home.active) .topbar{background:#0c2430;border-color:#ffffff12;color:#d7d7ce}
#application #page-home{max-width:none!important;padding:0 0 42px!important;background:#0c2430!important}
#application #page-home .welcome-row,#application #page-home .hero-art,#application #page-home .hero-index,#application #page-home .hero-copy .button,#application #page-home .companion-moment-orb,#application #page-home .companion-actions,#application #page-home .section-heading-home,#application #page-home .suggestion-grid,#application #page-home .dashboard-bottom,#application #page-home .companion-helper-choices{display:none!important}
#application #page-home .home-hero{display:block!important;position:relative!important;isolation:isolate;max-width:none!important;min-height:425px!important;height:auto!important;margin:0!important;padding:56px 8% 145px!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#0c2430 url('/mygablink-home-moonlagoon-v1.webp?v=valid10') center 54%/cover no-repeat!important;box-shadow:none!important}
#application #page-home .home-hero::before{content:none!important}
#application #page-home .home-hero::after{content:"";position:absolute;inset:0;z-index:-1!important;background:linear-gradient(90deg,rgba(8,28,39,.65),rgba(8,28,39,.02) 85%)!important}
#application #page-home .hero-copy{position:relative!important;z-index:1!important;padding:0!important;max-width:660px!important}
#application #page-home .hero-kicker{display:block!important;font:28px/1.2 Georgia,serif!important;letter-spacing:-.04em!important;color:#f4e8d6!important;margin:0 0 48px!important}
#application #page-home .hero-kicker::after{content:none!important}
#application #page-home .hero-kicker>*{display:none!important}
#application #page-home .hero-copy h2{font:500 66px/1.02 Georgia,serif!important;letter-spacing:-.055em!important;color:#fff8eb!important;margin:0 0 15px!important}
#application #page-home .hero-copy p{font:24px/1.3 Georgia,serif!important;max-width:390px!important;margin:0!important;color:#dfded4!important}
#application #page-home .companion-moment{position:relative!important;display:block!important;z-index:3!important;width:calc(100% - 100px)!important;max-width:800px!important;min-height:0!important;height:auto!important;margin:-82px auto 0!important;padding:38px 48px 32px!important;border:1px solid #e5d5bd!important;border-radius:32px!important;overflow:hidden!important;background:#f8efdf!important;box-shadow:0 22px 65px #00000024!important}
#application #page-home .companion-moment::before,#application #page-home .companion-moment::after{content:none!important}
#application #page-home .companion-focus-copy{position:relative!important;max-width:none!important}
#application #page-home .companion-focus-copy>.eyebrow{display:block!important;width:31px!important;height:2px!important;margin:0 0 23px!important;background:#bd8966!important;font-size:0!important}
#application #page-home .companion-focus-copy h2{font:500 43px/1.1 Georgia,serif!important;letter-spacing:-.037em!important;max-width:690px!important;color:#112d35!important;margin:0!important}
#application #page-home .companion-focus-copy p{font:21px/1.35 Georgia,serif!important;color:#576267!important;max-width:580px!important;margin:16px 0 12px!important}
#application #page-home .companion-branch{display:block!important;position:relative!important;width:100%!important;max-width:none!important;height:270px!important;min-height:0!important;margin:5px 0 10px!important;padding:0!important;background:none!important;overflow:visible!important}
#application #page-home .companion-branch::before,#application #page-home .companion-branch::after{content:none!important}
#application #page-home .kin-reader{position:relative;width:100%;height:100%;isolation:isolate}
#application #page-home .kin-reader::before{content:"";position:absolute;z-index:-1;inset:22% -48px -34px;background:linear-gradient(#f8efdf00,#f8efdf55);opacity:.18;mask-image:linear-gradient(transparent,#000 65%,transparent)}
#application #page-home .kin-node{position:absolute;display:flex;flex-direction:column;align-items:center;width:130px;transform:translate(-50%,-50%);text-align:center;color:#263f3c}
#application #page-home .kin-portrait{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#f2e6d1;border:1px solid #ac835c;box-shadow:0 0 0 5px #f8efdf,0 7px 20px #482e2012;font:24px Georgia,serif;color:#4c6155;overflow:hidden}
#application #page-home .kin-portrait img{width:100%;height:100%;object-fit:cover}
#application #page-home .kin-node strong{font:16px/1.15 Georgia,serif;margin-top:11px;max-width:130px;text-wrap:balance}
#application #page-home .kin-node small{font:10px/1.3 system-ui,sans-serif;color:#758077;margin-top:5px;max-width:125px}
#application #page-home .kin-focus{left:49%;top:49%;width:160px}
#application #page-home .kin-focus .kin-portrait{width:93px;height:93px;font-size:33px;background:radial-gradient(circle at 30% 25%,#356258,#153e37);border:2px solid #b98561;color:#f5e8cf;box-shadow:0 0 0 6px #f8efdf,0 0 0 7px #c0a07966,0 12px 26px #243c3222}
#application #page-home .kin-focus strong{font-size:20px}
#application #page-home .kin-relative-0{left:15%;top:27%}
#application #page-home .kin-relative-1{left:18%;top:77%}
#application #page-home .kin-unknown{left:84%;top:53%}
#application #page-home .kin-unknown .kin-portrait{width:70px;height:70px;border:1px dashed #b99468;background:#f8efdfbb;color:#b18865;font-size:34px;outline:1px solid #c6ab7733;outline-offset:7px;animation:kin-breathe 4s ease-in-out infinite}
#application #page-home .kin-lines{position:absolute;inset:0;z-index:-1}
#application #page-home .kin-lines i{display:block!important;position:absolute;box-sizing:border-box}
#application #page-home .kin-link{left:15%;width:34%;border:1px solid #ab8656;border-left:0;border-bottom:0;border-radius:0 70% 0 0;top:20%;height:24%}
#application #page-home .kin-link-1{left:18%;top:43%;height:28%;width:31%;transform:scaleY(-1)}
#application #page-home .kin-question-link{left:49%;top:41%;width:35%;height:20%;border-bottom:2px dotted #bc9566;border-radius:0 0 55% 50%}
#application #page-home .kin-reader-solo .kin-focus{left:28%}
#application #page-home .kin-reader-solo .kin-unknown{left:76%}
#application #page-home .kin-reader-solo .kin-question-link{left:28%;width:48%}
#application #page-home .companion-focus-actions{display:block!important;margin:18px 0 0!important}
#application #page-home .companion-focus-actions .button-primary{display:flex!important;width:100%!important;min-width:0!important;min-height:67px!important;height:auto!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:18px 26px!important;border:0!important;border-radius:20px!important;background:#102c35!important;color:#fff5e5!important;font:24px/1.2 Georgia,serif!important;box-shadow:0 10px 20px #142e3515!important;transition:background .2s,transform .2s}
#application #page-home .companion-focus-actions .button-primary:hover{background:#1b4145!important;transform:translateY(-2px)}
#application #page-home .companion-focus-actions .button-primary span{color:#d3a07a}
#application #page-home .companion-focus-actions .text-button{display:none!important}
@keyframes kin-breathe{50%{outline-offset:11px;outline-color:#c6ab7710}}
@media(prefers-reduced-motion:reduce){#application #page-home *,#application #page-home *::before,#application #page-home *::after{animation:none!important;transition:none!important}}
@media(max-width:760px){
#application:has(#page-home.active) .topbar{display:none!important}
#application #page-home{padding-bottom:106px!important}
#application #page-home .home-hero{min-height:330px!important;padding:30px 28px 82px!important;background-position:64% center!important}
#application #page-home .hero-kicker{font-size:29px!important;margin-bottom:45px!important}
#application #page-home .hero-copy h2{font-size:clamp(43px,11vw,56px)!important;margin-bottom:12px!important}
#application #page-home .hero-copy p{font-size:20px!important;max-width:285px!important}
#application #page-home .companion-moment{width:calc(100% - 30px)!important;margin:-36px auto 0!important;padding:27px 23px 23px!important;border-radius:28px!important}
#application #page-home .companion-focus-copy>.eyebrow{margin-bottom:19px!important}
#application #page-home .companion-focus-copy h2{font-size:clamp(29px,7.8vw,39px)!important;line-height:1.08!important}
#application #page-home .companion-focus-copy p{font-size:18px!important;line-height:1.3!important;margin:12px 0!important}
#application #page-home .companion-branch{height:242px!important;margin:0!important}
#application #page-home .kin-node{width:94px}
#application #page-home .kin-node strong{font-size:13px;max-width:97px}
#application #page-home .kin-node small{font-size:9px;max-width:90px}
#application #page-home .kin-focus strong{font-size:16px}
#application #page-home .kin-portrait{width:49px;height:49px;font-size:18px}
#application #page-home .kin-focus .kin-portrait{width:72px;height:72px;font-size:27px}
#application #page-home .kin-unknown .kin-portrait{width:54px;height:54px;font-size:29px}
#application #page-home .kin-reader::before{inset:15% -23px -20px}
#application #page-home .companion-focus-actions{margin-top:4px!important}
#application #page-home .companion-focus-actions .button-primary{min-height:65px!important;font-size:21px!important;border-radius:19px!important;padding:17px 20px!important}
#application:has(#page-home.active) .mobile-nav{background:#0a202b!important;border-top:1px solid #dfc59a22!important;box-shadow:0 -8px 24px #0b243018!important}
#application:has(#page-home.active) .mobile-nav button{color:#bac6c7!important;background:transparent!important}
#application:has(#page-home.active) .mobile-nav button.active{color:#d7a17c!important}
}

#application #page-home .kin-lines i{background:none!important;box-shadow:none!important;opacity:1!important;animation:none!important;min-width:0!important;min-height:0!important;}
#application #page-home .companion-focus-copy h2{text-wrap:balance}

/* Arbre artistique validé — scène fixe, fenêtres de portraits indépendantes. */
#application #page-home .companion-branch{
  width:calc(100% + 96px)!important;height:auto!important;aspect-ratio:3/2!important;
  margin:22px -48px 0!important;overflow:hidden!important;background:none!important;
}
#application #page-home .heritage-tree{position:relative!important;width:100%!important;height:100%!important;isolation:isolate}
#application #page-home .heritage-tree-art{position:relative!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;pointer-events:none}
#application #page-home .cloud-slot{
  position:absolute!important;display:block!important;z-index:2;transform:translate(-50%,-50%);aspect-ratio:1;
  overflow:hidden!important;border-radius:50%!important;border:0!important;background:#f3e7d1;
}
#application #page-home .cloud-slot-0{left:27.47%;top:24.80%;width:13.8%}
#application #page-home .cloud-slot-1{left:49.22%;top:36.62%;width:12.85%}
#application #page-home .cloud-slot-2{left:38.55%;top:64.16%;width:11.90%}
#application #page-home .cloud-slot-3{left:84.02%;top:41.35%;width:15.2%}
#application #page-home .cloud-current,#application #page-home .cloud-next,#application #page-home .cloud-veil{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:inherit!important;
}
#application #page-home .cloud-next{visibility:hidden}
#application #page-home .cloud-current img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
#application #page-home .cloud-illustration{width:100%;height:100%;border-radius:inherit;background-image:url('/mygablink-tree-approved-v1.webp?v=2');background-repeat:no-repeat}
#application #page-home .cloud-illustration-0{background-size:724.53% 483.02%;background-position:23.87% 18.23%}
#application #page-home .cloud-illustration-1{background-size:779.70% 519.80%;background-position:49.11% 33.48%}
#application #page-home .cloud-illustration-2{background-size:840.44% 560.44%;background-position:36.98% 67.24%}
#application #page-home .cloud-illustration-3{background-size:657.53% 438.36%;background-position:90.10% 38.77%}
#application #page-home .cloud-veil{
  z-index:3;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse at 35% 38%,#fffdf8 5%,#fffaf2ed 55%,#fbf1e3e8 100%);
  transition:opacity 1.7s ease-in-out;filter:blur(2px);transform:scale(1.12);
}
#application #page-home .cloud-current{transition:filter 1.7s ease-in-out}
#application #page-home .cloud-wash .cloud-veil{opacity:1}
#application #page-home .cloud-wash .cloud-current{filter:brightness(1.55) saturate(.35) blur(1px)}
#application #page-home .tree-motion-toggle{
  position:absolute!important;right:20px;bottom:16px;z-index:5;width:30px;height:30px;min-width:0;min-height:0;
  padding:0;border:1px solid #a17c4f44;border-radius:50%;background:#fff8eccc;color:#75593b;
  font:14px/1 Georgia,serif;display:grid;place-items:center;cursor:pointer;
}
#application #page-home .tree-motion-toggle[hidden]{display:none!important}
#application #page-home .tree-motion-toggle:focus-visible{outline:2px solid #143d39;outline-offset:3px}
#application #page-home .companion-focus-actions{margin-top:18px!important}
#application:has(#page-home.active) .sidebar [data-action="new-question"]{display:none!important}
@media(max-width:760px){
  #application #page-home .companion-branch{width:calc(100% + 46px)!important;height:auto!important;aspect-ratio:3/2!important;margin:20px -23px 0!important}
  #application #page-home .tree-motion-toggle{right:12px;bottom:8px;width:28px;height:28px}
  #application #page-home .companion-focus-actions{margin-top:16px!important}
}
@media(prefers-reduced-motion:reduce){
  #application #page-home .cloud-veil,#application #page-home .cloud-current{transition:none!important}
  #application #page-home .tree-motion-toggle{display:none!important}
}