:root{color-scheme:light dark;--bg: #fbfbfa;--bg-sunken: #f1f4f3;--surface: #ffffff;--border: #dfe6e3;--text: #1c1b1f;--text-soft: #57545f;--text-faint: #6f6b78;--accent: #2f5fa8;--accent-strong: #234a85;--accent-soft: #e4ecf8;--accent-text: #ffffff;--ok: #247a4f;--ok-soft: #e2f3ea;--bad: #b23b3b;--bad-soft: #f8e4e4;--hit: #fff1c2;--dup: #f6d6a8;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 10px 30px rgb(20 40 80 / 8%);--column: 68rem;--font: "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #131716;--bg-sunken: #1a201e;--surface: #1f2624;--border: #2f3a37;--text: #edecef;--text-soft: #bab6c2;--text-faint: #9d99a6;--accent: #8fb2ea;--accent-strong: #b3cbf2;--accent-soft: #1c2940;--accent-text: #0d1422;--ok: #59c08a;--ok-soft: #1d3328;--bad: #e07474;--bad-soft: #3a2222;--hit: #4a3f1a;--dup: #5a4524}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 var(--font);-webkit-font-smoothing:antialiased}#app{max-width:var(--column);margin:0 auto;padding:0 16px 48px}a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--surface);padding:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.faint{color:var(--text-faint);font-size:.875rem}.g-fill{fill:var(--accent)}.g-soft{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2}.g-line,.g-on{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.g-on{stroke:var(--accent-text)}.g-hole{fill:var(--surface)}.g-strike{stroke:var(--bad);stroke-width:4;stroke-linecap:round}.icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.125rem;text-decoration:none}orihako-family{min-width:40px;min-height:40px}.hero{text-align:center;padding:28px 0 20px}.hero h1{font-size:clamp(1.75rem,5vw,2.875rem);line-height:1.2;margin:0 0 16px;text-wrap:balance;word-break:auto-phrase}.promises{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0;color:var(--ok);font-weight:600}.promises li{display:flex;align-items:center;gap:6px}.home-ai-mask{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:12px 0 0}.home-ai-mask a{display:inline-block;min-height:24px;padding-block:2px}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:24px 0}.tool-card{display:grid;justify-items:center;gap:4px;padding:22px 14px 18px;height:100%;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-decoration:none;text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent);outline:none}.tool-name{font-weight:700;margin-top:6px;text-wrap:balance;word-break:auto-phrase}.tool-tag{color:var(--text-soft);font-size:.875rem}.page-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0;justify-content:center}.page-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg-sunken);text-decoration:none;font-size:.875rem}.page-chip:hover{background:var(--accent-soft)}.pic{display:block;width:100%;height:auto}.p-tile{stroke-width:3}.p-tile-in{fill:var(--surface);stroke:var(--text-faint)}.p-tile-out{fill:var(--accent-soft);stroke:var(--accent)}.p-label{fill:var(--text);font:700 1.625rem var(--font)}.p-label-sm{font-size:1.125rem}.p-small{fill:var(--text-soft);font:600 .875rem var(--font)}.p-arrow{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.p-tray{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.page-head{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding:8px 0 16px}.page-head h1{font-size:clamp(1.625rem,4vw,2.5rem);margin:0 0 6px;line-height:1.2}.lead{margin:0;color:var(--text-soft)}.pic-task{max-width:380px;justify-self:end}.work{display:grid;gap:14px;padding:18px;border-radius:calc(var(--radius) + 4px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.drop{display:grid;justify-items:center;gap:8px;padding:26px 16px;border:2.5px dashed var(--border);border-radius:var(--radius);background:var(--bg-sunken);transition:border-color .15s,background .15s;cursor:pointer}.drop.over,.drop:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.has-files .drop{padding:12px;grid-template-columns:auto 1fr auto;align-items:center}.has-files .pic-drop{width:56px}.pic-drop{width:150px}.drop-here{font-weight:700;font-size:1.125rem}.button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:var(--accent-strong)}.button.ghost{background:var(--accent-soft);color:var(--text)}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--text)}.options{display:grid;justify-items:start;gap:14px;min-width:0}.choices{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:var(--bg-sunken)}.choice{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:10px;background:none;color:var(--text-soft);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.choice[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.number{display:inline-flex;align-items:center;gap:6px}.number input{width:96px;padding:7px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.presets{display:inline-flex;flex-wrap:wrap;gap:6px}.preset{padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font:inherit;font-size:.8125rem;cursor:pointer}.preset:hover{border-color:var(--accent);color:var(--text)}.pass-line{display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px;border-radius:12px;background:var(--accent-soft);font-weight:600}.pass-line a{margin-left:auto;color:var(--accent-strong)}.result{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.result-side{display:grid;gap:12px}.dims{margin:0;font-weight:700}.bars{display:grid;gap:6px;position:relative}.bar{display:grid;grid-template-columns:3.5em 1fr auto;gap:8px;align-items:center;font-size:.875rem}.bar-label{color:var(--text-soft)}.bar-track{height:12px;border-radius:6px;background:var(--bg-sunken);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:6px}.bar-fill.before{background:var(--text-faint)}.bar-fill.after{background:var(--accent)}.notes{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:.875rem;color:var(--text-soft)}.notes li{display:flex;gap:6px;align-items:center}.next{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.error{display:flex;gap:8px;align-items:center;color:var(--bad);font-weight:600}.batch-head{display:flex;gap:8px;margin-bottom:10px}.batch{list-style:none;padding:0;margin:0;display:grid;gap:6px}.batch li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px;border-radius:10px;background:var(--bg-sunken)}.batch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related{margin-top:22px}.missing{text-align:center;padding:48px 0}.foot{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin-top:40px;padding-top:16px;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-soft)}.langs{display:flex;gap:12px}.langs a[aria-current=true]{font-weight:700;text-decoration:none}.p-band-in{fill:var(--bg-sunken)}.p-band-out{fill:var(--accent);opacity:.35}.p-row{fill:none;stroke:var(--text-faint);stroke-width:3;stroke-linecap:round}.p-tile-out+.p-band-out~.p-row{stroke:var(--accent)}.p-line{fill:var(--border)}.p-dup{fill:var(--dup)}.p-col{stroke-width:2.5}.p-col-in{fill:var(--surface);stroke:var(--text-faint)}.p-col-out{fill:var(--accent-soft);stroke:var(--accent)}.p-mono{fill:var(--text);font:600 15px ui-monospace,Cascadia Mono,Consolas,monospace}.p-hit{fill:var(--accent-strong)}.p-zip{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2.5}.p-zip-teeth{stroke:var(--accent);stroke-width:3}.files{min-width:0}.file-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.file-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;border-radius:12px;background:var(--bg-sunken);min-width:0}.file-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fact{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--text-soft)}.fact.bad{color:var(--bad)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.8125rem;font-weight:700}.badge-out{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.add-more{justify-self:start}.field{display:grid;gap:6px;min-width:0;max-width:100%}.field-label{font-size:.8125rem;font-weight:700;color:var(--text-soft)}.multi,.columns{display:flex;flex-wrap:wrap;gap:6px}.multi .choice,.col-chip,.toggle,.preset{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;max-width:100%}.col-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi .choice[aria-pressed=true],.col-chip[aria-pressed=true],.toggle[aria-pressed=true],.preset[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.col-all{border-style:dashed}.order{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-size:.75rem;font-weight:800}.switch{position:relative;width:30px;height:18px;border-radius:9px;background:var(--border);flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);transition:transform .15s}.toggle[aria-pressed=true] .switch{background:var(--accent)}.toggle[aria-pressed=true] .switch:after{transform:translate(12px)}.bridge{display:inline-flex;align-items:center;gap:6px;margin-right:10px}.bridge-arrow{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.bar-value{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.counts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.counts li{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--hit);font-size:.875rem}.sheet-wrap{overflow:auto;max-height:420px;border:1px solid var(--border);border-radius:12px;min-width:0}.sheet{border-collapse:collapse;font-size:.8125rem;white-space:nowrap;width:max-content;min-width:100%}.sheet th,.sheet td{padding:5px 10px;border-bottom:1px solid var(--border);text-align:left}.sheet thead th{position:sticky;top:0;background:var(--bg-sunken);font-weight:700}.sheet .n{color:var(--text-faint);text-align:right;font-variant-numeric:tabular-nums;background:var(--bg-sunken)}.sheet td.hit{background:var(--hit);font-weight:600}.more{margin:0;text-align:center}@media(max-width:760px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head,.result{grid-template-columns:1fr}.pic-task{justify-self:center;max-width:300px}.has-files .drop{grid-template-columns:auto 1fr}.has-files .drop .button{grid-column:1 / -1;justify-self:start}}.steps-card{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:4px 8px;margin:0 0 16px;padding:16px 20px;border-radius:var(--radius);background:var(--accent-soft);color:var(--text);text-decoration:none;box-shadow:inset 0 0 0 1.5px transparent}.steps-card:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.steps-card .tool-name{font-weight:700;font-size:1.0625rem;margin-left:8px}.steps-card .tool-tag{grid-column:4;margin-left:8px;color:var(--text-soft);font-size:.875rem}.words-steps{display:flex;align-items:center;justify-content:center;gap:14px;margin:0}.words-steps .bubble{display:grid;gap:7px;width:120px;padding:16px;border-radius:18px 18px 18px 4px;background:var(--surface);border:1.5px solid var(--border)}.words-steps .bubble i{display:block;height:7px;border-radius:4px;background:var(--border)}.words-steps .bubble i:last-child{width:60%}.words-steps .arrow{font-size:1.625rem;color:var(--accent)}.mini-steps{display:grid;gap:6px;list-style:none;margin:0;padding:0}.mini-steps li{display:flex;padding:6px 30px 6px 8px;border-radius:var(--radius-sm);background:var(--surface);border:1.5px solid var(--border)}.steps-work{display:grid;gap:12px}.steps-work .files-line{display:flex;align-items:center;gap:8px;margin:0}.steps-work .files-line .faint{margin-left:auto}.column-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.column-chip{font:inherit;font-size:.8125rem;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.column-chip:hover{border-color:var(--accent)}.ask-label{font-weight:700;margin-top:6px}.ask{width:100%;box-sizing:border-box;padding:12px 14px;font:inherit;font-size:1rem;line-height:1.6;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);resize:vertical}.ask:focus{outline:2px solid var(--accent);outline-offset:1px}.examples{margin:0}.examples button{font:inherit;cursor:pointer}.steps-work .row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.link-button{font:inherit;font-size:.875rem;padding:0;border:0;background:none;color:var(--accent);text-decoration:underline;cursor:pointer}.steps-work .notice{padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-sunken);font-size:.875rem}.plan h2{margin:8px 0 0;font-size:1.125rem}.plan .by{margin:2px 0 10px;font-size:.8125rem}.step-cards{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none;counter-reset:step}.step-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);counter-increment:step}.step-card:before{content:counter(step);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:.8125rem;font-weight:700}.step-text{display:grid;gap:2px;min-width:0}.step-text small{color:var(--text-soft);overflow-wrap:anywhere}.step-card .icon-button{margin-left:auto}.link-copy{width:100%;font:inherit;font-size:.8125rem}.result-line{margin:0 0 8px}@media(max-width:720px){.steps-card{grid-template-columns:auto auto auto}.steps-card .tool-name,.steps-card .tool-tag{grid-column:1 / -1;margin-left:0}}.steps-work .examples{justify-content:flex-start}.agent-made{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:.875rem}.preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}.preset-row[hidden]{display:none}.preset-label{margin-right:4px;font-size:.8125rem;color:var(--text-soft)}.preset-chip{display:inline-flex;align-items:stretch;border:1px solid var(--border, #e4e4e0);border-radius:999px;background:var(--surface);overflow:hidden}.preset-chip button{border:0;background:transparent;padding:5px 12px;font:inherit;font-size:.8125rem;cursor:pointer}.preset-chip button:hover{background:var(--accent-soft, #eef4f2)}.preset-chip .preset-x{padding:5px 9px;opacity:.6;border-left:1px solid var(--border, #e4e4e0)}.preset-save{border:1px dashed var(--border, #c9c8c4);background:transparent;border-radius:999px;padding:5px 12px;font:inherit;font-size:.8125rem;cursor:pointer}.guide .button{display:inline-block;margin:8px 0 20px}.guide-steps{display:grid;gap:10px;padding-left:22px}.guide-faq div{padding:12px 16px;border:1px solid var(--border, #e4e4e0);border-radius:12px;background:var(--surface);margin-bottom:10px}.guide-faq dt{font-weight:700}.guide-faq dd{margin:4px 0 0;color:var(--text-soft)}.related h2{font-size:.9375rem;margin:24px 0 8px}.paste{width:100%;min-height:180px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;resize:vertical}.pair{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:14px 0}.pair label{display:grid;gap:4px;font-size:.8125rem;color:var(--text-soft)}.pair select{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.status{min-height:1.4em;margin:6px 0;color:var(--text-soft)}.work progress{width:100%;height:6px}.file-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}.file-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.file-list li span:first-child{flex:1;word-break:break-all}.support{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--bg-sunken);color:var(--text-soft)}.which-lang{display:grid;gap:8px;padding:10px 14px;border-radius:12px;background:var(--accent-soft)}.which-lang p{margin:0;font-weight:600}.which-lang .row{display:flex;flex-wrap:wrap;gap:8px}.over{display:flex;gap:6px;align-items:flex-start;color:var(--text-soft);font-size:.875rem}.over .icon{flex:none;width:18px;height:18px}.file-list li .over{flex:0 1 60%}p.over{margin:0 0 8px;padding:8px 12px;border-radius:10px;background:var(--accent-soft)}@media(max-width:560px){.file-list li{flex-wrap:wrap}.file-list li .over{flex-basis:100%;order:3}}.result-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.segments{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}.segments th{text-align:left;padding:6px 10px;color:var(--text-soft);font-weight:600;border-bottom:1px solid var(--border)}.segments td{vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--border);white-space:pre-wrap;word-break:break-word}.seg-target{background:var(--surface)}.seg-target:focus{outline:2px solid var(--accent);outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.view-switch{display:inline-flex;padding:3px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--border)}.switch-button{padding:6px 14px;border-radius:999px;font:inherit;font-size:.875rem;color:var(--text-soft);background:transparent;border:0;cursor:pointer}.switch-button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000001f}.switch-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.edit-hint{margin:0 0 6px;font-size:.8125rem}.segments th.seg-tools,.segments td.seg-tools{width:44px;padding:4px;text-align:center}.seg-target{cursor:text;box-shadow:inset 0 -1px 0 transparent}.seg-target:hover{box-shadow:inset 0 0 0 1px var(--border)}.segments tr:focus-within td{background:var(--accent-soft)}.segments tr:focus-within .seg-target{background:var(--surface)}.segments tr.edited .seg-target{background:var(--hit);box-shadow:inset 3px 0 0 var(--accent)}.seg-tools .icon-button{width:32px;height:32px}.seg-tools .icon-button[hidden]{display:none}.result-bar{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;background:var(--surface);border-top:1px solid var(--border)}.result-bar .edited-count{margin-right:auto}.result-bar .edited-count[hidden]+.button{margin-left:auto}.saved-view{max-height:70vh;overflow:auto;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm, 10px);background:var(--bg-sunken)}.saved-plain{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7}.saved-doc p{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.next-live orihako-next{margin-top:4px}.how-steps{padding:0;list-style:none;display:grid;gap:10px}.how-steps li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.step-n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-weight:700;text-align:center;line-height:26px}.format-list{color:var(--text-soft)}.pass-line{display:flex;gap:8px;align-items:center}.error{color:var(--bad)}.g-arrow{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:640px){.segments,.segments thead,.segments tbody,.segments tr,.segments td{display:block}.segments th{display:none}.segments tr{border-bottom:2px solid var(--border)}.segments td{border:0}.segments th.seg-tools,.segments td.seg-tools{width:auto;text-align:right}}.hero-picture{display:flex;justify-content:center;margin:4px 0 6px}.hero-picture svg{filter:drop-shadow(0 8px 16px rgb(0 0 0 / 10%))}@media(prefers-reduced-motion:no-preference){.hero-picture svg{animation:hero-sway 5s ease-in-out infinite;transform-origin:50% 60%}}@keyframes hero-sway{0%,to{transform:rotate(0)}50%{transform:rotate(4deg) translateY(-4px)}}.pair select{min-height:44px}.pair .icon-button{width:44px;height:44px}.pack-note{margin:-4px 0 10px;font-size:.8125rem}.glossary{margin:0 0 12px;font-size:.875rem}.glossary summary{cursor:pointer;min-height:32px}.glossary>p{margin:6px 0 8px}.glossary-add{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.glossary-add input{flex:1 1 10rem;min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.glossary-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:240px;overflow:auto}.glossary-list li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:8px}.glossary-list .icon-button{width:32px;height:32px}.gloss-miss{display:block;margin-top:6px;font-size:.75rem;color:var(--bad)}.glossary .memory{margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.glossary .memory h3{margin:0 0 4px;font-size:.875rem}.glossary .memory>p{margin:0 0 8px}.glossary .memory .row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.glossary .memory .check{display:inline-flex;align-items:center;gap:6px;min-height:44px;cursor:pointer}.tm-from{display:block;margin-top:6px;font-size:.75rem}.memory-used,.memory-told{margin:4px 0 8px}.loop{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--border);background:var(--surface, #fff);box-shadow:0 10px 28px #0000001a}.page-head>.loop-wide{max-width:440px;justify-self:end}.hero>.loop-wide{max-width:560px;margin:22px auto 0}.loop-more{display:none;margin:6px 0 14px}.loop-more>summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;color:var(--text-soft);font-weight:600}.loop-more>.loop{max-width:375px;margin-top:6px}.hero>.loop-more{margin:10px auto 0}.has-files .loop-more{display:none!important}@media(min-width:761px){.page-head:has(>.loop-wide)>.glyph{display:none}}@media(max-width:760px){.loop-wide{display:none}.loop-more{display:block}}orihako-drop:not(:defined),orihako-sample:not(:defined){display:none}.work:has(>orihako-drop:defined)>.drop{display:none}.work>orihako-drop{margin-bottom:14px}.work.has-files>orihako-drop{display:none}.work>orihako-sample{margin:2px 0 10px}.remembered{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0}.remembered .link-button{min-height:44px}.saved-where{margin:6px 0 0}.modes{justify-self:start;width:fit-content;max-width:100%;margin:0 0 12px}.modes .switch-button{min-height:44px}.work[data-mode-now]:not([data-mode-now=translate]) :is(.pair,.pack-note,.remembered,.glossary[data-role=glossary],.status,progress,.notice,.results,.next-live,.files,.support){display:none!important}.loop[hidden]{display:none!important}.mask-head h2,.mask h2{margin:4px 0 6px;font-size:1.25rem}.mask-head .lead{margin:0 0 10px}.mask-steps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px;padding:0;list-style:none;counter-reset:step;font-size:.875rem}.mask-steps li{display:inline-flex;align-items:center;gap:8px;counter-increment:step}.mask-steps li:before{content:counter(step);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:.75rem;font-weight:700}.mask-here{margin:0 0 12px;font-size:.8125rem}.mask{display:grid;gap:10px;margin:0 0 14px}.mask[hidden],.mask-head[hidden]{display:none}.mask>p{margin:0}.mask-file{display:flex;flex-wrap:wrap;align-items:center;gap:8px;overflow-wrap:anywhere}.mask-file .link-button{min-height:44px}.mask-waiting{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-sunken);overflow-wrap:anywhere}.mask-count{font-weight:700}.mask-review{max-height:60vh;overflow:auto;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken)}.mask-para{margin:0 0 10px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.find{display:inline;margin:0 1px;padding:2px 6px;border:0;border-radius:6px;font:inherit;color:var(--text);cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.find.f-word{background:#f9d9c4}.find.f-shape{background:#cfe3f7}.find.f-amount{background:#d6efd7}.find-kind{margin-left:6px;padding:0 5px;border-radius:4px;background:#fff9;font-size:.75rem;font-weight:700;white-space:nowrap}.find[aria-pressed=false]{background:transparent;text-decoration:line-through dotted;box-shadow:inset 0 0 0 1px var(--border)}.find[aria-pressed=false] .find-kind{display:none}.find:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mask-options{display:grid;gap:8px}.mask-amounts{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem}.mask-amounts select,.mask-words select{min-height:44px;padding:6px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.mask-words .glossary-list li{grid-template-columns:minmax(0,1fr) auto auto}.mask-miss{color:var(--bad);font-size:.875rem}.mask-ways .mask-amounts{display:flex;margin-top:8px}.mask-ways .mask-amounts select{max-width:100%}.mask-way-note{margin:4px 0 8px;font-size:.8125rem}.mask-check{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.875rem}.mask-check input{width:20px;height:20px}.mask-offer{margin:0;font-size:.875rem}.mask-offer .link-button{min-height:44px;font-weight:700;text-align:left}.find.mask-changed{cursor:default}.mask-concern{padding:6px 10px;border-left:4px solid var(--ok);border-radius:4px;background:var(--bg-sunken);font-size:.875rem}.mask-concern[data-level=some]{border-left-color:#c98a1b}.mask-concern-title{font-weight:700}.mask-concern-first .link-button{min-height:32px;font-weight:700}.mask-cands{padding:10px 12px;border:1px dashed #c98a1b;border-radius:var(--radius-sm)}.mask-cands>p{margin:0 0 4px}.mask-cands-lead{font-weight:700}.mask-cand-list{margin:0 0 8px;padding:0;list-style:none}.mask-cand{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:2px 0;border-bottom:1px solid var(--border);font-size:.875rem}.mask-cand .mask-check{min-height:40px}.mask-cand-word{padding:1px 8px;border-bottom:2px dotted #c98a1b;font-size:.9375rem;overflow-wrap:anywhere}.mask-cand select{min-height:36px;padding:4px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.mask-cands .button[disabled]{opacity:.5;cursor:default}.mask-broken{display:grid;gap:6px;padding:8px 12px;border:1px dashed #c98a1b;border-radius:var(--radius-sm)}.mask-broken>p{margin:0}.mask-broken-line{font-weight:700;font-size:.875rem}.mask-broken .mask-review{max-height:40vh}.mask-broken-mark{padding:0 2px;border-bottom:2px solid #c98a1b;background:#fbe8c8;color:var(--text)}.mask-broken-unknown{border-bottom-color:var(--bad);background:var(--bad-soft)}.mask-done:empty{display:none}.mask-done{display:grid;gap:8px}.mask-done .ok{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;color:var(--ok);overflow-wrap:anywhere}.mask-done p{margin:0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .find.f-word{background:#5a3a26}:root:not([data-theme=light]) .find.f-shape{background:#24405e}:root:not([data-theme=light]) .find.f-amount{background:#284a2c}:root:not([data-theme=light]) .find-kind{background:#0000004d}:root:not([data-theme=light]) .mask-broken-mark{background:#5a4420}}