:root{color:#f7f3ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#201c34;--line:#433858;--accent:#a0f0cf;--muted:#c2b8d5;background:#151323;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#2b2440;border-radius:12px;min-height:44px;padding:.65rem .9rem}button:disabled{opacity:.65;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,p{margin-top:0}p{color:var(--muted);overflow-wrap:anywhere;line-height:1.55}small{color:var(--muted)}.bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem max(1rem,50% - 550px);display:flex}.brand{letter-spacing:.12em;white-space:nowrap;background:0 0;border:0;padding-inline:0;font-size:1.3rem;font-weight:800}.brand i{color:#d6afff;font-style:normal}.session{color:var(--muted);text-align:right;font-size:.82rem}nav{gap:.25rem;display:flex}nav button{background:0 0;border-color:#0000;font-size:.9rem}nav span{margin-right:.3em}nav [aria-current]{color:#e8c8ff;background:#302446}main{max-width:1100px;margin:auto;padding:2rem 1rem}.hero,.panel{border:1px solid var(--line);background:var(--panel);border-radius:24px;margin-bottom:1rem;padding:clamp(1rem,5vw,3rem)}.hero{background:radial-gradient(ellipse at right, #32305d, var(--panel) 70%);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:1rem;display:grid}.hero h1{color:#e5c1ff;margin-bottom:.8rem;font-size:clamp(2.3rem,7vw,4.6rem);line-height:1.03}.eyebrow{letter-spacing:.035em;font-weight:650}.primary{background:var(--accent);color:#142721;border-color:#0000;font-weight:750}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.tiles button{text-align:left;background:var(--panel);gap:.3rem;padding:1rem;display:grid}.tiles span{color:#d6afff;font-size:1.55rem;line-height:1}.tiles strong{font-size:1.15rem}.avatar{aspect-ratio:1;background:radial-gradient(circle,#40416d,#25223f);border:1px solid #8f7ab5;border-radius:50%;place-items:center;width:min(100%,235px);margin:auto;display:grid;position:relative}.hood{clip-path:polygon(0 78%,14% 31%,29% 12%,57% 3%,83% 14%,100% 64%,87% 87%,58% 100%,19% 95%);background:currentColor;width:60%;height:60%;position:relative}.face{background:#201733;border-radius:50% 45% 40% 33%;place-items:center;font-size:2rem;display:grid;position:absolute;inset:20% 18% 18% 21%}.scarf{background:#9ce8cb;height:22%;position:absolute;inset:auto 0 4% 18%;transform:rotate(-9deg)}.signature{gap:2px;display:flex;position:absolute;bottom:6%}.signature i{background:#493f62;width:3px;height:5px}.signature .lit{background:#fff0cf}.note,.reply{border:1px solid var(--line);background:#252039;border-radius:12px;margin:.75rem 0;padding:.85rem}.note p:last-child,.reply p:last-child{margin-bottom:0}.reply{border-left:3px solid #a98ad1;margin-left:.6rem}.discussion,.discussion form{margin-top:1rem}form{gap:.65rem;display:grid}form button{justify-self:start}textarea,input{border:1px solid var(--line);width:100%;min-height:44px;color:inherit;background:#171526;border-radius:10px;padding:.7rem;display:block}textarea{resize:vertical;min-height:105px}.actions{flex-wrap:wrap;gap:.6rem;margin:.75rem 0;display:flex}.login,.welcome{max-width:520px;margin-inline:auto}.welcome .avatar{margin-bottom:1rem}.login form{margin-block:.85rem}.access{isolation:isolate;position:relative}.access-scene{z-index:-1;pointer-events:none;background:radial-gradient(at 50% 45%,#2b2243 0%,#0000 70%);position:fixed;inset:0;overflow:hidden}.access-orbit{aspect-ratio:2.5;border:1px solid #b7a2e842;border-radius:50%;width:max(39rem,75vw);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-24deg)}.access-orbit.second{border-color:#a0f0cf2e;transform:translate(-50%,-50%)rotate(24deg)}.access-point{background:#ddbcff;border-radius:50%;width:.55rem;height:.55rem;animation:11s ease-in-out infinite alternate approach;position:absolute;top:64%;left:14%;box-shadow:0 0 1.5rem .3rem #ddbcff65}.access-point.second{background:#a0f0cf;animation-direction:alternate-reverse;top:34%;left:85%;box-shadow:0 0 1.5rem .3rem #a0f0cf60}@keyframes approach{0%{opacity:.65;transform:translate(0)}to{opacity:1;transform:translate(2.5vw,-3vh)}}.access .login{background:#201c34f2;max-width:440px}.login h1{margin-bottom:1.25rem;font-size:clamp(1.8rem,6vw,2.4rem)}.login .google-login{color:#202124;background:#fff;border-color:#747775;width:100%;min-height:50px;font-weight:700}.access-divider{align-items:center;gap:.75rem;margin:1.3rem 0 .85rem;font-size:.82rem;display:flex}.access-divider:before,.access-divider:after{content:"";background:var(--line);flex:1;height:1px}.login input{font-size:1rem}.login form button{width:100%;margin-top:.25rem}.login .email-login{background:0 0;border-color:#8f7ab5}.access-links{justify-content:space-between;margin-bottom:0}.access-links button{color:#e5c1ff;background:0 0;border-color:#0000;padding-inline:0}@media (prefers-reduced-motion:reduce){.access-point{animation:none}}.garden{background:linear-gradient(#423960,#443548 58%,#422b35 59%);border-radius:16px;place-items:center;min-height:145px;margin-bottom:1rem;font-size:3.5rem;display:grid}.garden.watered{background:linear-gradient(#423960,#314d4f 58%,#3d4d66 59%)}footer{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem 1rem 2rem;display:flex}footer button{color:var(--muted);background:0 0;border:0}dialog{color:inherit;border:1px solid var(--line);z-index:5;background:#252039;border-radius:18px;width:min(90vw,550px);max-height:80vh;margin:auto;padding:1.5rem;position:fixed;inset:0;overflow:auto}@media (width<=650px){body:has(nav){padding-bottom:calc(70px + env(safe-area-inset-bottom))}nav{z-index:3;bottom:0;border-top:1px solid var(--line);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));background:#1a162b;justify-content:space-evenly;position:fixed;inset-inline:0}nav button{flex:1;padding:.3rem .35rem;font-size:.76rem}nav span{margin-right:0;font-size:1rem;display:block}main{padding-top:1rem}.hero{grid-template-columns:minmax(0,1fr) minmax(70px,.58fr)}.hero h1{font-size:clamp(1.65rem,8vw,2.8rem)}.tiles{grid-template-columns:1fr}.tiles button{grid-template-columns:2rem 1fr}.tiles small{grid-column:2}}