:root{color-scheme:light;--bg: #ffffff;--fg: #000000;--muted: #5a5a5a;--line: #000000;--accent: #7cc9fc;--accent-ink: #0a4f7a;--soft: #f6f4ef;--serif: "Times New Roman", Times, serif;--mono: "PT Mono", "Courier New", ui-monospace, monospace;--max: 640px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--serif);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;align-items:center;min-height:100%;padding:18px 14px 40px}#root{width:100%;display:flex;flex-direction:column;align-items:center}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:1px solid var(--fg);outline-offset:2px}a{color:inherit}.page-top{width:100%;max-width:var(--max);margin-bottom:14px}.head-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--serif);font-size:16px;font-style:italic}.head-bar a{background:var(--accent);color:var(--fg);text-decoration:none;padding:4px 10px;transition:background .12s,color .12s}.head-bar a:hover{background:var(--accent-ink);color:var(--bg)}.terminal{position:relative;z-index:2;width:100%;max-width:var(--max);border:1px solid var(--line);background:var(--bg);padding:20px 22px;box-shadow:6px 6px var(--accent)}.block{margin:14px 0}.block+.block{border-top:1px dashed var(--line);padding-top:14px}.line{margin:2px 0}.line:before{content:"> ";color:var(--muted)}.line b{border:1px solid var(--line);padding:1px 6px;font-weight:400}.blink{display:inline-block;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--serif);font-size:17px;line-height:1.2;background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:8px 12px;cursor:pointer;text-decoration:none;transition:background .12s,color .12s,transform 60ms}.btn:hover:not(:disabled){background:var(--fg);color:var(--bg)}.btn:active:not(:disabled){transform:translate(1px,1px)}.btn:disabled{opacity:.5;cursor:progress}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover:not(:disabled){background:var(--accent);color:var(--fg)}.btn-bracket:before{content:"[ ";font-weight:700}.btn-bracket:after{content:" ]";font-weight:700}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{cursor:pointer}.chip input{position:absolute;opacity:0;pointer-events:none}.chip span{display:inline-block;border:1px solid var(--line);padding:4px 10px;font-size:15px;transition:background .12s}.chip:hover span{background:#7cc9fc40}.chip input:checked+span{background:var(--fg);color:var(--bg)}.drop{border:1px dashed var(--line);min-height:140px;padding:26px 14px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);background:var(--bg);cursor:pointer;transition:background .12s,color .12s,border-style .12s}.drop.is-over{background:var(--fg);color:var(--bg);border-style:solid}.drop input{display:none}.preview-wrap{position:relative;width:100%;border:1px solid var(--line);background:var(--bg);padding:4px;margin-top:10px}.preview-wrap img{display:block;width:100%;height:auto}.overlay-canvas{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);pointer-events:none}.camera-frame{border:1px solid var(--line);margin-top:10px;padding:4px;background:#000}.camera-frame video{display:block;width:100%;height:auto}.status{min-height:22px;margin-top:10px;font-size:16px}.status.loading{color:var(--muted);font-style:italic}.status.err{color:#7a0000;background:#ffecec;border:1px solid #7a0000;padding:6px 8px}.status.ok{color:var(--accent-ink)}.line.hint{margin-top:8px;font-style:italic;color:var(--ink)}.line.meta{margin-top:4px;font-size:14px;color:var(--muted)}.meta-row{margin-top:10px;font-size:16px}.meta-row .tag{display:inline-block;border:1px solid var(--line);padding:2px 8px;margin-right:6px;font-size:14px}.meta-row .tag.found{background:var(--accent)}.meta-row .tag.miss{background:#ffecec}.candidate{padding:8px 0;border-bottom:1px dashed var(--line);font-size:15px}.candidate:last-child{border-bottom:none}.tips{margin-top:10px;padding:10px;border:1px dashed var(--line);background:var(--soft);font-size:15px}.tips ul{margin:8px 0 0;padding-left:1.2rem}.marquee{border:1px solid var(--line);height:14px;position:relative;overflow:hidden;margin-top:10px}.marquee:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:30%;background:var(--fg);animation:slide 1.2s linear infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(333%)}}.foot{width:100%;max-width:var(--max);margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--muted)}.foot a{color:var(--fg);text-decoration:none}.foot a:hover{color:var(--accent-ink);text-decoration:underline}.hidden{display:none!important}.btn-sm{font-size:14px;padding:2px 8px}.feedback{display:flex;align-items:center;gap:8px;margin-top:12px}.muted{color:var(--muted)}@media(max-width:540px){body{font-size:17px}.terminal{padding:14px;box-shadow:3px 3px 0 var(--line)}}