:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08121f;color:#e8f0f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#08121f}button,input{font:inherit}button{cursor:pointer}.shell{width:min(100% - 28px,680px);margin:0 auto;padding:18px 0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:28px;height:28px;border:3px solid #42e8b3;border-radius:7px;position:relative;box-shadow:inset 0 0 0 4px #08121f}.brand-mark:after{content:"";position:absolute;inset:6px;border:2px solid #42e8b3;border-radius:2px}.brand strong,.brand span{display:block}.brand strong{font-size:16px;letter-spacing:.01em}.brand span{color:#8ca0b5;font-size:11px;margin-top:2px}.install,.secondary,.ghost,.primary,.torch{border-radius:7px;border:1px solid transparent;min-height:42px;padding:0 14px;font-weight:700}.install,.secondary{background:#102338;border-color:#2f4963;color:#e5eef7}.install{min-height:34px;padding:0 10px;font-size:12px}.tool{margin-top:18px;background:#0d1b2c;border:1px solid #1e344d;border-radius:8px;padding:14px;box-shadow:0 16px 40px #0003}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#08121f;border-radius:7px}.mode{border:0;border-radius:5px;min-height:38px;background:transparent;color:#91a8bd;font-weight:700}.mode.active{background:#18334a;color:#42e8b3}.camera-wrap{position:relative;margin-top:14px;aspect-ratio:4 / 3;overflow:hidden;border-radius:7px;background:#050b13;border:1px solid #243d56}video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.camera-wrap.live video{opacity:1}.camera-empty{position:absolute;inset:0;display:grid;place-items:center;color:#7f93a8;font-size:14px}.camera-wrap.live .camera-empty{display:none}.scan-frame{position:absolute;inset:16% 12%;border:2px solid #42e8b3;border-radius:9px;pointer-events:none;box-shadow:0 0 0 999px #02060a4d}.scan-frame span{position:absolute;left:3%;right:3%;top:50%;height:2px;background:#42e8b3;opacity:.8}.scan-frame.long{inset:35% 5%}.torch{position:absolute;right:10px;bottom:10px;min-height:34px;background:#0e2033dd;border-color:#36556f;color:#fff;font-size:12px}.torch.on{color:#08121f;background:#42e8b3;border-color:#42e8b3}.scan-tip{min-height:18px;margin:9px 2px 0;color:#8da2b7;font-size:12px;text-align:center}.actions,.result-actions,.manual-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.primary{background:#42e8b3;color:#07131f}.secondary:disabled,.ghost:disabled{cursor:default;opacity:.45}.ghost{background:transparent;border-color:#2f4963;color:#9fb2c5}.result{margin-top:14px;padding:13px;border:1px solid #203a54;border-radius:7px;background:#081522}.result-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8ea3b7;font-size:12px;font-weight:700}.format{color:#42e8b3}.result-code{margin-top:10px;min-height:42px;color:#f6fbff;font-size:clamp(20px,5vw,32px);line-height:1.18;font-weight:800;overflow-wrap:anywhere}.result-code.empty{color:#60768b;font-size:18px;font-weight:600}.result-meta{min-height:17px;margin-top:7px;color:#73889c;font-size:11px}.result-actions{margin-top:10px}.manual-row{grid-template-columns:1fr auto}.manual-row input{width:100%;min-height:42px;border:1px solid #2b4660;border-radius:7px;padding:0 12px;color:#e8f0f8;background:#07111d;outline:none}.manual-row input:focus{border-color:#42e8b3;box-shadow:0 0 0 2px #42e8b333}.history-section{margin-top:20px}.section-head h2{margin:0;color:#d7e4ef;font-size:14px}.history{display:grid;gap:7px;margin-top:9px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #1d344b;border-radius:7px;background:#0d1b2a;color:#e4edf5;padding:11px 12px;text-align:left}.history-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row span{flex:none;color:#768da4;font-size:11px}.privacy{margin:16px 0 0;color:#60778d;font-size:11px;text-align:center}.toast{position:fixed;z-index:5;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%,16px);opacity:0;pointer-events:none;border-radius:7px;padding:11px 14px;background:#42e8b3;color:#06131f;font-size:13px;font-weight:700;transition:opacity .18s ease,transform .18s ease}.toast.error{background:#ff6e70;color:#23090b}.toast.show{opacity:1;transform:translate(-50%)}@media(min-width:640px){.shell{padding-top:28px}.tool{padding:18px}}