.jp-typing{margin:2rem 0;padding:clamp(1rem,3vw,1.75rem);border:1px solid #667b92;border-radius:12px;background:#101f30;color:#eff4fa;max-width:100%;font-size:1rem;--jp-accent:#a7efd8}.jp-typing [hidden]{display:none!important}.jp-typing .jp-kicker{color:#8edac8;font-size:.7rem;letter-spacing:.13em;margin:0 0 1rem}.jp-typing label,.jp-typing .jp-step-title{display:block;font-weight:600;font-size:.9rem;margin:0 0 .7rem}.jp-typing input,.jp-typing textarea{box-sizing:border-box;width:100%;min-width:0;background:#091420;color:#fff;border:1px solid #778b9f;border-radius:6px;padding:.8rem;font:inherit}.jp-typing input{font-family:ui-monospace,monospace;font-size:1.2rem}.jp-typing textarea{resize:vertical;line-height:1.7;font-size:1.3rem}.jp-typing .jp-hint{font-size:.78rem;color:#bacbdc;line-height:1.6;margin:.65rem 0}.jp-typing button{font:inherit;font-size:.85rem;min-height:44px;border:1px solid #617c94;border-radius:5px;background:#20394f;color:#fff;padding:.5rem .8rem;cursor:pointer;text-align:left}.jp-typing button:hover{background:#2c4b64}.jp-typing button:disabled{opacity:.45;cursor:default}.jp-typing :is(button,input,textarea):focus-visible{outline:3px solid var(--jp-accent);outline-offset:3px}.jp-tabs{display:flex;gap:.5rem;border-bottom:1px solid #40566b;padding-bottom:1rem;margin-bottom:1.5rem}.jp-tabs button{flex:1;text-align:center}.jp-tabs button[aria-selected=true]{background:var(--jp-accent);color:#101f30;border-color:var(--jp-accent);font-weight:650}.jp-flow{display:grid;grid-template-columns:minmax(0,1fr)2rem minmax(0,1fr);gap:1rem;align-items:center}.jp-step{min-width:0}.jp-step-number{font:.75rem ui-monospace,monospace;color:#8edac8;margin-right:.4rem}.jp-arrow{font-size:1.8rem;color:var(--jp-accent);text-align:center}.jp-kana-step output{display:block;min-height:56px;font-size:1.5rem;line-height:1.5;padding:.6rem .8rem;border-bottom:2px solid var(--jp-accent);overflow-wrap:anywhere}.jp-placeholder{opacity:.4}.jp-typing .jp-step-note{font-size:.75rem;color:#bacbdc;margin:.5rem 0}.jp-word-step{margin:1.2rem 0;padding:1rem;border:1px solid #40566b;border-radius:6px;background:#0c1928}.jp-step-title .jp-arrow{vertical-align:middle;margin-right:.5rem}.jp-typing .jp-empty{display:flex;align-items:center;gap:1rem;margin:0;color:#a9bdcb;font-size:.75rem}.jp-empty [lang]{font-size:1.6rem;opacity:.45;white-space:nowrap}.jp-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;max-height:290px;overflow:auto;padding:4px}.jp-candidates button{display:grid;grid-template-columns:1.2rem minmax(0,1fr);align-items:baseline;gap:.05rem .5rem;font-size:1.2rem}.jp-candidates button>span[lang]{overflow-wrap:anywhere}.jp-candidates .jp-number{font:.7rem ui-monospace,monospace;color:#b9cbdc}.jp-candidates small{grid-column:2;font-size:.7rem;line-height:1.5;opacity:.85;overflow-wrap:anywhere}.jp-candidates button[aria-selected=true]{color:#101f30;background:var(--jp-accent);border-color:var(--jp-accent)}.jp-candidates button[aria-selected=true] .jp-number{color:#254b40}.jp-editor-wrap{margin-top:1.5rem}.jp-ime-candidates{margin-top:-5px;border:1px solid #778b9f;border-radius:0 0 8px 8px;background:#172e43;padding:.65rem;box-shadow:0 10px 22px #0003}.jp-ime-candidates .jp-candidates{grid-template-columns:1fr;max-height:250px}.jp-ime-candidates .jp-candidates button{border-color:transparent;background:0 0;grid-template-columns:1.2rem minmax(4rem,.5fr)minmax(0,1fr)}.jp-ime-candidates .jp-candidates small{grid-column:3}.jp-ime-candidates .jp-candidates button[aria-selected=true],.jp-ime-candidates .jp-candidates button:hover{background:var(--jp-accent);color:#101f30}.jp-reading{display:block;font-size:.75rem;color:#bed3e4;margin:.2rem .4rem .5rem;overflow-wrap:anywhere}.jp-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.jp-actions kbd{font-size:.7rem;margin-left:.5rem;border:0;padding:0;background:0 0;color:inherit}.jp-examples{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;border-top:1px solid #40566b;margin-top:1rem;padding-top:1rem}.jp-examples>span{font-size:.8rem;color:#bacbdc}.jp-examples button{font:.8rem ui-monospace,monospace;background:0 0;padding:.4rem .6rem}.jp-examples small{display:block;font:.65rem system-ui,sans-serif;color:#bacbdc}.jp-status{min-height:2.5em}.jp-typing .jp-credit{font-size:.65rem;line-height:1.7;color:#a9bdcb;margin:1rem 0 0}.jp-credit a{color:#a7efd8;text-decoration:underline}.jp-typing[data-mode=ime] .jp-editor-wrap{margin-top:0}.jp-typing[data-mode=ime] textarea:focus{border-color:var(--jp-accent)}@media(max-width:560px){.jp-flow{grid-template-columns:minmax(0,1fr);gap:.4rem}.jp-flow>.jp-arrow{transform:rotate(90deg);font-size:1.5rem;height:1.8rem;line-height:1.8rem}.jp-candidates{grid-template-columns:1fr}.jp-tabs button{padding:.5rem;font-size:.78rem}.jp-ime-candidates .jp-candidates button{grid-template-columns:1rem minmax(0,1fr)}.jp-ime-candidates .jp-candidates small{grid-column:2}.jp-typing .jp-empty{align-items:start;flex-direction:column;gap:.3rem}}@media(min-width:901px){.jp-flow{grid-template-columns:minmax(0,1fr)1.5rem minmax(0,1fr)1.5rem minmax(0,1.3fr);gap:.7rem;align-items:start}.jp-flow>.jp-arrow{margin-top:2.2rem}.jp-flow .jp-word-step{margin:0;padding:.8rem;min-width:0}.jp-flow .jp-candidates{grid-template-columns:1fr;max-height:250px}.jp-flow .jp-empty{flex-direction:column;align-items:start;gap:.5rem}}@media(min-width:561px) and (max-width:900px){.jp-flow>.jp-arrow:nth-of-type(2){grid-column:2;transform:rotate(90deg)}.jp-flow .jp-word-step{grid-column:1/-1;margin:0}}