.ea{--ea-ink:#07141b;--ea-panel:#0c1e27;--ea-line:rgba(177,211,205,.18);--ea-mint:#b9dfd6;--ea-gold:#d9b36c;--ea-coral:#d98d7d;--ea-text:#f4f0e7;--ea-muted:#b9c5c5;color:var(--ea-text);margin:0 auto 2.8rem;max-width:1180px;font-family:inherit}
.ea *{box-sizing:border-box}
.ea button,.ea textarea,.ea input{font:inherit}
.ea button{color:inherit}
.ea [hidden]{display:none!important}
.ea-hero{position:relative;isolation:isolate;min-height:clamp(500px,59vw,660px);overflow:hidden;border:1px solid rgba(217,179,108,.26);border-radius:28px;background:#061118;box-shadow:0 32px 90px rgba(0,0,0,.38)}
.ea-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.ea-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,11,16,.93) 0%,rgba(5,16,23,.75) 38%,rgba(5,16,23,.12) 70%),linear-gradient(0deg,rgba(2,10,15,.84) 0%,transparent 46%)}
.ea-hero-copy{width:min(610px,65%);padding:clamp(2rem,6vw,5.3rem);padding-right:1rem;display:flex;min-height:500px;flex-direction:column;justify-content:center;align-items:flex-start;text-shadow:0 2px 22px rgba(0,0,0,.75)}
.ea-kicker{display:block;color:var(--ea-gold);font-size:.74rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.ea-hero h2,.ea-heading h2,.ea-reading-head h2{font-family:"Cormorant Garamond",Georgia,serif;color:#fffaf0;line-height:.95;margin:.65rem 0 1rem}
.ea-hero h2{font-size:clamp(2.9rem,6vw,5.25rem);max-width:560px}
.ea-hero-copy>p{max-width:540px;margin:0;color:#e3e7e3;font-size:clamp(1rem,1.7vw,1.17rem);line-height:1.65}
.ea-hero-layers{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.ea-hero-layers span{padding:.42rem .75rem;border:1px solid rgba(217,179,108,.32);border-radius:999px;background:rgba(4,15,21,.66);color:#e8d7b0;font-size:.79rem;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(8px)}
.ea-shell{position:relative;margin:-2.1rem clamp(.7rem,3vw,2.1rem) 0;z-index:2;border:1px solid var(--ea-line);border-radius:24px;background:linear-gradient(145deg,rgba(10,29,38,.97),rgba(5,16,23,.99));box-shadow:0 24px 70px rgba(0,0,0,.36);overflow:hidden}
.ea-start,.ea-pause,.ea-reading{padding:clamp(1.3rem,4vw,3.1rem)}
.ea-heading{text-align:center;max-width:720px;margin:0 auto 2rem}
.ea-heading h2{font-size:clamp(2.25rem,4.8vw,3.9rem)}
.ea-heading p{margin:0;color:var(--ea-muted);font-size:1rem;line-height:1.65}
.ea-form{max-width:930px;margin:auto}
.ea-form fieldset{border:0;padding:0;margin:0 0 1.5rem}
.ea-form legend{width:100%;margin-bottom:.75rem;color:#e8d8b5;font-size:.77rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ea-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.ea-topics label{position:relative;cursor:pointer}
.ea-topics input{position:absolute;opacity:0;pointer-events:none}
.ea-topics label>span{height:100%;min-height:104px;padding:1rem .85rem;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:.08rem .6rem;align-content:center;border:1px solid rgba(191,216,211,.15);border-radius:16px;background:rgba(255,255,255,.028);transition:border-color .2s,background .2s,transform .2s}
.ea-topics i{grid-row:1/3;align-self:center;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(217,179,108,.42);border-radius:50%;color:var(--ea-gold);font-style:normal;font-size:1.1rem}
.ea-topics strong{align-self:end;color:#f7f1e8;font-size:.96rem}
.ea-topics small{color:#9fb1b2;font-size:.76rem;line-height:1.25}
.ea-topics input:checked+span{border-color:rgba(217,179,108,.72);background:linear-gradient(135deg,rgba(217,179,108,.13),rgba(86,164,160,.08));box-shadow:0 0 0 1px rgba(217,179,108,.14),0 10px 28px rgba(0,0,0,.16);transform:translateY(-2px)}
.ea-topics input:focus-visible+span{outline:2px solid #f4d08a;outline-offset:3px}
.ea-question-label{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:.3rem 0 .55rem;color:#efe4ce;font-size:.86rem;font-weight:700}
.ea-question-label small{color:#8fa5a7;font-size:.72rem;font-weight:600}
.ea-question{display:block;width:100%;min-height:78px;padding:1rem 1.05rem;resize:vertical;border:1px solid rgba(185,223,214,.2);border-radius:15px;background:rgba(2,12,18,.58);color:#fff;line-height:1.45;outline:0}
.ea-question::placeholder{color:#748d90}
.ea-question:focus{border-color:rgba(185,223,214,.72);box-shadow:0 0 0 3px rgba(78,151,151,.12)}
.ea-begin,.ea-touch,.ea-share,.ea-again{display:flex;align-items:center;justify-content:center;gap:.65rem;border:0;border-radius:999px;font-weight:800;cursor:pointer;transition:transform .2s,filter .2s,opacity .2s}
.ea-begin{min-width:245px;margin:1.35rem auto 0;padding:.92rem 1.4rem;background:linear-gradient(135deg,#d7b36e,#c98769);color:#111a1d;box-shadow:0 10px 26px rgba(199,139,99,.22)}
.ea-begin:hover,.ea-touch:hover:not(:disabled),.ea-share:hover:not(:disabled),.ea-again:hover{transform:translateY(-2px);filter:brightness(1.08)}
.ea-begin:focus-visible,.ea-touch:focus-visible,.ea-share:focus-visible,.ea-again:focus-visible,.ea-layer-buttons button:focus-visible{outline:2px solid #f7d58f;outline-offset:3px}
.ea-pause{text-align:center;min-height:590px;background:radial-gradient(circle at 50% 55%,rgba(38,115,119,.16),transparent 34%)}
.ea-water{position:relative;width:min(500px,86vw);height:255px;margin:0 auto .2rem;display:grid;place-items:center;perspective:650px;overflow:hidden}
.ea-water:after{content:"";position:absolute;left:12%;right:12%;bottom:38px;height:70px;border-radius:50%;background:radial-gradient(ellipse,rgba(134,222,210,.27),rgba(12,52,61,.08) 48%,transparent 72%);filter:blur(7px);transform:rotateX(67deg)}
.ea-water i{position:absolute;left:50%;bottom:51px;width:86px;height:86px;border:1px solid rgba(164,222,211,.5);border-radius:50%;transform:translate(-50%,50%) rotateX(68deg);animation:eaRipple 4.6s ease-out infinite}
.ea-water i:nth-of-type(2){animation-delay:1.5s}.ea-water i:nth-of-type(3){animation-delay:3s}
.ea-water b{position:absolute;left:50%;bottom:48px;width:9px;height:9px;border-radius:50%;background:#e6c27d;box-shadow:0 0 28px 12px rgba(218,182,109,.26);transform:translate(-50%,50%)}
.ea-moon{position:absolute;top:16px;left:50%;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#effff9,#a9d8ce 48%,#5a9696);box-shadow:0 0 50px rgba(158,226,213,.35);transform:translateX(-50%);animation:eaBreathe 5.2s ease-in-out infinite}
.ea-touch{min-width:220px;margin:.2rem auto 0;padding:.88rem 1.3rem;background:linear-gradient(135deg,#a9d9d0,#d9bd7f);color:#0b1d24}
.ea-touch:disabled{cursor:wait;opacity:.55;filter:saturate(.45)}
.ea-emerging{height:1.5rem;margin:.8rem 0 0;color:#d9bd7f;font-size:.88rem}
.ea-reading{background:radial-gradient(circle at 25% 32%,rgba(43,114,117,.13),transparent 35%)}
.ea-reading-head{text-align:center;margin:0 auto 2rem;max-width:780px}
.ea-reading-head h2{font-size:clamp(2.8rem,5.3vw,4.7rem);margin-bottom:.35rem}
.ea-card-keywords{margin:0;color:#d8b978;font-size:.77rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.ea-focus{display:inline-flex;max-width:680px;flex-direction:column;gap:.2rem;margin-top:1rem;padding:.65rem 1.05rem;border:1px solid rgba(185,223,214,.17);border-radius:13px;background:rgba(0,0,0,.14)}
.ea-focus small{color:#87a9a6;font-size:.64rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ea-focus p{margin:0;color:#e7e3dc;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.13rem;font-style:italic;line-height:1.3}
.ea-reading-grid{display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:clamp(1.4rem,4vw,3.4rem);align-items:start;max-width:1040px;margin:auto}
.ea-card-wrap{position:relative;padding:10px 13px 20px}
.ea-card{position:relative;z-index:2;aspect-ratio:2/3;width:100%;overflow:hidden;border:1px solid rgba(236,211,151,.7);border-radius:20px;background:#10242c;box-shadow:0 22px 55px rgba(0,0,0,.45),0 0 0 5px rgba(7,20,27,.92),0 0 0 6px rgba(217,179,108,.25);animation:eaCardIn .9s cubic-bezier(.2,.8,.2,1) both}
.ea-card canvas{display:block;width:100%;height:100%}
.ea-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 21%,transparent 72%,rgba(0,0,0,.22));mix-blend-mode:soft-light}
.ea-card>div{position:absolute;left:10px;right:10px;bottom:10px;padding:.78rem .7rem .7rem;border:1px solid rgba(242,220,166,.32);border-radius:12px;background:rgba(4,15,20,.73);backdrop-filter:blur(8px);text-align:center}
.ea-card>div small{display:block;color:#c9b17b;font-size:.55rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ea-card>div strong{display:block;margin-top:.15rem;color:#fff7e8;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1}
.ea-card-number{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(241,218,166,.48);border-radius:50%;background:rgba(4,15,20,.63);color:#eed298;font-size:.72rem;font-weight:800}
.ea-rings{position:absolute;inset:-9% -16%;z-index:1;pointer-events:none}
.ea-rings i{position:absolute;inset:11%;border:1px solid rgba(134,205,194,.14);border-radius:50%;animation:eaOrbit 18s linear infinite}
.ea-rings i:nth-child(2){inset:4%;border-color:rgba(217,179,108,.11);animation-duration:27s;animation-direction:reverse}
.ea-rings i:nth-child(3){inset:-3%;border-color:rgba(136,179,186,.08);animation-duration:36s}
.ea-progress{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding-bottom:1rem;border-bottom:1px solid rgba(185,223,214,.13)}
.ea-progress p{margin:0;color:#b9c7c6;line-height:1.45}
.ea-progress strong{flex:0 0 auto;color:#d8ba7b;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.ea-layer-buttons{display:grid;gap:.7rem;margin-top:1rem}
.ea-layer-buttons button{width:100%;display:grid;grid-template-columns:46px 1fr;gap:.8rem;align-items:center;padding:.82rem .9rem;border:1px solid rgba(185,223,214,.16);border-radius:15px;background:rgba(255,255,255,.025);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.ea-layer-buttons button:hover:not(.is-open){border-color:rgba(185,223,214,.42);background:rgba(111,180,173,.06);transform:translateX(3px)}
.ea-layer-buttons button.is-open{border-color:rgba(217,179,108,.38);background:rgba(217,179,108,.07);cursor:default}
.ea-layer-buttons button>i{grid-row:1;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(217,179,108,.35);border-radius:50%;color:#dbbf83;font-style:normal;font-size:1.2rem}
.ea-layer-buttons button>span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.6rem}
.ea-layer-buttons small{color:#7fa5a3;font-size:.59rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ea-layer-buttons strong{color:#f5eee1;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem}
.ea-layer-buttons em{grid-column:1/3;color:#93a7a8;font-size:.75rem;font-style:normal;line-height:1.3}
.ea-layer-results{display:grid;gap:.7rem;margin-top:1rem}
.ea-layer-result{padding:1rem 1.05rem 1.05rem;border-left:2px solid #d4b36f;border-radius:0 14px 14px 0;background:rgba(2,12,17,.43);animation:eaReveal .42s ease both}
.ea-layer-result small{display:block;color:#d7b772;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ea-layer-result p{margin:.42rem 0 0;color:#eef0ea;font-size:.94rem;line-height:1.56}
.ea-layer-result .ea-topic-note{margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(185,223,214,.12);color:#bcd0cd;font-size:.84rem}
.ea-closing{max-width:1040px;margin:2rem auto 0;padding:1.15rem 1.25rem;display:grid;grid-template-columns:50px 1fr;gap:1rem;align-items:center;border:1px solid rgba(217,179,108,.27);border-radius:18px;background:linear-gradient(135deg,rgba(217,179,108,.09),rgba(75,146,144,.07));transition:opacity .3s}
.ea-closing>span{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(217,179,108,.4);border-radius:50%;color:#e1c485;font-size:1.4rem}
.ea-closing small{display:block;color:#d9bc7e;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ea-closing p{margin:.35rem 0 0;color:#fff4df;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.25rem,2.7vw,1.7rem);font-style:italic;line-height:1.25}
.ea-closing.is-locked{opacity:.6}
.ea-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:1.5rem auto .5rem}
.ea-share,.ea-again{min-width:190px;padding:.82rem 1.2rem}
.ea-share{background:linear-gradient(135deg,#abd9d0,#d9bb7b);color:#0a1b22}
.ea-share:disabled{cursor:not-allowed;opacity:.38;filter:grayscale(.5)}
.ea-again{border:1px solid rgba(185,223,214,.24);background:rgba(255,255,255,.035);color:#e7ebe5}
.ea-share-status{min-height:1.3rem;margin:.5rem 0 0;text-align:center;color:#d8bd82;font-size:.83rem}
.ea-disclaimer{margin:1rem auto 0;text-align:center;color:#738a8c;font-size:.72rem}
@keyframes eaRipple{0%{width:70px;height:70px;opacity:.7}80%,100%{width:420px;height:165px;opacity:0}}
@keyframes eaBreathe{0%,100%{transform:translateX(-50%) scale(.9);opacity:.75}50%{transform:translateX(-50%) scale(1.08);opacity:1}}
@keyframes eaCardIn{0%{opacity:0;transform:translateY(34px) rotateY(10deg) scale(.94)}100%{opacity:1;transform:none}}
@keyframes eaReveal{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
@keyframes eaOrbit{to{transform:rotate(360deg)}}
@media(max-width:820px){.ea-hero{min-height:570px}.ea-hero-copy{width:78%;padding:2rem;justify-content:flex-start;padding-top:3rem}.ea-hero-shade{background:linear-gradient(180deg,rgba(3,11,16,.92),rgba(5,16,23,.48) 58%,rgba(2,10,15,.88))}.ea-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.ea-reading-grid{grid-template-columns:1fr}.ea-card-wrap{width:min(330px,84vw);margin:auto}.ea-unfold{min-width:0}}
@media(max-width:520px){.ea{margin-left:-.25rem;margin-right:-.25rem}.ea-hero{min-height:600px;border-radius:20px}.ea-hero-copy{width:100%;min-height:auto;padding:2rem 1.25rem 0;text-align:center;align-items:center}.ea-hero h2{font-size:3.25rem}.ea-hero-copy>p{font-size:.96rem}.ea-hero-layers{justify-content:center}.ea-shell{margin:-1.4rem .45rem 0;border-radius:19px}.ea-start,.ea-pause,.ea-reading{padding:1.25rem .9rem 1.5rem}.ea-heading{margin-bottom:1.35rem}.ea-heading h2{font-size:2.45rem}.ea-topics{gap:.55rem}.ea-topics label>span{min-height:96px;padding:.8rem .62rem;grid-template-columns:29px 1fr;gap:.05rem .45rem}.ea-topics i{width:29px;height:29px}.ea-topics strong{font-size:.88rem}.ea-topics small{font-size:.67rem}.ea-question-label{align-items:flex-start;flex-direction:column;gap:.12rem}.ea-begin,.ea-touch{width:100%;min-width:0}.ea-pause{min-height:540px}.ea-water{height:220px}.ea-reading-head h2{font-size:3rem}.ea-focus{width:100%}.ea-card-wrap{width:min(300px,84vw)}.ea-progress{align-items:flex-start;flex-direction:column;gap:.45rem}.ea-layer-buttons button{grid-template-columns:40px 1fr;padding:.75rem .7rem;gap:.65rem}.ea-layer-buttons button>i{width:40px;height:40px}.ea-layer-buttons strong{font-size:1.22rem}.ea-layer-buttons em{font-size:.7rem}.ea-closing{grid-template-columns:40px 1fr;padding:.95rem}.ea-closing>span{width:40px;height:40px}.ea-actions{display:grid;grid-template-columns:1fr;width:100%}.ea-share,.ea-again{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.ea *{scroll-behavior:auto!important}.ea-water i,.ea-moon,.ea-rings i,.ea-card,.ea-layer-result{animation:none!important}.ea button{transition:none!important}}
