@font-face{font-family:Fogtwo Title;src:url(./FogtwoNo5-y4BRe95o.otf)format("opentype");font-display:swap}@font-face{font-family:Geist;src:url(./Geist-Regular-rEkwi4hp.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(./Geist-Medium-DdmPy8f2.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Geist Mono;src:url(./GeistMono-Regular-DHEw6VMZ.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist Mono;src:url(./GeistMono-Medium-DceA7jXG.woff2)format("woff2");font-weight:500;font-display:swap}:root{--title:"Fogtwo Title", "Iowan Old Style", "Palatino Linotype", "Songti SC", Georgia, serif;--sans:"Geist", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", system-ui, sans-serif;--ui:"Geist Mono", "PingFang SC", "Hiragino Sans GB", ui-monospace, monospace}body{font-family:var(--sans)}:root{--ink:#33363a;--ink-soft:#686d72;--chip:#ffffff80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#root{height:100%;margin:0}body{background:#dfe3e4;overflow:hidden}canvas{display:block}.typing-input{opacity:0;resize:none;color:#0000;caret-color:#0000;background:0 0;border:0;width:1px;height:1px;margin:0;padding:0;font-size:16px;position:fixed;bottom:0;left:50%;overflow:hidden}.caption{left:max(20px, env(safe-area-inset-left));top:max(22px, env(safe-area-inset-top));max-width:max(220px, calc(100vw - max(20px, env(safe-area-inset-left)) - max(20px, env(safe-area-inset-right)) - 280px - 28px));color:var(--ink);pointer-events:none;position:fixed}.caption-name{font-family:var(--title);letter-spacing:.04em;font-size:clamp(44px,5.75vw,68px);font-weight:500;line-height:1}.caption-meta{letter-spacing:.04em;color:var(--ink-soft);margin-top:8px;font-size:clamp(13px,7.5px + .72vw,16px)}.guide{left:max(20px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));font:10px/1.4 var(--ui);letter-spacing:.02em;color:var(--ink-soft);pointer-events:none;grid-template-columns:auto auto;gap:3px 12px;margin:0;display:grid;position:fixed}.guide dt{color:var(--ink)}.guide dd{margin:0}@media (width<=520px){.guide{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 64px);font-size:9px}}.dock{gap:8px;display:flex}.dock[hidden]{display:none}.chip{background:var(--chip);-webkit-backdrop-filter:blur(6px);min-height:32px;color:var(--ink);font:12px/1 var(--ui);letter-spacing:.06em;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:background .3s;display:inline-flex}.chip:hover{background:#ffffffb8}.chip.icon{justify-content:center;width:32px;padding:0}.chip:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}.sound[aria-pressed=false]{color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){.chip{transition:none}}.keep{box-sizing:border-box;color:#f3f4f5;background:0 0;border:0;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:16px;display:flex;position:fixed;inset:0}.keep:not([open]){display:none}.keep::backdrop{-webkit-backdrop-filter:blur(8px);background:#1c1e229e;animation:.5s both keep-dim}.keep-page{flex-direction:column;align-items:center;gap:14px;margin:0;display:flex}.keep-page img{opacity:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:auto;max-width:min(100vw - 32px,560px);height:auto;max-height:calc(100dvh - 120px);display:block}.keep[data-grab],.keep[data-grab] *{cursor:grabbing}.keep-page figcaption{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;transition:opacity .6s,translate .6s;display:flex;translate:0 6px}.keep-page.near figcaption{opacity:1;translate:none}.keep-drift{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.keep.closing::backdrop{animation:.42s ease-out both keep-undim}.keep.closing figcaption{opacity:0;transition-duration:.2s}@keyframes keep-undim{to{opacity:0}}.keep-label{font:13px/1 "Strike Type", var(--ui);letter-spacing:.06em;color:#f3f4f5c7}.keep-actions{gap:8px;display:flex}.keep .chip{background:#ffffffe0}.keep .chip:hover{background:#fff}.keep .chip.quiet{color:#f3f4f5;background:#ffffff29}.keep .chip.quiet:hover{background:#ffffff42}.keep .chip:focus-visible{outline-color:#f3f4f5}@keyframes keep-dim{0%{opacity:0}}.dock.export{visibility:hidden}.dock.export .keep{visibility:visible}.keep.export:focus,.keep.export:focus-visible{outline:none}.keep.export::backdrop,.keep.export.closing::backdrop{opacity:var(--dim,0);animation:none}.keep.export .keep-page figcaption{opacity:var(--cap,0);transition:none;translate:none}@media (prefers-reduced-motion:reduce){.keep-drift{animation:.4s both keep-dim}.keep-page figcaption{translate:none}}.corner{right:max(20px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.signature{font:10px var(--ui);letter-spacing:.06em;color:var(--ink-soft);text-decoration:none}.signature:hover{color:var(--ink)}.signature:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px;border-radius:2px}.corner-top{right:max(20px, env(safe-area-inset-right));top:max(22px, env(safe-area-inset-top));flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.status{-webkit-user-select:none;user-select:none;font:10px/1.2 var(--ui);letter-spacing:.04em;color:var(--ink-soft);pointer-events:none;margin:0}.panel{-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#f6f7f757;border-radius:14px;width:280px;box-shadow:0 8px 28px #1e22281f,0 0 0 .5px #1e22281a}.panel:empty{display:none}.panel :has(>i>svg){-webkit-user-select:none;user-select:none;flex-direction:row-reverse}.panel :has(>i>svg)>div{font:600 13px/1 var(--sans);letter-spacing:.01em;color:#24272b;justify-content:flex-start;padding-left:10px}.panel :has(>i>svg){cursor:pointer;position:relative}.panel :has(>i>svg)>i:after{content:"";position:absolute;inset:0}.panel [class*=-hasRange-true]>div:first-child>div:first-child{background:#78788038;border-radius:2px;height:4px}.panel [class*=-hasRange-true]>div:first-child>div:first-child>div{background:var(--tint);border-radius:2px}.panel [class*=-hasRange-true]>div:first-child>div:nth-child(2){background:#fff;border-radius:50%;box-shadow:0 0 0 .5px #0000000a,0 3px 8px #00000026,0 1px 1px #00000029}.panel button:not(:disabled),.panel button:not(:disabled):hover,.panel button:not(:disabled):focus,.panel button:not(:disabled):active{box-shadow:none}.panel button:not(:disabled):focus-visible{outline:2px solid color-mix(in srgb, var(--tint) 45%, transparent);outline-offset:2px}.panel button:not(:disabled){color:var(--tint);background:color-mix(in srgb, var(--tint) 14%, #ffffff80);border-radius:10px;font-weight:500;transition:background .2s}.panel button:not(:disabled):hover{background:color-mix(in srgb, var(--tint) 22%, #ffffff80)}.panel button:not(:disabled):active{background:color-mix(in srgb, var(--tint) 30%, #ffffff80)}@media (width<=640px){.corner-top{display:none}}.ime{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(1.4);color:#24272b;opacity:0;white-space:nowrap;background:#fcfcfbdb;border-radius:9px;flex-direction:column;gap:4px;min-width:120px;padding:6px 8px 7px;transition:opacity .12s,transform .12s;display:flex;position:fixed;top:50%;left:50%;transform:translateY(4px);box-shadow:0 6px 22px #1e222829,0 0 0 .5px #1e22281f}.ime.on{opacity:1;transform:none}.ime-pinyin{font:13px/1.2 var(--ui);letter-spacing:.04em;color:#3a3f45;text-underline-offset:3px;-webkit-text-decoration:underline #3a3f4559;text-decoration:underline #3a3f4559}.ime-pinyin b{vertical-align:-2px;background:#2f6fde;width:1px;height:13px;margin-left:1px;display:inline-block}.ime-cands{gap:2px;font:16px/1.3 KingHwa OldSong,Songti SC,serif;display:flex}.ime-cand{border-radius:5px;align-items:baseline;gap:3px;padding:1px 6px;display:inline-flex}.ime-cand i{font:10px var(--ui);color:#8a9097;font-style:normal}.ime-cand.first{background:#2f6fde1a}.ime-cand.on{color:#fff;background:#2f6fde}.ime-cand.on i{color:#ffffffbf}@media (prefers-reduced-motion:reduce){.ime{transition:none}}