#mind{position:fixed;inset:0;z-index:70;background:radial-gradient(circle at 36% 55%,#0d1a44 0,#04061a 55%,#010208 100%);opacity:0;transition:opacity .6s}
#mind[hidden]{display:none}#mind.on{opacity:1}
#mind canvas{position:absolute;inset:0;width:100%;height:100%}
.mn-x{position:absolute;right:1rem;top:1rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.4);color:#fff;font-size:1.4rem;cursor:pointer;z-index:3}
.mn-h{position:absolute;left:clamp(1.2rem,4vw,3rem);top:1.4rem;pointer-events:none}
.mn-h p{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#ffd089}
.mn-h h2{font:300 clamp(1.6rem,4vw,3rem)/1.1 var(--serif);color:#fff;margin-top:.4rem;-webkit-text-fill-color:#fff}
.mn-c{position:absolute;right:clamp(1rem,3vw,3rem);top:50%;transform:translateY(-50%);width:min(440px,44vw);max-height:80vh;overflow:auto;border-radius:24px;border:1px solid rgba(190,215,255,.3);background:linear-gradient(135deg,rgba(24,34,70,.72),rgba(6,8,22,.82));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(0,0,30,.7);padding:1.6rem;opacity:0;pointer-events:none;transition:opacity .4s;scrollbar-width:none}
#mind.has .mn-c{opacity:1;pointer-events:auto}
.mn-in.in{animation:bkIn .6s cubic-bezier(.2,.7,.2,1)}
.mn-k{font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:#ffd089}
.mn-in h3{font:400 1.55rem/1.2 var(--serif);color:#fff;margin:.5rem 0 .8rem}
.mn-in p{color:#c3cff0;line-height:1.6;font-size:.92rem;margin-bottom:.7rem}
.mn-ch{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0}
.mn-ch span{font:.58rem var(--mono);letter-spacing:.08em;padding:.35rem .6rem;border-radius:99px;border:1px solid rgba(190,215,255,.35);color:#dbe8ff;background:rgba(255,255,255,.05)}
.mn-nv{display:flex;gap:.6rem;margin-top:.8rem}.mn-nv button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(190,215,255,.4);background:rgba(255,255,255,.06);color:#fff;font-size:1.1rem;cursor:pointer}.mn-nv button:hover{background:#fff;color:#05060f}
.mn-f{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#7f93c9;white-space:nowrap;pointer-events:none}
@media(max-width:760px){.mn-c{top:auto;bottom:0;right:0;left:0;transform:none;width:auto;max-height:46vh;border-radius:22px 22px 0 0;padding:1.1rem}.mn-in h3{font-size:1.2rem}.mn-in p{font-size:.84rem}.mn-f{display:none}}