@font-face{font-family:"Course Display";src:url("/assets/fonts/course-display.woff2") format("woff2");font-display:swap}
.rhythm-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rhythm-step{min-height:88px;border:1px solid rgba(98,92,59,.16);border-radius:8px;background:#fffdf8;padding:10px;color:#4d4830;font-weight:900}.rhythm-step span{display:block;margin-top:5px;color:#8b8374;font-size:12px;font-weight:850}.formula-shot{display:grid;gap:10px}.formula-main{padding:13px;border:1px solid rgba(98,92,59,.16);border-radius:8px;background:#fffdf8;color:#4d4830;font-size:20px;font-weight:900;line-height:1.35}.factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.factor-grid span{padding:9px;border-radius:999px;background:#efe8d8;color:#242115;font-size:13px;font-weight:900;text-align:center}.assessment-shot{display:grid;grid-template-columns:1fr 1fr;gap:10px}.assessment-tile{min-height:86px;border:1px solid rgba(98,92,59,.16);border-radius:8px;background:#fffdf8;padding:12px;display:grid;align-content:center;gap:5px;color:#4d4830;font-weight:900}.assessment-tile span{color:#8b8374;font-size:13px}.unit-mark-shot{display:grid;gap:12px}.topbar-sample{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid rgba(98,92,59,.16);border-radius:8px;background:#fffdf8;padding:10px}.mark-btn-sample{border-radius:999px;background:#625c3b;color:#f8f3eb;padding:8px 12px;font-weight:900}.unit-weight-row{display:flex;gap:8px;align-items:center;justify-content:center}.unit-weight-row span{border-radius:999px;background:#efe8d8;padding:8px 10px;font-weight:900;color:#4d4830}
.group-sample{display:grid;grid-template-columns:130px 1fr;gap:10px}.group-nav{display:grid;gap:7px}.group-nav span{min-height:30px;border-radius:999px;background:#efe8d8;padding:6px 10px;color:#4d4830;font-size:12px;font-weight:900}.word-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-mini{border:1px solid rgba(98,92,59,.16);border-radius:8px;background:#fffdf8;padding:9px;font-weight:900;color:#4d4830}.word-mini span{display:block;color:#8b8374;font-weight:850;font-size:12px}.present-card{display:grid;gap:10px}.present-word{font-family:Georgia,"Times New Roman",serif;font-size:56px;line-height:1;color:#4d4830;font-weight:700}.sense-list{display:grid;gap:8px}.sense-row{border-left:3px solid #625c3b;border-radius:8px;background:#fffdf8;padding:9px}.sense-row strong{display:block;color:#4d4830}.sense-row span{display:block;color:#8b8374;font-size:13px;font-weight:850}
dialog.guide-modal{margin:0;max-width:none;max-height:none;border:0}
.hero-guide-link{position:fixed;left:clamp(12px,1.4vw,20px);top:clamp(48px,7vh,82px);z-index:30;min-width:96px;min-height:44px;padding:9px 14px;border:1px solid rgba(77,72,48,.7);border-radius:10px;background:linear-gradient(135deg,#625c3b,#4d4830);color:#f8f3eb;font:900 16px/1.2 "Smiley Sans","PingFang SC",sans-serif;cursor:pointer;box-shadow:0 14px 28px rgba(57,49,32,.2)}
.guide-modal,.guide-standalone{font-family:"Smiley Sans","PingFang SC",sans-serif;color:#242115}.guide-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;background:rgba(36,33,21,.34);backdrop-filter:blur(8px)}.guide-modal.open{opacity:1;visibility:visible;pointer-events:auto}.guide-frame{position:relative;width:min(980px,calc(100vw - 42px));max-height:min(760px,calc(100vh - 42px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;border:1px solid rgba(98,92,59,.22);border-radius:12px;background:linear-gradient(135deg,rgba(255,253,248,.98),rgba(243,239,231,.97));box-shadow:0 28px 90px rgba(36,33,21,.28);padding:18px;overflow:hidden}.guide-frame-top{display:flex;align-items:center;justify-content:space-between}.guide-progress{color:#8b8374;font-size:13px;font-weight:900}.guide-close,.guide-nav,.guide-finish{min-height:40px;border:1px solid rgba(98,92,59,.28);border-radius:999px;background:rgba(255,253,248,.85);color:#4d4830;padding:8px 14px;font-weight:900;cursor:pointer}.guide-close{width:36px;padding:0;font-size:20px}.guide-slide-stage{min-height:0;overflow:auto}.guide-slide{display:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:22px;align-items:stretch;min-height:430px}.guide-slide.active{display:grid}.guide-copy{display:grid;align-content:center;gap:12px}.guide-kicker{margin:0;color:#8b8374;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.guide-copy h2{margin:0;color:#4d4830;font-size:clamp(30px,4vw,48px);line-height:1.05}.guide-copy p{margin:0;color:#8b8374;font-size:16px;font-weight:850}.guide-visual{display:grid;align-content:center;border:1px solid rgba(98,92,59,.16);border-radius:10px;background:rgba(248,243,235,.72);padding:16px}.guide-window{border:1px solid rgba(98,92,59,.18);border-radius:8px;background:#fffdf8;overflow:hidden}.guide-window-body{padding:14px;display:grid;gap:10px}.guide-card-text{padding:22px;border:1px solid rgba(98,92,59,.16);border-radius:8px;color:#4d4830;font-size:20px;font-weight:900;text-align:center}.guide-map-img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:8px;background:#fffdf8;padding:8px}.guide-controls{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.guide-nav-buttons{display:flex;gap:8px}.guide-dots{display:flex;gap:6px;justify-content:center}.guide-dot-btn{width:9px;height:9px;border:0;border-radius:999px;background:rgba(98,92,59,.26);padding:0}.guide-dot-btn.active{background:#625c3b}.guide-finish[hidden],.guide-nav[hidden]{display:none}.guide-standalone{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:22px 0 44px}.guide-standalone .guide-frame{width:100%;max-height:none;min-height:calc(100vh - 44px)}
@media(max-width:820px){.guide-modal{padding:10px}.guide-frame{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:12px}.guide-slide{grid-template-columns:1fr;gap:14px;min-height:0}.guide-copy{align-content:start}.guide-copy h2{font-size:30px}.guide-controls{grid-template-columns:1fr;gap:10px}.guide-nav-buttons{justify-content:space-between}.guide-dots{order:-1}.guide-standalone{width:calc(100% - 18px);padding:12px 0 30px}.guide-standalone .guide-frame{min-height:calc(100vh - 24px)}}
@media(prefers-reduced-motion:reduce){.guide-modal,.guide-frame{transition:none!important}}
/* Native top-layer dialog: the background navigation stays inert. */
body.guide-modal-open{overflow:hidden}
.hero-guide-link{top:calc(var(--course-nav-height,64px) + 8px)}
body:has(#gk3500AccountRecovery) .hero-guide-link{position:static;display:block;margin:12px clamp(16px,4vw,56px)}
.guide-modal,.guide-standalone{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
dialog.guide-modal:not([open]){display:none}
dialog.guide-modal[open]{width:100vw;height:100dvh;box-sizing:border-box}
dialog.guide-modal::backdrop{background:rgba(36,33,21,.30);backdrop-filter:blur(6px)}
.guide-modal .guide-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
[data-guide-root] [hidden]{display:none!important}
[data-guide-root] .guide-finish:not([hidden]){display:inline-flex;align-items:center;justify-content:center;background:#625c3b;color:#fffdf8}
.guide-modal .guide-frame{max-height:calc(100dvh - 48px);box-sizing:border-box}
.guide-modal .guide-slide-stage{overscroll-behavior:contain}
.guide-copy h2,.hero-guide-link{font-family:"Course Display","Smiley Sans","PingFang SC",sans-serif}
.guide-copy p{line-height:1.65}
.guide-standalone-page{padding:12px 16px}
.guide-standalone-top{min-height:40px;display:flex;align-items:center}
.guide-standalone{width:min(1080px,100%);padding:0;margin:12px auto}
.guide-standalone .guide-frame{min-height:260px;height:calc(100dvh - var(--course-nav-height,64px) - 96px);max-height:none;box-sizing:border-box}
.guide-standalone .guide-slide-stage{overscroll-behavior:contain}
.guide-dot-btn{width:28px;height:28px;background:radial-gradient(circle,rgba(98,92,59,.26) 4px,transparent 5px)}
.guide-dot-btn.active{background:radial-gradient(circle,#625c3b 4px,transparent 5px)}
.guide-nav:disabled{opacity:.4;cursor:default}
.guide-frame button:focus-visible{outline:3px solid #625c3b;outline-offset:3px}
@media(max-width:820px){.guide-modal .guide-frame{max-height:calc(100dvh - 20px)}.guide-copy h2{font-size:28px;line-height:1.2}.group-sample{grid-template-columns:1fr}.group-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-window-body{padding:10px}.topbar-sample,.unit-weight-row{flex-wrap:wrap}.rhythm-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-guide-link{left:auto;right:12px;top:calc(var(--course-nav-height,56px) + 8px);font-size:14px;min-width:84px}}