:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f12;--panel:#1a1d22;--panel-strong:#23262c;--line:#313640;--line-strong:#4a515d;--ink:#f2f4f7;--muted:#b3b9c2;--faint:#858d99;--blue:#82aee1;--green:#5cc49a;--accent:#17845a;--jp-font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{min-height:100dvh}.app{flex-direction:column;gap:18px;width:min(760px,100%);margin:0 auto;padding:48px 16px 40px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{flex:none;display:block}.brand h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:700}.field{flex-direction:column;gap:8px;display:flex}.field-head{align-items:center;gap:12px;min-height:34px;display:flex}.field-label{color:var(--muted);font-family:var(--jp-font);font-size:16px;font-weight:600;transition:color .15s}.field:focus-within .field-label{color:var(--blue)}.field-head .copy{margin-left:auto}.editor{position:relative}.surface{border:1px solid var(--line-strong);width:100%;min-height:120px;font-family:var(--jp-font);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:4;border-radius:12px;margin:0;padding:14px 16px;font-size:22px;line-height:1.6;display:block}textarea.surface{resize:none;background:var(--panel-strong);color:var(--ink);caret-color:var(--blue);overflow:hidden}textarea.surface::placeholder{color:var(--faint)}textarea.surface:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #82aee12e}.mirror{min-height:0;color:var(--ink);pointer-events:none;visibility:hidden;border-color:#0000;position:absolute;top:0;left:0}.editor.composing textarea.surface,.editor.composing textarea.surface::placeholder{color:#0000;caret-color:#0000}.editor.composing .mirror{visibility:visible}.comp{border-bottom:2px solid var(--blue)}.seg{border-bottom:2px solid var(--line-strong);margin-right:2px}.seg.focus{border-bottom-color:var(--blue);background:#82aee138;border-radius:3px 3px 0 0}.caret{vertical-align:-.2em;background:var(--blue);width:2px;height:1.2em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.candidates{z-index:10;border:1px solid var(--line-strong);background:var(--panel);min-width:160px;max-width:100%;font-family:var(--jp-font);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:10px;padding:4px;font-size:19px;position:absolute;box-shadow:0 12px 32px #00000080}.candidates[hidden]{display:none}.cand{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:6px;align-items:baseline;gap:8px;padding:5px 12px 5px 8px;line-height:1.35;display:flex;overflow:hidden}.cand:hover{background:var(--panel-strong)}.cand.selected{background:var(--accent);color:#fff}.cand .num{color:var(--faint);flex:none;font-size:14px}.cand.selected .num{color:#fff}.candidates.live{min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:6px;padding:0;display:flex}.live .panel{border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;width:100%;max-width:100%;padding:4px;display:flex;box-shadow:0 12px 32px #00000080}.live .rows{flex:1;min-width:0}.live.expanded .rows{scrollbar-width:thin;max-height:222px;overflow-y:auto}.live .row{min-width:0;display:flex}.live .row+.row{margin-top:2px}.live .cand{flex:none;gap:5px;max-width:100%;padding:4px 9px 4px 7px}.live .row:not(.current) .num{visibility:hidden}.live.measure{visibility:hidden;pointer-events:none;top:0;left:0}.expand{border:0;border-left:1px solid var(--line);min-width:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:0 6px 6px 0;flex:none;margin-left:2px;padding:0 8px;font-size:16px}.expand:hover{background:var(--panel-strong);color:var(--ink)}.expanded .expand{align-self:flex-start;height:34px}.page{color:var(--faint);text-align:right;padding:4px 8px 2px;font-size:12px}.status{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--faint);font-size:14px;transition:color .2s;overflow:hidden}.status a{color:var(--muted)}.status.flash{color:var(--blue)}.copy{border:1px solid var(--line-strong);background:var(--panel-strong);min-width:72px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;flex:none;padding:6px 14px;font-size:14px}.copy:hover{border-color:var(--blue)}.copy:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.copy.done{border-color:var(--green);color:var(--green)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.app{padding-top:28px}.brand h1{font-size:22px}.surface{font-size:20px}}