@font-face{font-family:Edict Display;src:url(/pixelscan/fonts/EdictDisplay-Light.otf) format("opentype");font-weight:300 500;font-style:normal;font-display:block}@font-face{font-family:Edict Display;src:url(/pixelscan/fonts/EdictDisplay-LightItalic.otf) format("opentype");font-weight:300 500;font-style:italic;font-display:block}:root{--paper: #faf7f2;--ink: #191b24;--gray-200: #e8e4dc;--gray-500: #97918a;--gray-600: #7a746c;--font-kyoto: "Edict Display";--shadow-lg: 0 24px 60px rgba(25, 27, 36, .14)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(120% 130% at 50% 0%,#efe9dc,#ded5c2 58%,#cfc4ad);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}#root{display:flex;align-items:center;justify-content:center}.shell{position:relative;width:100%;height:100dvh;overflow:hidden;flex-shrink:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}@media(min-width:520px)and (min-height:700px){.shell{width:402px;height:min(872px,calc(100dvh - 48px));border-radius:54px;border:8px solid #1a1a1a;background:#000;box-shadow:0 50px 100px #0006,0 0 0 2px #333,inset 0 0 0 2px #333}.screen{border-radius:46px}}.stage{flex:1;position:relative;min-height:0}.scan-host{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}.scan-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud{flex:none;padding:0 24px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;align-items:center}.hint{font-size:12px;letter-spacing:.02em;color:var(--gray-500);-webkit-user-select:none;user-select:none}.word-bar{width:100%;max-width:300px}.word-bar input{width:100%;border:1px solid var(--gray-200);background:#fff;border-radius:14px;padding:12px 16px;font:500 15px/1 inherit;font-family:inherit;color:var(--ink);text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.word-bar input::placeholder{color:var(--gray-500)}.word-bar input:focus{border-color:var(--gray-600);box-shadow:0 0 0 3px #191b240f}.mode-toggle{position:relative;width:62px;height:32px;border-radius:999px;padding:0;cursor:pointer;border:1px solid rgba(255,255,255,.7);background:linear-gradient(135deg,#fff9,#ffffff24);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);box-shadow:0 10px 28px #191b2424,inset 0 1px 1px #ffffffd9,inset 0 -1px 1px #191b240f;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.mode-toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#33364a,#191b24);box-shadow:0 2px 6px #191b2459,inset 0 1px 1px #ffffff47;transition:transform .35s cubic-bezier(.3,1.4,.4,1),background .35s ease,box-shadow .35s ease}.mode-toggle:hover{border-color:#fffffff2}.mode-toggle.on{border-color:#ffffff38;background:linear-gradient(135deg,#191b24e0,#191b249e);box-shadow:0 10px 28px #191b2447,inset 0 1px 1px #ffffff29,inset 0 -1px 1px #0003}.mode-toggle.on .knob{transform:translate(30px);background:radial-gradient(circle at 32% 28%,#fff,#efe9df);box-shadow:0 2px 8px #00000073,inset 0 1px 1px #fffffff2}.screen.inverted{background:#191b24}.screen.inverted .stage{background:var(--paper)}.screen.inverted .hint{color:#faf7f273}.screen.inverted .word-bar input{background:#ffffff12;border-color:#ffffff29;color:var(--paper)}.screen.inverted .word-bar input::placeholder{color:#faf7f266}.screen.inverted .word-bar input:focus{border-color:#ffffff6b;box-shadow:0 0 0 3px #ffffff14}.screen.inverted .mode-toggle.on{border-color:#ffffff4d}