.gf{margin:22px 0 8px;padding:0}.gf-cap{color:#ffffff80;text-align:center;letter-spacing:.2px;margin:12px 0 8px;font-size:13px}.gf .gf-glyph{font-weight:700;line-height:1}.gf .gf-roman{color:#ffffff8c;font-size:12px}.gf-bubbles{flex-direction:column;gap:12px;margin:20px 0;display:flex}.gf-bubble{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;max-width:82%;padding:12px 16px}.gf-bubble.left{background:linear-gradient(135deg,#ff2e5429,#ff2e540d);border-color:#ff2e5447;border-bottom-left-radius:5px;align-self:flex-start}.gf-bubble.right{background:linear-gradient(135deg,#4da3ff29,#4da3ff0d);border-color:#4da3ff47;border-bottom-right-radius:5px;align-self:flex-end}.gf-bubble-ko{color:#fff;font-size:19px;font-weight:700;line-height:1.4}.gf-bubble-roman{color:#ffffff80;margin-top:2px;font-size:13px}.gf-bubble-mean{color:#ffffffc7;border-top:1px solid #ffffff1a;margin-top:7px;padding-top:7px;font-size:14px}.gf-jamo-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:6px;display:grid}.gf-card{aspect-ratio:1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.gf-card.c{border-color:#ff2e5459}.gf-card.v{border-color:#4da3ff59}.gf-card .gf-glyph{color:#fff;font-size:26px}.gf-kbd-rows{background:#ffffff0a;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;gap:7px;padding:14px;display:flex;overflow-x:auto}.gf-kbd-row{justify-content:flex-start;gap:7px;display:flex}.gf-key{background:#ffffff12;border:1px solid #ffffff1f;border-radius:9px;flex:none;justify-content:center;align-items:center;width:44px;height:48px;display:flex;position:relative}.gf-key.c{background:linear-gradient(160deg,#ff2e5438,#ff2e5412);border-color:#ff2e5466}.gf-key.v{background:linear-gradient(160deg,#4da3ff38,#4da3ff12);border-color:#4da3ff66}.gf-key-lat{color:#fff6;font-size:9px;position:absolute;top:3px;left:5px}.gf-key-jamo{color:#fff;font-size:20px;font-weight:700}.gf-legend{justify-content:center;gap:16px;margin-top:12px;font-size:13px;display:flex}.gf-lg{color:#ffffffb3;align-items:center;gap:6px;display:inline-flex}.gf-lg:before{content:"";border-radius:4px;width:12px;height:12px}.gf-lg.c:before{background:#ff2e54}.gf-lg.v:before{background:#4da3ff}.gf-mouth-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.gf-mouth-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;display:flex}.gf-mouth-head{align-items:baseline;gap:8px;display:flex}.gf-mouth-head .gf-glyph{color:#fff;font-size:30px}.gf-lips{display:block}.gf-mouth-tip{color:#ffffffb8;margin:2px 0 0;font-size:13px;line-height:1.55}.gf-compare-grid{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:.9fr 1.1fr 1.1fr;gap:1px;display:grid;overflow:hidden}.gf-cc{color:#fffc;background:#0d1018;align-items:center;padding:12px 10px;font-size:13.5px;display:flex}.gf-cc.head{justify-content:center;font-size:14px;font-weight:700}.gf-cc.lbl{color:#ffffff8c;font-weight:600}.gf-cc.win{color:#fff;background:linear-gradient(160deg,#4da3ff29,#4da3ff0a)}.gf-cc.head.win{background:linear-gradient(160deg,#4da3ff4d,#4da3ff1a)}@media (width<=480px){.gf-jamo-grid{grid-template-columns:repeat(5,1fr)}.gf-card .gf-glyph{font-size:22px}.gf-key{width:38px;height:44px}.gf-key-jamo{font-size:18px}.gf-cc{padding:10px 7px;font-size:12px}}