.hk-root{--hk-bg:#f5f5f0;--hk-surface:#fff;--hk-ink:#2b2e38;--hk-sub:#626775;--hk-line:#33374a;--hk-border:#d8d8ce;--hk-accent:#5560d8;--hk-accent-soft:#eceefc;background:var(--hk-bg);min-height:100dvh;color:var(--hk-ink);font-feature-settings:"palt"}.hk-frame{max-width:480px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) clamp(16px, 5vw, 24px) max(16px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.hk-sound-toggle{top:max(12px, env(safe-area-inset-top));z-index:5;appearance:none;cursor:pointer;width:44px;height:44px;color:var(--hk-sub);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,transform .12s;display:flex;position:absolute;right:clamp(12px,5vw,20px)}.hk-sound-toggle:active{transform:scale(.9)}.hk-sound-toggle[aria-pressed=true]{color:var(--hk-accent)}.hk-root button:focus-visible,.hk-root a:focus-visible{outline:3px solid color-mix(in srgb, var(--hk-accent) 72%, white);outline-offset:3px}.hk-home{text-align:center;flex-direction:column;flex:1;align-items:center;gap:clamp(18px,5vw,26px);padding-top:clamp(20px,8vw,40px);display:flex}.hk-about-trigger{top:max(12px, env(safe-area-inset-top));z-index:5;border:1px solid var(--hk-border);background:var(--hk-surface);width:44px;height:44px;color:var(--hk-ink);font:inherit;cursor:pointer;border-radius:50%;font-size:18px;font-weight:600;position:absolute;left:clamp(12px,5vw,20px)}.hk-about-dialog{background:var(--hk-bg);width:min(100%,480px);max-width:none;height:100dvh;max-height:none;color:var(--hk-ink);border:0;margin:0 auto;padding:0}.hk-about-dialog::backdrop{background:#1b1d256b}.hk-about-panel{box-sizing:border-box;min-height:100%;padding:max(16px, env(safe-area-inset-top)) clamp(20px, 6vw, 30px) max(20px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.hk-about-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.hk-about-bar h2{letter-spacing:.06em;margin:0;font-size:clamp(24px,7vw,30px)}.hk-about-close{min-width:56px;min-height:44px;color:var(--hk-sub);font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px}.hk-about-content{text-align:left;flex:1;padding:clamp(32px,9vh,64px) 0 28px;overflow-y:auto}.hk-about-lead{margin:0 0 38px;font-size:clamp(17px,4.8vw,20px);font-weight:600;line-height:1.9}.hk-about-content section+section{margin-top:34px}.hk-about-content h3{letter-spacing:.05em;margin:0 0 10px;font-size:19px}.hk-about-content section p{color:var(--hk-sub);margin:0;font-size:15px;line-height:2}.hk-about-done{flex:none;align-self:center}.hk-hero{flex-direction:column;align-items:center;gap:6px;display:flex}.hk-hero-title{letter-spacing:.14em;margin:0;font-size:clamp(38px,13vw,56px);font-weight:700;line-height:1}.hk-hero-sub{letter-spacing:.08em;color:var(--hk-sub);margin:0;font-size:clamp(14px,4vw,16px)}.hk-eyecatch{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.hk-eyecatch-stage{background:color-mix(in srgb, var(--hk-surface) 78%, transparent);border:1px solid color-mix(in srgb, var(--hk-border) 84%, white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;justify-content:center;align-items:center;width:100%;height:clamp(180px,46vw,220px);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #2b2e3812,inset 0 1px #ffffffb8}.hk-eyecatch-figure{z-index:1;position:relative}.hk-eyecatch-name{opacity:0;align-items:baseline;gap:8px;min-height:1.6em;transition:opacity .5s,transform .5s;display:flex;transform:translateY(4px)}.hk-eyecatch-name.is-on{opacity:1;transform:none}.hk-eyecatch-symbol{color:var(--hk-line);font-size:22px}.hk-eyecatch-kanji{letter-spacing:.08em;font-size:20px;font-weight:600}.hk-eyecatch-reading{letter-spacing:.12em;color:var(--hk-sub);font-size:12px}.hk-home-cta{letter-spacing:.06em;min-width:220px;max-width:100%;padding:0 28px}.hk-ladder{flex-direction:column;gap:8px;width:100%;max-width:340px;margin:0;padding:0;list-style:none;display:flex}.hk-ladder-item{appearance:none;cursor:pointer;border:1px solid var(--hk-border);background:var(--hk-surface);width:100%;min-height:56px;color:var(--hk-sub);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-family:inherit;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;box-shadow:0 4px 12px #2b2e3808}.hk-ladder-item:hover:not(:disabled){border-color:color-mix(in srgb, var(--hk-accent) 45%, var(--hk-border));transform:translateY(-2px);box-shadow:0 8px 18px #2b2e3814}.hk-ladder-item:active:not(:disabled){transform:scale(.99)}.hk-ladder-item:disabled{cursor:default}.hk-ladder-num{border:1.5px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:flex}.hk-ladder-body{text-align:left;flex-direction:column;flex:auto;align-items:flex-start;gap:1px;display:flex}.hk-ladder-label{letter-spacing:.04em;font-size:17px;font-weight:600;line-height:1.3}.hk-ladder-desc{letter-spacing:.02em;color:var(--hk-sub);font-size:12px}.hk-ladder-mark{flex:none;display:inline-block}.hk-ladder-mark path{stroke-dasharray:14;stroke-dashoffset:14px;animation:.4s forwards hk-check-draw}@keyframes hk-check-draw{to{stroke-dashoffset:0}}.hk-ladder-now{letter-spacing:.1em;color:#fff;background:var(--hk-accent);border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:600}.hk-ladder-item.is-current{color:var(--hk-accent);border-color:var(--hk-accent);background:var(--hk-accent-soft)}.hk-ladder-item.is-current .hk-ladder-num{background:var(--hk-accent);border-color:var(--hk-accent);color:#fff}.hk-ladder-item.is-current .hk-ladder-label{color:var(--hk-accent)}.hk-ladder-item.is-done{color:var(--hk-ink)}.hk-ladder-item.is-done .hk-ladder-num{color:var(--hk-sub)}.hk-ladder-item.is-done .hk-ladder-mark{color:var(--hk-accent)}.hk-ladder-item.is-open{color:var(--hk-ink)}.hk-ladder-item.is-locked,.hk-ladder-item.is-soon{opacity:.72;background:0 0;border-style:dashed}.hk-ladder-soon{letter-spacing:.12em;color:var(--hk-sub);flex:none;font-size:10px}.hk-tprog{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;width:100%;max-width:330px;margin:0;padding:0;list-style:none;display:grid}.hk-tprog-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.hk-tprog-label{color:var(--hk-sub);letter-spacing:.08em;margin:0;font-size:12px}.hk-tprog-item{color:var(--hk-line);grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;display:grid}.hk-tprog-symbol{grid-row:1/3;font-size:24px;line-height:1}.hk-tprog-meter{grid-template-columns:repeat(4,4px);gap:2px;display:grid}.hk-tprog-meter i{background:var(--hk-border);border-radius:50%;width:4px;height:4px}.hk-tprog-meter i.is-filled{background:var(--hk-accent)}.hk-tprog-count{color:var(--hk-sub);font-size:9px;line-height:1}.hk-home-foot{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:auto;padding-top:12px;display:flex}.hk-daily-link{appearance:none;border:1px solid var(--hk-border);background:var(--hk-surface);cursor:pointer;color:var(--hk-ink);letter-spacing:.08em;border-radius:999px;min-height:44px;padding:0 24px;font-size:14px;transition:transform .12s,border-color .12s}.hk-daily-link:active{transform:scale(.97)}.hk-support-section{border-top:1px solid var(--hk-border);width:100%;max-width:340px;padding-top:20px}.hk-support-section h2{color:var(--hk-sub);letter-spacing:.12em;margin:0 0 12px;font-size:12px;font-weight:500}.hk-support{gap:10px;display:flex}.hk-support-link{appearance:none;border:1px solid var(--hk-border);background:var(--hk-surface);cursor:pointer;min-width:0;min-height:60px;color:var(--hk-ink);letter-spacing:.08em;border-radius:16px;flex:1;padding:8px 12px;font-size:15px;font-weight:600;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 5px 16px #2b2e380a}.hk-support-link:hover,.hk-daily-link:hover{border-color:color-mix(in srgb, var(--hk-accent) 48%, var(--hk-border));transform:translateY(-2px);box-shadow:0 8px 18px #2b2e3814}.hk-support-link:active{border-color:var(--hk-accent);transform:scale(.97)}.hk-rights{color:var(--hk-sub);letter-spacing:.12em;margin:4px 0 0;font-size:10px;text-decoration:none}.hk-rights:hover{color:var(--hk-accent)}.hk-cta{appearance:none;cursor:pointer;background:var(--hk-accent);color:#fff;letter-spacing:.14em;min-height:52px;box-shadow:0 8px 18px color-mix(in srgb, var(--hk-accent) 24%, transparent);border:none;border-radius:999px;padding:0 44px;font-size:16px;font-weight:600;transition:transform .18s,opacity .18s,box-shadow .18s}.hk-cta:hover:not(:disabled){box-shadow:0 12px 24px color-mix(in srgb, var(--hk-accent) 30%, transparent);transform:translateY(-2px)}.hk-cta:active{opacity:.9;transform:scale(.97)}.hk-cta:disabled{opacity:.4;cursor:default}.hk-intro-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.hk-cta--ghost{color:var(--hk-sub);border:1px solid var(--hk-border);background:0 0;min-height:46px;font-weight:500}.hk-top-link{appearance:none;cursor:pointer;color:var(--hk-sub);background:0 0;border:none;margin:-8px 0 0 -6px;padding:8px 6px;font-size:13px}.hk-top-bar{display:flex}.hk-build{flex-direction:column;flex:1;gap:clamp(12px,3vw,18px);min-height:0;display:flex}.hk-dots{justify-content:center;gap:10px;padding:4px 0;display:flex}.hk-dot{background:var(--hk-border);border-radius:999px;width:7px;height:7px;transition:background .3s,transform .3s}.hk-dot.is-done{background:var(--hk-line);opacity:.45}.hk-dot.is-now{background:var(--hk-accent);transform:scale(1.35)}.hk-guide{justify-content:center;align-items:center;gap:14px;min-height:64px;display:flex}.hk-guide-label{letter-spacing:.22em;color:var(--hk-sub);writing-mode:vertical-rl;font-size:11px}.hk-guide .hk-fig{opacity:.5}.hk-cue{flex-direction:column;align-items:center;gap:2px;display:flex}.hk-cue-kanji{font-size:34px;font-weight:600;line-height:1.2}.hk-cue-reading{letter-spacing:.18em;color:var(--hk-sub);font-size:12px}.hk-soft-hint{margin-left:18px;animation:.4s forwards hk-soft-in}.hk-soft-hint .hk-fig{opacity:1}@keyframes hk-soft-in{0%{opacity:0}to{opacity:.4}}.hk-stage{background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #2b2e380d,inset 0 1px #ffffffb3}.hk-stage:has(.hk-card){flex:none;min-height:420px}.hk-stage-canvas{width:100%;height:100%;position:absolute;inset:0}.hk-stage-figure{z-index:1;position:relative}.hk-hint{text-align:center;color:var(--hk-sub);letter-spacing:.12em;min-height:1.5em;font-size:13px}.hk-buttons{gap:12px;padding-bottom:4px;display:flex}.hk-yy-btn{appearance:none;cursor:pointer;border:1px solid var(--hk-border);background:var(--hk-surface);min-height:76px;color:var(--hk-ink);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:9px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;box-shadow:0 5px 15px #2b2e380a}.hk-yy-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--hk-accent) 46%, var(--hk-border));transform:translateY(-3px);box-shadow:0 10px 22px #2b2e3817}.hk-yy-btn:active{border-color:var(--hk-accent);background:var(--hk-accent-soft);transform:scale(.96)}.hk-yy-btn:disabled{opacity:.4;pointer-events:none}.hk-yy-glyph{gap:8px;display:flex}.hk-yy-glyph i{background:var(--hk-line);border-radius:3px;width:34px;height:6px;display:block}.hk-yy-glyph.is-yin i{width:15px}.hk-yy-label{letter-spacing:.3em;color:var(--hk-sub);margin-left:.3em;font-size:13px}.hk-fig{gap:var(--hk-fig-gap,12px);flex-direction:column-reverse;display:flex}.hk-slot{height:var(--hk-fig-bar,12px);width:var(--hk-fig-w,120px);justify-content:space-between;display:flex}.hk-slot.is-empty{border:1.5px dashed var(--hk-border);border-radius:6px}.hk-bar{background:var(--hk-line);border-radius:6px;height:100%}.hk-bar.is-yang{width:100%}.hk-bar.is-yin{width:43%}.hk-slot.is-highlight .hk-bar{background:var(--hk-accent)}.hk-slot:not(.is-empty){transition:transform .2s,filter .2s}.hk-slot:not(.is-empty):hover{filter:drop-shadow(0 3px 4px #2b2e3824);transform:translateY(-2px)}.hk-slot.is-ghost .hk-bar{animation:.35s forwards hk-ghost}@keyframes hk-ghost{0%{opacity:0;transform:translateY(10px)}35%{opacity:.5;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.hk-card{z-index:2;text-align:center;background:color-mix(in srgb, var(--hk-surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff8f;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:clamp(18px,5vw,28px);display:flex;position:absolute;inset:0;overflow-y:auto;box-shadow:inset 0 1px #ffffffb3}.hk-card-kanji{margin:4px 0 0;font-size:clamp(46px,14vw,60px);font-weight:600;line-height:1.15}.hk-card-reading{letter-spacing:.3em;color:var(--hk-sub);margin-left:.3em;font-size:13px}.hk-card-nature{background:var(--hk-accent-soft);color:var(--hk-accent);letter-spacing:.2em;border-radius:999px;align-items:center;gap:6px;margin-top:8px;margin-left:.2em;padding:5px 16px;font-size:14px;font-weight:600;display:inline-flex}.hk-card-image{color:var(--hk-ink);margin:12px 0 0;font-size:clamp(14px,3.8vw,15px);line-height:1.9}.hk-card-story{color:var(--hk-sub);margin:2px 0 0;font-size:12px;line-height:1.8}.hk-card .hk-cta{margin-top:18px}.hk-card-extra{justify-content:center;align-items:center;width:min(100%,180px);min-height:86px;display:flex;position:relative}.hk-card:has(.hk-card-extra){gap:3px;padding:12px 16px}.hk-card:has(.hk-card-extra) .hk-card-extra{max-width:150px;min-height:62px}.hk-card:has(.hk-card-extra) .hk-success-visual{height:62px}.hk-card:has(.hk-card-extra) .hk-card-kanji{margin-top:0;font-size:clamp(36px,11vw,46px)}.hk-card:has(.hk-card-extra) .hk-card-nature{margin-top:2px;padding-block:3px}.hk-card:has(.hk-card-extra) .hk-card-image{margin-top:3px;line-height:1.5}.hk-card:has(.hk-card-extra) .hk-card-story{line-height:1.45}.hk-card:has(.hk-card-extra) .hk-cta{margin-top:6px}.hk-success-visual{background:color-mix(in srgb, var(--hk-accent-soft) 65%, transparent);border-radius:16px;width:100%;height:86px;position:relative;overflow:hidden}.hk-nature-success>span{z-index:1;color:var(--hk-sub);letter-spacing:.12em;font-size:11px;position:absolute;bottom:7px;right:9px}.hk-choices{gap:10px;padding-bottom:4px;display:flex}.hk-choice{appearance:none;cursor:pointer;border:1px solid var(--hk-border);background:var(--hk-surface);min-height:64px;color:var(--hk-ink);border-radius:18px;flex:1;font-size:24px;font-weight:600;transition:transform .12s,opacity .45s,border-color .12s}.hk-choice:active{border-color:var(--hk-accent);transform:scale(.95)}.hk-choice.is-faded{opacity:.18;pointer-events:none}.hk-choice:disabled:not(.is-faded){opacity:.55;pointer-events:none}.hk-pick-stage{flex-direction:column;gap:12px}.hk-choices{flex-wrap:wrap}.hk-prompt-text{letter-spacing:.04em;font-size:clamp(42px,15vw,64px);font-weight:700}.hk-choice.is-figure{justify-content:center;align-items:center;padding:10px;display:flex}.hk-choices.is-eight{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hk-choices.is-eight .hk-choice{min-height:56px;font-size:20px}.hk-fill-prompt{letter-spacing:.12em;margin:14px 0 0;font-size:clamp(28px,9vw,38px);font-weight:600}.hk-fill-blank{color:var(--hk-accent);border-bottom:2px solid var(--hk-accent);margin-left:2px;padding:0 6px}.hk-fill-reveal{flex-direction:column;align-items:center;gap:6px;margin-top:16px;display:flex}.hk-fill-full{letter-spacing:.12em;font-size:clamp(24px,8vw,32px);font-weight:700}.hk-fill-modern{color:var(--hk-sub);letter-spacing:.04em;font-size:13px}.hk-fill-reveal .hk-cta{margin-top:12px}.hk-stage-eyebrow{text-align:center;letter-spacing:.18em;color:var(--hk-sub);margin:2px 0 0;font-size:12px}.hk-stage-motif{border:1px solid color-mix(in srgb, var(--hk-accent) 32%, var(--hk-border));background:color-mix(in srgb, var(--hk-accent-soft) 62%, transparent);width:58px;height:58px;color:var(--hk-accent);border-radius:18px;flex:none;place-items:center;margin:2px auto 6px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #2b2e380f}.hk-stage-motif:before,.hk-stage-motif:after{content:"";opacity:.12;background:currentColor;width:34px;height:1px;position:absolute;transform:rotate(45deg)}.hk-stage-motif:after{transform:rotate(-45deg)}.hk-stage-motif>span{z-index:1;font-size:25px;font-weight:600;line-height:1;position:relative}.hk-review-glyph{width:36px;height:26px;display:block;position:relative}.hk-review-glyph:before,.hk-review-glyph:after{content:"";opacity:.42;transform-origin:50%;background:currentColor;height:1px;position:absolute;left:8px;right:8px}.hk-review-glyph:before{top:9px;transform:rotate(-28deg)}.hk-review-glyph:after{bottom:8px;transform:rotate(28deg)}.hk-review-glyph i{background:var(--hk-accent-soft);border:2px double;border-radius:3px;width:9px;height:9px;position:absolute}.hk-review-glyph i:first-child{top:8px;left:0}.hk-review-glyph i:nth-child(2){top:0;right:0}.hk-review-glyph i:nth-child(3){bottom:0;right:0}.hk-stage-note{max-width:340px;color:var(--hk-sub);text-align:center;margin:0 auto;font-size:12px;line-height:1.7}.hk-yomu-intro{flex-direction:column;align-items:center;gap:12px;max-width:320px;display:flex}.hk-yomu-intro .hk-teach-note{line-height:1.8}.hk-build>.hk-cta{align-self:center}.hk-teach{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.hk-teach-mnemonic{letter-spacing:.14em;margin:10px 0 0;font-size:clamp(30px,10vw,44px);font-weight:700}.hk-teach-reading{letter-spacing:.12em;color:var(--hk-sub);margin:0;font-size:14px}.hk-teach-meaning{color:var(--hk-ink);margin:8px 0 0;font-size:clamp(16px,4.6vw,19px)}.hk-pair-label{text-align:center;letter-spacing:.06em;color:var(--hk-accent);margin:8px 0 0;font-size:clamp(15px,4.6vw,18px);font-weight:600}.hk-pair{flex:1;justify-content:center;align-items:center;gap:clamp(18px,8vw,40px);display:flex}.hk-pair-cell{flex-direction:column;align-items:center;gap:8px;display:flex}.hk-family-portrait{flex-direction:column;align-items:center;gap:3px;width:clamp(92px,28vw,132px);margin:0;display:flex}.hk-family-portrait img{aspect-ratio:1;object-fit:cover;border:1px solid var(--hk-border);background:#fff;border-radius:16px;width:100%;height:auto;display:block}.hk-family-portrait figcaption{color:var(--hk-sub);font-size:12px}.hk-card-extra .hk-family-portrait{width:62px}.hk-pair:has(.hk-family-portrait){gap:clamp(6px,2vw,14px)}.hk-pair:has(.hk-family-portrait) .hk-family-portrait{width:clamp(72px,23vw,110px)}.hk-pair:has(.hk-family-portrait) .hk-fig{margin-block:-5px;transform:scale(.8)}.hk-verb-motion{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:112px;min-height:82px;display:flex}.hk-verb-motion.is-compact{width:34px;min-height:34px}.hk-verb-shape{width:58px;height:48px;display:block;position:relative}.hk-verb-motion.is-compact .hk-verb-shape{transform:scale(.56)}.hk-verb-shape i{border:2px solid var(--hk-accent);background:var(--hk-accent-soft);border-radius:50%;width:18px;height:18px;margin:-9px;position:absolute;top:50%;left:50%}.hk-verb-caption{color:var(--hk-accent);font-size:13px;font-weight:600}.is-verb-0 .hk-verb-shape i{animation:1.2s ease-out infinite hk-verb-create}.is-verb-0 .hk-verb-shape i:nth-child(2){animation-delay:.2s}.is-verb-0 .hk-verb-shape i:nth-child(3){animation-delay:.4s}.is-verb-1 .hk-verb-shape{animation:1s ease-in-out infinite hk-verb-bounce}.is-verb-1 .hk-verb-shape i:nth-child(2){transform:translate(-18px)}.is-verb-1 .hk-verb-shape i:nth-child(3){transform:translate(18px)}.is-verb-2 .hk-verb-shape i{animation:1.2s ease-in-out infinite hk-verb-light}.is-verb-2 .hk-verb-shape i:nth-child(2){transform:scale(1.7)}.is-verb-2 .hk-verb-shape i:nth-child(3){transform:scale(2.5)}.is-verb-3 .hk-verb-shape i{animation:1.1s ease-in-out infinite hk-verb-move}.is-verb-3 .hk-verb-shape i:nth-child(2){animation-delay:.15s}.is-verb-3 .hk-verb-shape i:nth-child(3){animation-delay:.3s}.is-verb-4 .hk-verb-shape i:first-child{animation:1.2s ease-in-out infinite hk-verb-enter-left}.is-verb-4 .hk-verb-shape i:nth-child(2){animation:1.2s ease-in-out infinite hk-verb-enter-right}.is-verb-5 .hk-verb-shape{animation:1.25s ease-in infinite hk-verb-fall}.is-verb-6 .hk-verb-shape i{border-radius:3px}.is-verb-6 .hk-verb-shape i:nth-child(2){transform:translate(-20px)}.is-verb-6 .hk-verb-shape i:nth-child(3){transform:translate(20px)}.is-verb-7 .hk-verb-shape i:first-child{animation:1.3s ease-in-out infinite hk-verb-embrace-left}.is-verb-7 .hk-verb-shape i:nth-child(2){animation:1.3s ease-in-out infinite hk-verb-embrace-right}@keyframes hk-verb-create{0%{opacity:.8;transform:scale(.35)}to{opacity:0;transform:scale(2.5)}}@keyframes hk-verb-bounce{0%,to{transform:translateY(5px)scaleX(1.08)}50%{transform:translateY(-9px)scaleX(.94)}}@keyframes hk-verb-light{0%,to{opacity:.2}50%{opacity:1;box-shadow:0 0 14px var(--hk-accent)}}@keyframes hk-verb-move{0%{opacity:0;transform:translate(-22px)}60%{opacity:1}to{opacity:0;transform:translate(22px)}}@keyframes hk-verb-enter-left{0%,to{transform:translate(-22px)}50%{transform:translate(-5px)scale(.7)}}@keyframes hk-verb-enter-right{0%,to{transform:translate(22px)}50%{transform:translate(5px)scale(.7)}}@keyframes hk-verb-fall{0%{opacity:.3;transform:translateY(-9px)}75%,to{opacity:1;transform:translateY(10px)}}@keyframes hk-verb-embrace-left{0%,to{transform:translate(-24px)}50%{transform:translate(-9px)scaleY(1.5)}}@keyframes hk-verb-embrace-right{0%,to{transform:translate(24px)}50%{transform:translate(9px)scaleY(1.5)}}.hk-pair-kanji{font-size:26px;font-weight:700}.hk-pair-feature{color:var(--hk-sub);letter-spacing:.02em;font-size:13px}.hk-teach-title{letter-spacing:.06em;margin:0;font-size:clamp(16px,4.8vw,19px);font-weight:600}.hk-teach-note{color:var(--hk-sub);letter-spacing:.04em;margin:6px 0 0;font-size:13px}.hk-teach-grid{grid-template-columns:repeat(4,1fr);gap:12px 10px;width:100%;max-width:340px;display:grid}.hk-teach-item{flex-direction:column;align-items:center;gap:5px;display:flex}.hk-teach-item-main{font-size:16px;font-weight:600}.hk-teach-item-sub{color:var(--hk-sub);font-size:11px}.hk-teach-item{border-radius:12px;padding:6px 2px;transition:background .15s}.hk-teach-item.is-active{background:var(--hk-accent-soft)}.hk-teach-item.is-active .hk-teach-item-main{color:var(--hk-accent)}.hk-rhythm-play{margin-top:6px}.hk-teach-list{flex-direction:column;gap:8px;width:100%;max-width:300px;margin:0;padding:0;list-style:none;display:flex}.hk-teach-list-row{grid-template-columns:34px 48px 2.4em 1fr;align-items:center;gap:12px;display:grid}.hk-teach-list-kanji{font-size:18px;font-weight:700}.hk-teach-list-verb{color:var(--hk-ink);font-size:15px}.hk-teach-list-action{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.hk-teach-list-description{color:var(--hk-sub);font-size:11px;line-height:1.5}.hk-pair-description{max-width:130px;color:var(--hk-sub);font-size:11px;line-height:1.5}.hk-board-wrap{flex-direction:column;align-items:center;gap:16px;margin-top:8px;display:flex}.hk-board{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:300px;display:grid}.hk-board-cell{appearance:none;cursor:pointer;border:1px solid var(--hk-border);background:var(--hk-surface);color:var(--hk-ink);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:0;transition:transform .12s,border-color .12s,background .12s;display:flex}.hk-board-dir{letter-spacing:.04em;color:var(--hk-sub);font-size:15px}.hk-board-cell.is-filled{border-color:var(--hk-accent);background:var(--hk-accent-soft);cursor:default}.hk-board-cell.is-wrong{animation:.3s hk-seq-shake}.hk-board-cell.is-ref{cursor:default}.hk-board-reflabel{color:var(--hk-sub);font-size:10px}.hk-board--ref{pointer-events:none}.hk-board-tray{flex-wrap:wrap;justify-content:center;gap:10px;min-height:52px;display:flex}.hk-tray-item{appearance:none;cursor:pointer;border:1px solid var(--hk-border);background:var(--hk-surface);border-radius:12px;padding:8px 12px;transition:transform .12s,border-color .12s,background .12s}.hk-tray-item:active{transform:scale(.95)}.hk-tray-item.is-selected{border-color:var(--hk-accent);background:var(--hk-accent-soft)}.hk-home-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hk-review-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.hk-chant-steps{letter-spacing:.06em;color:var(--hk-sub);justify-content:center;align-items:center;gap:10px;margin:6px 0 4px;font-size:13px;display:flex}.hk-chant-steps .is-on{color:var(--hk-accent);font-weight:600}.hk-chant-steps-arrow{opacity:.4}.hk-chant-lead{text-align:center;margin:8px 0 4px}.hk-chant-lead-title{letter-spacing:.04em;margin:0;font-size:clamp(17px,5vw,20px);font-weight:600}.hk-chant-lead-line{letter-spacing:.08em;color:var(--hk-sub);margin:6px 0 0;font-size:clamp(13px,3.8vw,15px)}.hk-chant-lead-note{max-width:340px;color:var(--hk-sub);margin:7px auto 0;font-size:12px;line-height:1.6}.hk-chant-readout{justify-content:center;align-items:baseline;gap:10px;min-height:2em;margin:10px 0;display:flex}.hk-chant-symbol{color:var(--hk-line);font-size:26px}.hk-chant-kanji{letter-spacing:.06em;font-size:32px;font-weight:700}.hk-chant-reading{letter-spacing:.12em;color:var(--hk-sub);font-size:14px}.hk-chant-grid,.hk-seq-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:360px;margin:0 auto;padding:0;list-style:none;display:grid}.hk-chant-cell{appearance:none;cursor:pointer;border:1px solid var(--hk-border);background:var(--hk-surface);width:100%;color:var(--hk-ink);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;transition:transform .12s,border-color .12s,background .12s;display:flex}.hk-chant-cell:active{transform:scale(.96)}.hk-chant-cell-kanji{font-size:22px;font-weight:600}.hk-chant-cell-reading{color:var(--hk-sub);font-size:11px}.hk-chant-cell.is-seen{border-color:var(--hk-sub)}.hk-chant-cell.is-active{border-color:var(--hk-accent);background:var(--hk-accent-soft)}.hk-chant-cell.is-active .hk-chant-cell-kanji{color:var(--hk-accent)}.hk-chant-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.hk-chant-controls .hk-cta{padding:0 24px}.hk-seq{flex-direction:column;gap:16px;margin-top:8px;display:flex}.hk-seq-cell{appearance:none;cursor:pointer;border:1px solid var(--hk-border);background:var(--hk-surface);width:100%;min-height:60px;color:var(--hk-ink);border-radius:14px;font-size:22px;font-weight:600;transition:transform .12s,border-color .12s,background .12s,opacity .3s;position:relative}.hk-seq-cell.is-placed{border-color:var(--hk-accent);background:var(--hk-accent-soft);color:var(--hk-accent)}.hk-seq-cell.is-wrong{animation:.3s hk-seq-shake}.hk-seq-num{color:var(--hk-accent);font-size:11px;font-weight:600;position:absolute;top:4px;right:7px}@keyframes hk-seq-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.hk-zukan{flex-direction:column;flex:1;gap:clamp(12px,3vw,16px);min-height:0;display:flex}.hk-zukan-head{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.hk-zukan-back{appearance:none;cursor:pointer;color:var(--hk-sub);background:0 0;border:none;padding:8px 6px;font-size:14px}.hk-zukan-title{letter-spacing:.3em;color:var(--hk-sub);font-size:12px}.hk-zukan-stage{flex:none;height:32dvh;min-height:200px}.hk-zukan-caption{text-align:center;flex-direction:column;gap:2px;display:flex}.hk-zukan-kanji{font-size:24px;font-weight:600}.hk-zukan-reading{color:var(--hk-sub);letter-spacing:.14em;margin-left:10px;font-size:12px;font-weight:400}.hk-zukan-image{color:var(--hk-sub);margin:0;font-size:13px;line-height:1.7}.hk-zukan-tabs,.hk-column-filters{gap:8px;display:flex}.hk-zukan-tabs button,.hk-column-filters button{appearance:none;border:1px solid var(--hk-border);background:var(--hk-surface);min-height:44px;color:var(--hk-sub);font:inherit;cursor:pointer;border-radius:999px;flex:1;font-size:13px}.hk-zukan-tabs button[aria-selected=true],.hk-column-filters button[aria-pressed=true]{border-color:var(--hk-accent);background:var(--hk-accent-soft);color:var(--hk-accent);font-weight:600}.hk-column-library{flex-direction:column;gap:14px;padding-bottom:24px;display:flex}.hk-column-progress{text-align:center;color:var(--hk-sub);letter-spacing:.08em;margin:0;font-size:13px}.hk-column-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hk-column-collection{border:1px solid var(--hk-border);background:var(--hk-surface);border-radius:18px;grid-template-columns:repeat(8,1fr);gap:7px;padding:16px;display:grid}.hk-column-collection span{aspect-ratio:1;background:var(--hk-border);opacity:.55;border-radius:50%}.hk-column-collection span.is-read{background:var(--hk-accent);opacity:1;box-shadow:0 0 0 3px var(--hk-accent-soft)}.hk-column-empty{text-align:center;color:var(--hk-sub);margin:4px 0 0;font-size:13px;line-height:1.8}.hk-column-entry,.hk-column-locked{border:1px solid var(--hk-border);background:var(--hk-surface);border-radius:16px}.hk-column-entry>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.hk-column-entry>summary>span:first-child{min-width:0}.hk-column-read{color:var(--hk-accent);letter-spacing:.08em;flex:none;font-size:10px;font-weight:600}.hk-column-entry[open]>summary{border-bottom:1px solid var(--hk-border)}.hk-column-entry .hk-column-card{border:0;border-radius:0 0 16px 16px}.hk-column-locked{min-height:48px;color:var(--hk-sub);opacity:.62;align-items:center;padding:10px 16px;font-size:13px;display:flex}.hk-kasaneru-stage{flex:none;height:32dvh;min-height:200px}.hk-complete{border:1px solid color-mix(in srgb, var(--hk-border) 82%, white);background:color-mix(in srgb, var(--hk-surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:26px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:22px;width:100%;margin-block:12px;padding:clamp(22px,6vw,30px) clamp(16px,5vw,24px);display:flex;overflow-y:auto;box-shadow:0 16px 36px #2b2e3812,inset 0 1px #ffffffb8}.hk-celebration{flex:none;width:72px;height:72px;position:relative}.hk-celebration-orbit{animation:.4s ease-out both hk-celebrate-orbit;position:absolute;inset:0}.hk-celebration-orbit i{background:var(--hk-accent);width:7px;height:7px;transform:rotate(calc(var(--hk-i) * 45deg)) translateY(-30px);border-radius:50%;margin:-3.5px;position:absolute;top:50%;left:50%}.hk-celebration-orbit i:first-child{--hk-i:0}.hk-celebration-orbit i:nth-child(2){--hk-i:1}.hk-celebration-orbit i:nth-child(3){--hk-i:2}.hk-celebration-orbit i:nth-child(4){--hk-i:3}.hk-celebration-orbit i:nth-child(5){--hk-i:4}.hk-celebration-orbit i:nth-child(6){--hk-i:5}.hk-celebration-orbit i:nth-child(7){--hk-i:6}.hk-celebration-orbit i:nth-child(8){--hk-i:7}@keyframes hk-celebrate-orbit{0%{opacity:0;transform:scale(.62)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hk-celebration-check{width:32px;height:32px;color:var(--hk-accent);position:absolute;inset:20px}.hk-celebration-check path{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:28;stroke-dashoffset:28px;animation:.32s 80ms forwards hk-celebration-check}@keyframes hk-celebration-check{to{stroke-dashoffset:0}}.hk-complete-title{letter-spacing:.12em;margin:0;font-size:clamp(20px,6vw,24px);font-weight:600}.hk-complete-sub{color:var(--hk-sub);margin:-10px 0 0;font-size:13px;line-height:1.8}.hk-discovery{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding-block:40px 24px;display:flex}.hk-discovery-kicker{color:var(--hk-accent);letter-spacing:.18em;margin:0;font-size:12px;font-weight:600}.hk-column-card{border:1px solid var(--hk-border);background:color-mix(in srgb, var(--hk-surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;border-radius:24px;width:100%;padding:clamp(22px,7vw,34px);animation:.4s both hk-paper-in;box-shadow:0 14px 32px #2b2e3812,inset 0 1px #ffffffb8}@keyframes hk-paper-in{0%{opacity:0;transform:translateY(10px)rotate(-.4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.hk-column-card.is-compact{border-radius:18px;padding:18px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hk-eyecatch-stage,.hk-card,.hk-complete,.hk-column-card{background:var(--hk-surface)}}.hk-column-category{color:var(--hk-accent);letter-spacing:.14em;align-items:center;gap:7px;margin:0 0 10px;font-size:11px;font-weight:600;display:inline-flex}.hk-column-icon{border:1px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:inline-grid}.hk-column-tags{gap:7px;margin:-2px 0 12px;display:flex}.hk-column-tag{border:1px solid color-mix(in srgb, var(--hk-accent) 34%, var(--hk-border));width:30px;height:24px;color:var(--hk-accent);background:color-mix(in srgb, var(--hk-accent-soft) 56%, transparent);letter-spacing:-.04em;border-radius:8px;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.hk-jung-rings{width:20px;height:12px;position:relative}.hk-jung-rings i{border:1.5px solid;border-radius:50%;width:10px;height:10px;position:absolute;top:1px}.hk-jung-rings i:first-child{left:1px}.hk-jung-rings i:last-child{right:1px}.hk-column-title{letter-spacing:.03em;margin:0;font-size:clamp(20px,6vw,26px);line-height:1.45}.hk-column-card.is-compact .hk-column-title{font-size:17px}.hk-column-body{color:var(--hk-ink);margin:16px 0 0;font-size:14px;line-height:2}.hk-column-card.is-compact .hk-column-body{font-size:13px;line-height:1.85}.hk-column-source{color:var(--hk-sub);margin-top:18px;font-size:12px}.hk-column-source summary{cursor:pointer;min-height:44px;color:var(--hk-accent);align-items:center;display:inline-flex}.hk-column-source p{border-top:1px solid var(--hk-border);overflow-wrap:anywhere;margin:4px 0 0;padding-top:10px;line-height:1.7}.hk-complete-discovery{flex-direction:column;gap:8px;width:100%;display:flex}.hk-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.hk-cell{appearance:none;cursor:pointer;font:inherit;color:inherit;background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 4px 12px;transition:transform .12s,border-color .12s;display:flex}.hk-cell:active{transform:scale(.96)}.hk-cell.is-selected{border-color:var(--hk-accent)}.hk-cell-kanji{font-size:20px;font-weight:600;line-height:1}.hk-cell-meta{color:var(--hk-sub);letter-spacing:.08em;font-size:10px}@media (prefers-reduced-motion:reduce){.hk-root *,.hk-root :before,.hk-root :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.hk-column-card{animation:none}.hk-ladder-mark path{stroke-dashoffset:0;animation:none}.hk-celebration-orbit,.hk-celebration-check path{animation:none}.hk-celebration-check path{stroke-dashoffset:0}.hk-ladder-item:hover:not(:disabled),.hk-support-link:hover,.hk-daily-link:hover,.hk-cta:hover:not(:disabled),.hk-yy-btn:hover:not(:disabled),.hk-slot:not(.is-empty):hover{transform:none}.hk-verb-motion,.hk-verb-motion *,.hk-verb-shape,.hk-verb-shape *{animation:none!important}}