@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@keyframes gg-pop{0%{opacity:0;transform:translateY(9px)scale(.9)}55%{opacity:1;transform:translateY(-2px)scale(1.035)}to{opacity:1;transform:none}}@keyframes gg-arrowhead{0%{transform:scale(.35)}55%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes gg-box-in{0%{box-shadow:0 0 #01bfa500}45%{box-shadow:0 0 0 4px #01bfa538}to{box-shadow:0 0 #01bfa500}}@keyframes gg-correct-pop{0%{opacity:0;transform:scale(.6)translateY(2px)}55%{opacity:1;transform:scale(1.18)translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes gg-spark{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1)}}@media (prefers-reduced-motion:no-preference){.gg-reveal{--gg-speed:1}.gg-reveal>:not(svg){animation:gg-pop calc(.42s * var(--gg-speed,1)) cubic-bezier(.22, .9, .3, 1) both}.gg-reveal>:not(svg):first-child{animation-delay:calc(0s * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(2){animation-delay:calc(55ms * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(3){animation-delay:calc(.11s * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(4){animation-delay:calc(.165s * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(5){animation-delay:calc(.22s * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(6){animation-delay:calc(.275s * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(7){animation-delay:calc(.33s * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(8){animation-delay:calc(.385s * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(9){animation-delay:calc(.44s * var(--gg-speed,1))}.gg-reveal>:not(svg):nth-child(n+10){animation-delay:calc(.495s * var(--gg-speed,1))}.gg-box-accent{animation:gg-box-in calc(.76s * var(--gg-speed,1)) ease-out calc(.12s * var(--gg-speed,1)) both}.gg-arrowhead{transform-box:fill-box;transform-origin:50%;animation:gg-arrowhead calc(.3s * var(--gg-speed,1)) cubic-bezier(.3, .9, .35, 1) both}.gg-mod-reveal{animation:gg-pop calc(.42s * var(--gg-speed,1)) cubic-bezier(.22, .9, .3, 1) calc(1.28s * var(--gg-speed,1)) both}.gg-ctx-reveal{animation:gg-pop calc(.42s * var(--gg-speed,1)) cubic-bezier(.22, .9, .3, 1) calc(1.56s * var(--gg-speed,1)) both}.gg-correct{animation:.44s cubic-bezier(.25,1.3,.4,1) both gg-correct-pop;display:inline-block}.gg-spark{animation:.72s cubic-bezier(.15,.7,.3,1) both gg-spark}}
:root{--bg:#f7f8fa;--card:#fff;--ink:#171d24;--muted:#5a6672;--faint:#97a3af;--line:#e4e8ed;--line-soft:#eff2f6;--border:#e4e8ed;--brand:#3f4a57;--brand-deep:#2b333d;--brand-ink:#1d242c;--brand-tint:#eef1f4;--red:#ac3931;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--gg-scale:1}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:650;text-decoration:none;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:hover{background:var(--brand-tint);border-color:var(--faint)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}.btn-primary:hover{background:var(--brand-ink);border-color:var(--brand-ink)}.btn-primary:disabled:hover{background:var(--brand-deep)}.menu-item{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:none;padding:7px 12px;font-size:13.5px;display:block}.menu-item:hover{background:var(--brand-tint)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px}.card-pad{padding:20px}.wrap{max-width:780px;margin:0 auto;padding:24px 20px 72px}.ph-note{color:var(--muted);font-size:13px}