.km-guide{border:1px solid var(--ab-line);background:var(--ab-surface);width:100%;max-width:430px;color:var(--ab-ink);box-sizing:border-box;text-align:center;border-radius:18px;margin:0 auto;padding:16px}.km-guide *{box-sizing:border-box}.km-guide-meta{color:var(--ab-muted);justify-content:space-between;gap:8px;font-size:12px;line-height:1.3;display:flex}.km-guide h3{margin:13px 0 8px;font-size:21px;line-height:1.2}.km-guide>p{margin:0 0 10px;font-size:13px;line-height:1.4}.km-guide-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.km-guide-tile{background:var(--ab-raised);border:2px solid var(--ab-line-strong);border-radius:14px;justify-content:center;align-items:center;height:80px;display:flex;position:relative}.km-guide-tile.is-target{background:var(--ab-orange-soft);border-color:var(--ab-orange-ink)}.km-guide-tile>.km-art{width:64px;height:64px}.km-guide-tile>span{color:var(--ab-orange-ink);font-size:32px;font-weight:800}.km-guide-tile>small{color:var(--ab-muted);font-size:11px;position:absolute;bottom:4px;right:7px}.km-guide-dock{align-items:center;min-height:90px;display:flex}.km-guide-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.km-guide-options>button{border:2px solid var(--ab-line-strong);background:var(--ab-raised);min-width:44px;min-height:85px;color:var(--ab-ink);cursor:pointer;touch-action:manipulation;font:inherit;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:5px 2px;display:flex}.km-guide-options .km-art{width:43px;max-width:90%;height:43px}.km-guide-options span{font-size:11.5px;line-height:1.2}.km-guide-feedback{background:var(--ab-raised);width:100%;min-height:72px;color:var(--ab-muted);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;line-height:1.4;display:flex}.km-guide-feedback svg{flex:none;width:24px;height:24px}.km-guide-feedback.is-good{background:var(--ab-mint-soft);color:var(--ab-mint-ink)}.km-guide-feedback.is-wrong{background:var(--ab-orange-soft);color:var(--ab-orange-ink)}.km-guide .km-guide-next{justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;font-size:14px;display:flex}.km-guide-next svg{width:18px;height:18px}.km-guide-note{color:var(--ab-muted);margin-top:10px;font-size:12px;line-height:1.35;display:block}.km-guide-mirror{justify-content:center;align-items:center;gap:6px;display:flex}.km-guide-mirror svg{width:16px;height:16px}.km-guide button:focus-visible{outline:3px solid var(--ab-orange-ink);outline-offset:2px}@media (max-width:360px){.km-guide{padding:11px}.km-guide h3{font-size:19px}.km-guide-meta,.km-guide-options span{font-size:11px}.km-guide-tile{height:72px}}.km-guide-dock.is-intro{display:none}.km-guide[data-guide-fill]{flex-direction:column;max-width:500px;display:flex;overflow:hidden}.km-guide[data-guide-fill] .km-guide-meta,.km-guide[data-guide-fill]>h3,.km-guide[data-guide-fill]>p,.km-guide[data-guide-fill] .km-guide-dock,.km-guide[data-guide-fill]>.km-guide-next,.km-guide[data-guide-fill]>.km-guide-note{flex:none}.km-guide[data-guide-fill] .km-guide-board{flex:1 1 0;grid-template-rows:repeat(2,minmax(0,1fr));min-height:100px;max-height:220px;margin:8px 0}.km-guide[data-guide-fill] .km-guide-tile{height:auto;min-height:0}.km-guide[data-guide-fill] .km-guide-tile>.km-art{max-width:80%;max-height:85%}@media (max-width:480px){.km-guide[data-guide-fill]{padding:8px}.km-guide[data-guide-fill] .km-guide-meta{min-height:14px;font-size:10.5px}.km-guide[data-guide-fill]>h3{margin:6px 0;font-size:19px;line-height:1.15}.km-guide[data-guide-fill]>p{margin:0;font-size:12px;line-height:1.3}.km-guide[data-guide-fill] .km-guide-dock{min-height:72px;max-height:80px;margin-bottom:6px}.km-guide[data-guide-fill] .km-guide-dock.is-intro{display:none}.km-guide[data-guide-fill] .km-guide-feedback{min-height:62px;padding:7px;font-size:12px}.km-guide[data-guide-fill] .km-guide-options>button{min-height:70px}.km-guide[data-guide-fill] .km-guide-options .km-art{width:39px;height:39px}.km-guide[data-guide-fill]>.km-guide-note{margin-top:6px;font-size:10.5px;line-height:1.2}}