:root{--ink:#14171c;--ink-2:#2c333d;--mute:#6a7380;--line:#14171c1f;--paper:#f6f1e8;--paper-2:#efe8db;--wash:#e7dfd0;--accent:#c6452c;--accent-2:#0f7a6c;--display:"Syne", sans-serif;--serif:"Fraunces", Georgia, serif;--sans:"Manrope", sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--sans);background:var(--wash);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.gx{isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid;position:relative}.gx__bg{z-index:-1;background:radial-gradient(70% 55% at 15% 0,#0f7a6c29,#0000 60%),radial-gradient(60% 45% at 90% 10%,#c6452c24,#0000 55%),linear-gradient(#f3ece1 0%,#e8e0d2 48%,#ddd4c4 100%);position:fixed;inset:0}.gx__bg:after{content:"";opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.11 0 0 0 0 0.1 0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.gx__chrome{gap:.7rem;width:min(920px,100% - 1.5rem);margin:0 auto;padding:.9rem 0 .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:clamp(1.7rem,5vw,2.35rem);font-weight:800;line-height:1}.gx__count{color:var(--mute);letter-spacing:.02em;white-space:nowrap;font-size:.78rem}.gx__modes{border:1px solid var(--line);background:#f6f1e8b3;grid-template-columns:1fr 1fr;gap:.4rem;padding:.25rem;display:grid}.gx__mode{font-family:var(--display);letter-spacing:-.02em;color:var(--mute);padding:.55rem .7rem;font-size:.95rem;font-weight:700;transition:background .16s,color .16s}.gx__mode.is-on{background:var(--ink);color:var(--paper)}.gx__tools{grid-template-columns:1fr auto auto;gap:.4rem;display:grid}.gx__search,.gx__select{border:1px solid var(--line);width:100%;color:var(--ink);background:#f6f1e8e0;outline:none;padding:.65rem .75rem}.gx__search:focus,.gx__select:focus{border-color:var(--accent-2)}.gx__iconbtn{border:1px solid var(--ink);background:var(--accent);color:#fff;font-family:var(--display);letter-spacing:-.02em;padding:0 .9rem;font-weight:700}.gx__stage{width:min(920px,100% - 1.5rem);min-height:0;margin:0 auto;padding-bottom:.4rem;display:grid}.gx__deck{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:100%;min-height:min(68dvh,640px);position:relative}.gx__deck.is-dragging{cursor:grabbing}.gx__card{background:var(--paper);will-change:transform;border:1px solid #14171c29;grid-template-rows:minmax(180px,1.05fr) auto;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 22px 50px #14171c24}.gx__card[data-tone="0"]{--glow:#0f7a6c;--ember:#c6452c}.gx__card[data-tone="1"]{--glow:#2f5674;--ember:#b85b2a}.gx__card[data-tone="2"]{--glow:#6a3f4d;--ember:#0f7a6c}.gx__card[data-tone="3"]{--glow:#3f5a3d;--ember:#c6452c}.gx__card[data-tone="4"]{--glow:#4a4568;--ember:#b8922a}.gx__card.is-enter{animation:.38s cubic-bezier(.22,1,.36,1) both gx-in}.gx__art{place-items:center;padding:1.4rem 1.2rem .6rem;display:grid;position:relative;overflow:hidden}.gx__art:before,.gx__art:after{content:"";filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.gx__art:before{background:radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--glow) 55%, transparent), transparent 70%);width:55%;height:55%;top:-8%;right:-8%}.gx__art:after{background:radial-gradient(circle at 60% 40%, color-mix(in srgb, var(--ember) 48%, transparent), transparent 72%);width:48%;height:48%;bottom:-12%;left:-10%}.gx__glyph{z-index:1;font-size:clamp(4.8rem,18vw,8.2rem);line-height:1;animation:6s ease-in-out infinite gx-float;position:relative}.gx__phrase{z-index:1;text-align:center;max-width:14ch;font-family:var(--display);letter-spacing:-.045em;font-size:clamp(1.85rem,6.4vw,3.1rem);font-weight:800;line-height:1.05;animation:6s ease-in-out infinite gx-float;position:relative}.gx__body{z-index:1;border-top:1px solid var(--line);background:linear-gradient(180deg, #f6f1e859, var(--paper) 24%);gap:.55rem;padding:1rem 1.15rem 1.15rem;display:grid;position:relative}.gx__tags{flex-wrap:wrap;gap:.35rem;display:flex}.gx__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);background:#ffffff59;padding:.22rem .4rem;font-size:.68rem}.gx__name{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,3.6vw,1.85rem);line-height:1.1}.gx__note{font-family:var(--serif);color:var(--ink-2);margin:0;font-size:1.02rem;font-style:italic;font-weight:500;line-height:1.35}.gx__meaning{color:var(--ink-2);margin:0;font-size:.98rem;line-height:1.45}.gx__pronrow{background:#14171c09;border:1px dashed #14171c29;justify-content:space-between;align-items:center;gap:.7rem;margin-top:.15rem;padding:.65rem .7rem;display:flex}.gx__pronrow small{letter-spacing:.07em;text-transform:uppercase;color:var(--mute);margin-bottom:.12rem;font-size:.66rem;display:block}.gx__pronrow strong{font-size:.95rem;font-weight:600}.gx__speak{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--display);letter-spacing:-.02em;padding:.5rem .75rem;font-weight:700}.gx__footer{gap:.55rem;width:min(920px,100% - 1.5rem);margin:0 auto;padding:.35rem 0 1rem;display:grid}.gx__navrow{grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;display:grid}.gx__navbtn{border:1px solid var(--line);background:#f6f1e8cc;width:2.5rem;height:2.5rem;font-size:1.1rem;line-height:1}.gx__navbtn:disabled{opacity:.35}.gx__progresswrap{gap:.28rem;display:grid}.gx__progressmeta{color:var(--mute);letter-spacing:.03em;justify-content:space-between;gap:.5rem;font-size:.72rem;display:flex}.gx__bar{background:#14171c1a;height:3px;overflow:hidden}.gx__bar>i{background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width .24s;display:block}.gx__hint{text-align:center;color:var(--mute);margin:0;font-size:.72rem}.gx__empty{border:1px dashed var(--line);height:100%;min-height:420px;color:var(--mute);text-align:center;background:#f6f1e88c;place-items:center;padding:2rem;display:grid}@keyframes gx-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes gx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (max-width:720px){.gx__chrome{width:calc(100% - 1rem);padding-top:.7rem}.gx__stage,.gx__footer{width:calc(100% - 1rem)}.gx__tools{grid-template-columns:1fr}.gx__deck{touch-action:none;min-height:min(72dvh,700px)}.gx__body{padding:.9rem 1rem 1rem}.gx__hint{font-size:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}