.beginner-module__gyAeJa__page{min-height:100dvh;color:var(--color-ink);background:var(--color-paper-2);font-family:var(--font-body)}.beginner-module__gyAeJa__page *,.beginner-module__gyAeJa__page :before,.beginner-module__gyAeJa__page :after{box-sizing:border-box}.beginner-module__gyAeJa__page a{text-decoration:none}.beginner-module__gyAeJa__shell{width:min(calc(100% - var(--space-lg)), 78rem);padding-block:var(--space-lg) var(--space-xl);margin-inline:auto}.beginner-module__gyAeJa__pageHeader{gap:var(--space-lg);padding-block:var(--space-sm) var(--space-lg);border-block-end:var(--rule-thin) solid var(--color-rule-strong);grid-template-columns:minmax(0,1fr);align-items:end;display:grid}.beginner-module__gyAeJa__headerCopy{min-width:0}.beginner-module__gyAeJa__pageHeader h1{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-size:clamp(var(--text-xl), 4vw, var(--text-2xl));letter-spacing:-.025em;margin:0;font-weight:800;line-height:1.1}.beginner-module__gyAeJa__headerCopy>p{max-width:65ch;margin:var(--space-sm) 0 0;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.6}.beginner-module__gyAeJa__headerAside{gap:var(--space-sm);align-content:end;min-width:0;display:grid}.beginner-module__gyAeJa__journeyCount{align-items:center;gap:var(--space-xs);color:var(--color-ink-2);margin:0;display:flex}.beginner-module__gyAeJa__journeyCount strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.beginner-module__gyAeJa__journeyCount span{max-width:8ch;font-size:var(--text-sm);font-weight:700;line-height:1.25}.beginner-module__gyAeJa__headerAction,.beginner-module__gyAeJa__stepAction,.beginner-module__gyAeJa__guideAction{min-height:var(--tap-target);justify-content:center;align-items:center;gap:var(--space-3xs);white-space:nowrap;font-size:var(--text-sm);transition:transform var(--dur-short) var(--ease-out);font-weight:800;line-height:1;display:inline-flex}.beginner-module__gyAeJa__headerAction{width:fit-content;padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent-ink);background:var(--color-accent)}.beginner-module__gyAeJa__roadmapViewport{width:100%;min-width:0;padding-block:var(--space-lg) var(--space-xl)}.beginner-module__gyAeJa__roadmapCanvas{width:100%;min-width:0}.beginner-module__gyAeJa__routeMap{width:100%;height:auto;color:var(--color-accent);display:none;overflow:visible}.beginner-module__gyAeJa__routeLine{fill:none;stroke:var(--color-accent);stroke-width:5px;stroke-linecap:round;opacity:0;animation:beginner-module__gyAeJa__route-reveal var(--dur-long) var(--ease-out) forwards}.beginner-module__gyAeJa__routeArrow{fill:var(--color-accent)}.beginner-module__gyAeJa__routeNode{opacity:0;transform-origin:50%;transform-box:fill-box;animation:beginner-module__gyAeJa__route-node-in var(--dur-medium) var(--ease-out) var(--dur-short) forwards;transform:scale(.86)}.beginner-module__gyAeJa__routeNode circle{fill:var(--color-accent)}.beginner-module__gyAeJa__routeNodeWarm circle{fill:var(--color-warning)}.beginner-module__gyAeJa__routeNode text{fill:var(--color-accent-ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.beginner-module__gyAeJa__routeNodeWarm text{fill:var(--color-accent-ink)}.beginner-module__gyAeJa__stepGrid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.beginner-module__gyAeJa__stepCard{min-width:0;min-height:22rem;padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);color:var(--color-ink);background:var(--color-paper);text-align:center;flex-direction:column;align-items:center;display:flex}.beginner-module__gyAeJa__character{margin-block-end:var(--space-2xs);position:relative}.beginner-module__gyAeJa__character strong{width:var(--space-2xl);height:var(--space-2xl);border:var(--rule-thin) solid var(--color-ink-2);color:var(--color-ink);background:var(--color-paper);font-family:var(--font-display);font-size:var(--text-xl);border-radius:50%;place-items:center;font-weight:600;line-height:1;display:grid}.beginner-module__gyAeJa__pinyin{color:var(--color-accent);font-size:var(--text-sm);margin-block-end:var(--space-xs);font-weight:800;display:block}.beginner-module__gyAeJa__seal{border-radius:var(--space-3xs);width:1.25rem;height:1.25rem;color:var(--color-accent-ink);background:var(--color-seal);font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;font-weight:850;display:grid;position:absolute;inset-block-start:calc(0rem - var(--space-3xs));inset-inline-end:calc(0rem - var(--space-2xs));transform:rotate(4deg)}.beginner-module__gyAeJa__stepCard h3{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.015em;margin:0;font-weight:800;line-height:1.2}.beginner-module__gyAeJa__moduleName{max-width:28ch;color:var(--color-ink-2);font-size:var(--text-sm);margin-block-start:var(--space-2xs);font-weight:700;line-height:1.35;display:block}.beginner-module__gyAeJa__stepCard>p{max-width:46ch;margin:var(--space-md) 0 var(--space-lg);color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.6}.beginner-module__gyAeJa__stepAction{width:fit-content;padding-inline:var(--space-xs);border-radius:var(--radius-control);color:var(--color-accent);background:var(--color-paper);margin-block-start:auto}.beginner-module__gyAeJa__startGuide{gap:var(--space-lg);padding-block:var(--space-xl);border-block-start:var(--rule-thin) solid var(--color-rule-strong);grid-template-columns:minmax(0,1fr);display:grid}.beginner-module__gyAeJa__guideIntro{align-items:flex-start;gap:var(--space-sm);min-width:0;display:flex}.beginner-module__gyAeJa__guideMark{width:var(--space-xl);height:var(--space-xl);color:var(--color-accent-ink);background:var(--color-accent);font-family:var(--font-display);font-size:var(--text-lg);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.beginner-module__gyAeJa__startGuide h2{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.025em;margin:0;font-weight:800;line-height:1.2}.beginner-module__gyAeJa__guideIntro p{max-width:65ch;margin:var(--space-2xs) 0 0;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.6}.beginner-module__gyAeJa__guideSteps{gap:0;margin:0;padding:0;list-style:none;display:grid}.beginner-module__gyAeJa__startGuide li{align-items:center;gap:var(--space-xs);min-height:3.25rem;padding-block:var(--space-xs);border-block-end:var(--rule-thin) solid var(--color-rule);grid-template-columns:2rem minmax(0,1fr);display:grid}.beginner-module__gyAeJa__startGuide li>span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:800}.beginner-module__gyAeJa__startGuide li strong,.beginner-module__gyAeJa__startGuide li small{display:block}.beginner-module__gyAeJa__startGuide li strong{font-size:var(--text-sm)}.beginner-module__gyAeJa__startGuide li small{color:var(--color-ink-2);font-size:var(--text-sm);margin-block-start:var(--space-3xs);line-height:1.45}.beginner-module__gyAeJa__guideAction{width:fit-content;padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-control);color:var(--color-accent);background:var(--color-paper)}.beginner-module__gyAeJa__headerAction:focus-visible,.beginner-module__gyAeJa__stepAction:focus-visible,.beginner-module__gyAeJa__guideAction:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.beginner-module__gyAeJa__headerAction:active,.beginner-module__gyAeJa__stepAction:active,.beginner-module__gyAeJa__guideAction:active{transform:translateY(1px)}.beginner-module__gyAeJa__headerAction[aria-disabled=true],.beginner-module__gyAeJa__stepAction[aria-disabled=true],.beginner-module__gyAeJa__guideAction[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none}.beginner-module__gyAeJa__headerAction[data-state=loading],.beginner-module__gyAeJa__stepAction[data-state=loading],.beginner-module__gyAeJa__guideAction[data-state=loading]{opacity:.65;pointer-events:none}.beginner-module__gyAeJa__headerAction[data-state=error],.beginner-module__gyAeJa__stepAction[data-state=error],.beginner-module__gyAeJa__guideAction[data-state=error]{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-soft)}.beginner-module__gyAeJa__headerAction[data-state=success],.beginner-module__gyAeJa__stepAction[data-state=success],.beginner-module__gyAeJa__guideAction[data-state=success]{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-soft)}@keyframes beginner-module__gyAeJa__route-reveal{to{opacity:1}}@keyframes beginner-module__gyAeJa__route-node-in{to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.beginner-module__gyAeJa__headerAction:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.beginner-module__gyAeJa__stepCard:hover{border-color:var(--color-rule-strong)}.beginner-module__gyAeJa__stepAction:hover,.beginner-module__gyAeJa__guideAction:hover{text-underline-offset:var(--space-3xs);text-decoration:underline}.beginner-module__gyAeJa__stepAction:hover svg,.beginner-module__gyAeJa__guideAction:hover svg{transform:translateX(var(--space-3xs))}}@media (min-width:40rem){.beginner-module__gyAeJa__shell{width:min(calc(100% - var(--space-xl)), 78rem);padding-block-start:var(--space-lg)}.beginner-module__gyAeJa__pageHeader{grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr)}.beginner-module__gyAeJa__stepGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-module__gyAeJa__startGuide{grid-template-columns:minmax(0,1fr) minmax(18rem,1fr);align-items:center}.beginner-module__gyAeJa__guideAction{grid-column:1}}@media (min-width:64rem){.beginner-module__gyAeJa__headerAside{border-inline-start:var(--rule-thin) solid var(--color-rule);padding-inline-start:var(--space-lg)}.beginner-module__gyAeJa__startGuide{grid-template-columns:minmax(0,1fr) minmax(26rem,1.3fr) auto}.beginner-module__gyAeJa__guideAction{grid-column:auto}}@media (min-width:80rem){.beginner-module__gyAeJa__routeMap{display:block}.beginner-module__gyAeJa__stepGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.beginner-module__gyAeJa__stepCard{min-height:25rem;padding:var(--space-sm)}}@media (pointer:coarse){.beginner-module__gyAeJa__headerAction,.beginner-module__gyAeJa__stepAction,.beginner-module__gyAeJa__guideAction{min-height:3rem}}@media (prefers-reduced-motion:reduce){.beginner-module__gyAeJa__routeLine,.beginner-module__gyAeJa__routeNode{animation-duration:.12s;animation-delay:0s;transform:none}.beginner-module__gyAeJa__headerAction,.beginner-module__gyAeJa__headerAction:hover,.beginner-module__gyAeJa__headerAction:active,.beginner-module__gyAeJa__stepAction,.beginner-module__gyAeJa__stepAction:active,.beginner-module__gyAeJa__guideAction,.beginner-module__gyAeJa__guideAction:active,.beginner-module__gyAeJa__stepAction:hover svg,.beginner-module__gyAeJa__guideAction:hover svg{transition:none;transform:none}}