:root{--bg0:#0e1412;--bg1:#16201c;--card:#f4efe6;--ink:#14201b;--mute:#5d6b64;--line:#14201b1f;--accent:#e4572e;--teal:#2bb5a0;--display:"Syne", sans-serif;--serif:"Fraunces", Georgia, serif;--sans:"DM Sans", sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--card);background:var(--bg0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none}button,input{font:inherit;color:inherit;background:0 0;border:0}button{cursor:pointer}.gx{isolation:isolate;max-width:480px;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid;position:relative}.gx__bg{z-index:-1;background:radial-gradient(120% 80% at 20% -10%, #2bb5a047, transparent 55%), radial-gradient(90% 70% at 100% 20%, #e4572e38, transparent 50%), radial-gradient(80% 60% at 50% 100%, #2bb5a01f, transparent 50%), linear-gradient(165deg, var(--bg1), var(--bg0) 60%);position:fixed;inset:0}.gx__top{gap:.65rem;padding:.85rem 1rem .55rem;display:grid}.gx__brandrow{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.gx__brand{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:1.55rem;font-weight:800}.gx__meta{color:#f4efe68c;letter-spacing:.04em;font-size:.72rem}.gx__tabs{background:#f4efe614;border-radius:999px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.22rem;display:grid}.gx__tab{font-family:var(--display);letter-spacing:-.02em;color:#f4efe68c;border-radius:999px;padding:.55rem .75rem;font-size:.92rem;font-weight:700;transition:background .16s,color .16s}.gx__tab.is-on{background:var(--card);color:var(--ink)}.gx__stage{min-height:0;padding:.35rem .85rem .5rem;display:grid}.gx__deck{touch-action:none;-webkit-user-select:none;user-select:none;height:100%;min-height:0;position:relative}.gx__card{background:var(--card);color:var(--ink);will-change:transform;border-radius:1.35rem;grid-template-rows:1.05fr auto;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 60px #00000059,0 0 0 1px #f4efe60f}.gx__card[data-tone="0"]{--wash:#2bb5a0;--spark:#e4572e}.gx__card[data-tone="1"]{--wash:#3d7ea6;--spark:#e4572e}.gx__card[data-tone="2"]{--wash:#b85c38;--spark:#2bb5a0}.gx__card[data-tone="3"]{--wash:#5a7d4e;--spark:#e4572e}.gx__card[data-tone="4"]{--wash:#6b5b95;--spark:#e0a100}.gx__card.is-in{animation:.32s cubic-bezier(.22,1,.36,1) both gx-in}.gx__hero{place-items:center;padding:1.25rem 1rem .5rem;display:grid;position:relative;overflow:hidden}.gx__hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--wash) 42%, transparent), transparent 70%);border-radius:50%;width:70%;height:70%;position:absolute;top:-18%;right:-16%}.gx__hero:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--spark) 34%, transparent), transparent 72%);border-radius:50%;width:55%;height:55%;position:absolute;bottom:-20%;left:-14%}.gx__glyph{z-index:1;font-size:clamp(5.5rem,28vw,7.5rem);line-height:1;position:relative}.gx__phrase{z-index:1;text-align:center;max-width:12ch;font-family:var(--display);letter-spacing:-.045em;font-size:clamp(1.7rem,7.5vw,2.35rem);font-weight:800;line-height:1.05;position:relative}.gx__panel{gap:.55rem;padding:.15rem 1.15rem 1.15rem;display:grid}.gx__title{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:1.55rem;line-height:1.1}.gx__sub{color:var(--mute);letter-spacing:.01em;margin:0;font-size:.86rem}.gx__note{border-left:3px solid var(--accent);font-family:var(--serif);color:var(--ink);background:#14201b0d;border-radius:.85rem;margin:.15rem 0 0;padding:.75rem .85rem;font-size:1.12rem;font-style:italic;font-weight:500;line-height:1.35}.gx__note-label{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem;font-size:.62rem;font-style:normal;font-weight:600;display:block}.gx__meaning{color:var(--ink);margin:0;font-size:.95rem;line-height:1.45}.gx__foot{gap:.45rem;padding:.35rem 1rem .95rem;display:grid}.gx__nav{grid-template-columns:2.6rem 1fr 2.6rem;align-items:center;gap:.65rem;display:grid}.gx__nav button{width:2.6rem;height:2.6rem;color:var(--card);background:#f4efe61a;border-radius:999px;font-size:1.15rem}.gx__nav button:disabled{opacity:.3}.gx__progress{gap:.25rem;display:grid}.gx__progress span{color:#f4efe680;letter-spacing:.04em;text-align:center;font-size:.7rem}.gx__bar{background:#f4efe61f;border-radius:999px;height:3px;overflow:hidden}.gx__bar>i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--accent));height:100%;transition:width .22s;display:block}.gx__hint{text-align:center;color:#f4efe661;margin:0;font-size:.68rem}.gx__empty{color:#f4efe68c;text-align:center;background:#f4efe60f;border-radius:1.35rem;place-items:center;height:100%;padding:2rem;display:grid}@keyframes gx-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gx__card.is-in{animation:none}}