.gx{--gx-flan-hi:var(--elevated);--gx-flan-lo:color-mix(in oklab, var(--surface) 90%, var(--text-muted));--gx-shine:#ffffffb3;padding-block:6rem}@supports (color:lab(0% 0 0)){.gx{--gx-shine:lab(100% 0 0/.7)}}:root[data-theme=dark] .gx{--gx-flan-hi:color-mix(in oklab, var(--elevated) 82%, var(--text));--gx-flan-lo:var(--surface);--gx-shine:#ffffff29}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .gx{--gx-shine:lab(100% 0 0/.16)}}.gx-grid{grid-template-areas:"intro""card""notes";gap:3rem;display:grid}.gx-intro{grid-area:intro}.gx-card{grid-area:card;align-self:center;width:100%;max-width:34rem}.gx-notes{grid-area:notes}@media (min-width:40rem){.gx{padding-block:8rem}}@media (min-width:64rem){.gx-grid{grid-template-columns:1fr minmax(0,34rem);grid-template-areas:"intro card""notes card";gap:2.75rem 5rem}.gx-intro{align-self:end}.gx-notes{align-self:start;max-width:26rem}.gx .gx-medal{width:clamp(9rem,14vw,12.5rem)}}@media (min-width:64rem) and (max-height:52rem){.gx .lh-title{font-size:min(clamp(2.75rem,1.5rem + 4.4vw,5.75rem),10.5svh)}.gx-seal{margin-top:1.75rem}.gx .gx-medal{width:min(clamp(9rem,14vw,12.5rem),21svh)}.gx-grid{row-gap:1.75rem}.gx-card{padding-block:1.25rem}.gx-composer{display:none}.gx .gx-notes{max-width:none}.gx-notes dl{grid-template-columns:1fr 1fr}}.gx-medal{aspect-ratio:1;border-radius:50%;flex:none;width:clamp(7.5rem,32vw,12.5rem);position:relative;overflow:hidden}.gx-coin{width:100%;height:100%;color:var(--text);display:block}.gx-glint{background:linear-gradient(105deg, transparent 38%, var(--gx-shine) 50%, transparent 62%);opacity:0;pointer-events:none;position:absolute;inset:0}.gx-stroke{stroke-width:.8px;stroke-dasharray:1.01 2}.gx-rim{stroke:var(--border-strong);stroke-width:.5px}.gx-coin :is(.gx-leaf,.gx-pop,.gx-pupil,.gx-eyes){transform-box:fill-box;transform-origin:50%}.gx-leaf:first-child{transform-origin:100% 0}.gx-leaf:nth-child(2){transform-origin:50% 0}.gx-leaf:nth-child(3){transform-origin:0 0}.gx-leaf:nth-child(4){transform-origin:0 100%}.gx-name{font:400 clamp(2.75rem, 2rem + 3vw, 4.75rem) / 1 var(--ff-greek)}.gx-ul{inset-inline:.02em;background:var(--c);transform-origin:0;border-radius:1px;height:max(2px,.035em);position:absolute;top:calc(100% + .1em)}.gx-gloss{margin-top:.5rem}.gx-inked{display:inline-block;position:relative}.gx-tint{color:var(--c);position:relative}.gx-inked:after{content:attr(data-ink) / "";color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;position:absolute;inset:0}.gx-line{letter-spacing:-.01em;padding-top:1.05em;font-size:clamp(1.75rem,1.1rem + 3vw,2rem);font-weight:500;line-height:1.25}.gx-wash{background:color-mix(in oklab, var(--c) var(--wash), transparent);border-radius:.14em;position:absolute;inset:.06em -.12em -.02em}[data-wash=related]>.gx-wash{background:color-mix(in oklab, var(--c) var(--wash-related), transparent)}.gx-empty{opacity:0}.gx-tap{aspect-ratio:1;border:1.5px solid var(--text);opacity:0;pointer-events:none;border-radius:50%;width:1.5em;margin:-.75em 0 0 -.75em;position:absolute;top:55%;left:50%}.gx-line-stage .arc path{stroke-width:2.25px;stroke-dasharray:1 2}.gx-line-stage .arc circle{transform-box:fill-box;transform-origin:50%}.gx-line-stage .arc .bloom{stroke-width:1.25px;opacity:0;display:inline}.gx-ctx:before{content:"";border-radius:inherit;background:var(--fill);box-shadow:inset 0 0 0 1px var(--border);position:absolute;inset:0}.gx-ctx:after{content:"";border:1.5px solid var(--text-muted);border-radius:inherit;opacity:0;position:absolute;inset:-1px}.gx-stroke{--kf:gx-draw;--ease:var(--ease-in-out)}.gx-flan,.gx-tint,.gx-wash,[data-b=about],.gx-ctx:before{--kf:gx-fade}.gx-inked:after,.gx-empty{--kf:gx-unink}.gx-medal{--kf:gx-strike;--ease:var(--ease-in-out)}.gx-glint{--kf:gx-glint;--ease:var(--ease-in-out)}.gx-leaf,.gx-pop{--kf:gx-pop;--ease:var(--ease-bounce)}.gx-pupil{--kf:gx-open;--ease:var(--ease-bounce)}.gx-ul{--kf:gx-ul}[data-b=card]{--kf:gx-card}.gx-msg,.gx-note,[data-b=name],[data-b=gloss]{--kf:gx-rise}.gx-tap{--kf:gx-ring}.gx-ctx:after{--kf:gx-halo}.gx-line-stage .arc path{--kf:gx-draw;--ease:var(--ease-draw)}.gx-line-stage .arc circle:not(.bloom){--kf:gx-pop;--ease:var(--ease-bounce)}.gx-line-stage .arc .bloom{--kf:gx-bloom}.gx{timeline-scope:--gx-seal, --gx-line, --gx-q1, --gx-a1, --gx-a2, --gx-a3, --gx-notes}.gx-seal{view-timeline:--gx-seal block}.gx-line-stage{view-timeline:--gx-line block}[data-b=q1]{view-timeline:--gx-q1 block}[data-b=a1]{view-timeline:--gx-a1 block}[data-b=a2]{view-timeline:--gx-a2 block}[data-b=a3]{view-timeline:--gx-a3 block}.gx-notes{view-timeline:--gx-notes block}.gx-seal *{--tl:--gx-seal}.gx-stroke{--r0:cover calc(4% + var(--s) * 30%);--r1:cover calc(4% + var(--e) * 30%)}.gx-flan,.gx-medal{--tl:--gx-seal;--r0:cover 30%;--r1:cover 40%}.gx-glint{--r0:cover 33%;--r1:cover 45%}.gx-leaf,.gx-pop,.gx-pupil{--r0:cover calc(32% + var(--k,0) * 1.5%);--r1:cover calc(39% + var(--k,0) * 1.5%)}[data-b=name]{--r0:cover 30%;--r1:cover 38%}[data-b=name]>*,[data-b=name]:after{--r0:cover 36%;--r1:cover 44%}[data-b=gloss]{--r0:cover 39%;--r1:cover 47%}[data-b=card]{--tl:view();--r0:entry 0%;--r1:entry 40%}[data-b=word]{--tl:--gx-line;--r0:cover calc(14% + var(--k) * 3%);--r1:cover calc(22% + var(--k) * 3%)}.gx-msg{--tl:view();--r0:cover 6%;--r1:cover 18%}[data-b=tap],[data-b=focus],[data-b=about]{--tl:--gx-q1;--r0:cover 10%;--r1:cover 22%}.gx-empty{--tl:--gx-q1;--r0:cover 0%;--r1:cover 7%}.gx-line-stage .arc path{--tl:--gx-a1;--r0:cover 14%;--r1:cover 28%}.gx-line-stage .arc circle,[data-b=related]{--tl:--gx-a1;--r0:cover 26%;--r1:cover 34%}[data-b=a1-ink]{--tl:--gx-a1;--r0:cover 16%;--r1:cover 24%}[data-b=a2-ink]{--tl:--gx-a2;--r0:cover 16%;--r1:cover 24%}.gx-ctx:before,.gx-ctx:after{--tl:--gx-a3;--r0:cover 10%;--r1:cover 24%}.gx-note{--tl:--gx-notes;--r0:cover calc(6% + var(--n,0) * 6%);--r1:cover calc(20% + var(--n,0) * 6%)}@media (min-width:64rem) and (min-height:37.5rem){.gx *,.gx .gx-ctx:before,.gx .gx-ctx:after{--tl:--gx}.gx-stroke{--r0:contain calc(-20% + var(--s) * 26%);--r1:contain calc(-20% + var(--e) * 26%)}.gx-flan,.gx .gx-medal{--r0:contain 4%;--r1:contain 10%}.gx-glint{--r0:contain 6%;--r1:contain 12%}.gx-leaf,.gx-pop,.gx-pupil{--r0:contain calc(5% + var(--k,0) * 0.8%);--r1:contain calc(9% + var(--k,0) * 0.8%)}[data-b=name]{--r0:contain 7%;--r1:contain 11%}[data-b=name]>*,[data-b=name]:after{--r0:contain 10%;--r1:contain 14%}[data-b=gloss]{--r0:contain 12%;--r1:contain 16%}[data-b=card]{--r0:contain 14%;--r1:contain 21%}[data-b=word]{--r0:contain calc(20% + var(--k) * 1.4%);--r1:contain calc(24% + var(--k) * 1.4%)}[data-b=tap]{--r0:contain 30%;--r1:contain 35%}[data-b=focus],[data-b=about]{--r0:contain 31%;--r1:contain 33%}.gx-empty{--r0:contain 30%;--r1:contain 33%}[data-b=q1]{--r0:contain 33%;--r1:contain 37%}[data-b=a1]{--r0:contain 40%;--r1:contain 44%}[data-b=a1-ink]{--r0:contain 43%;--r1:contain 46%}.gx-line-stage .arc path{--r0:contain 42%;--r1:contain 49%}.gx-line-stage .arc circle,[data-b=related],[data-b=a2]{--r0:contain 48%;--r1:contain 52%}[data-b=a2-ink]{--r0:contain 51%;--r1:contain 54%}[data-b=q2]{--r0:contain 57%;--r1:contain 61%}[data-b=a3]{--r0:contain 63%;--r1:contain 67%}.gx-ctx:before{--r0:contain 64%;--r1:contain 67%}.gx-ctx:after{--r0:contain 64%;--r1:contain 70%}[data-b=a4]{--r0:contain 68%;--r1:contain 72%}.gx-note{--r0:contain calc(76% + var(--n,0) * 3%);--r1:contain calc(81% + var(--n,0) * 3%)}}@supports (animation-timeline:view()){:root:not([data-calm]) .gx :is(.gx-stroke,.gx-flan,.gx-medal,.gx-glint,.gx-leaf,.gx-pop,.gx-pupil,.gx-tint,.gx-ul,.gx-msg,.gx-note,.gx-wash,.gx-tap,.gx-empty,.arc path,.arc circle,[data-b=name],[data-b=gloss],[data-b=card],[data-b=about]),:root:not([data-calm]) .gx .gx-inked:after,:root:not([data-calm]) .gx .gx-ctx:before,:root:not([data-calm]) .gx .gx-ctx:after{animation-name:var(--kf);animation-timing-function:var(--ease,var(--ease-out));animation-fill-mode:both;animation-timeline:var(--tl);animation-range:var(--r0) var(--r1)}@media (min-width:64rem) and (min-height:37.5rem){:root:not([data-calm]) .gx{view-timeline:--gx block;height:320vh;padding-block:0}:root:not([data-calm]) .gx-stage{align-items:center;height:100svh;padding-top:3.5rem;display:grid;position:sticky;top:0}}}:root:not([data-calm]) .gx-eyes{animation:7s linear 4s infinite gx-blink}@keyframes gx-draw{0%{stroke-dashoffset:1.5px}}@keyframes gx-fade{0%{opacity:0}}@keyframes gx-unink{0%{opacity:1}}@keyframes gx-rise{0%{opacity:0;transform:translateY(.75rem)}}@keyframes gx-card{0%{opacity:0;transform:translateY(3rem)scale(.97)}}@keyframes gx-pop{0%{transform:scale(0)}}@keyframes gx-open{0%{opacity:0;transform:scaleY(.08)}30%{opacity:1;transform:scaleY(.08)}}@keyframes gx-strike{45%{transform:scale(1.04)}}@keyframes gx-glint{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(100%)}}@keyframes gx-ul{0%{transform:scaleX(0)}}@keyframes gx-ring{0%{opacity:0;transform:scale(.35)}25%{opacity:.6}to{opacity:0;transform:scale(1.7)}}@keyframes gx-halo{0%{opacity:0;transform:scale(1)}20%{opacity:.7}to{opacity:0;transform:scale(1.18,1.5)}}@keyframes gx-bloom{0%{opacity:0;transform:scale(.2)}10%{opacity:.7}to{opacity:0;transform:scale(1.6)}}@keyframes gx-blink{0%,95%,to{transform:none}97%{transform:scaleY(.1)}}
