:root{--black: #0c0c0c;--bg: #efede6;--bg-dark: #d1cfc8;--fg: var(--black);--accent: #c1121f;--accent-2: #2b9348;--accent-3: #cc9a00;--border-color: var(--black);--border: 4px solid var(--border-color);--font: "Helvetica Neue", "Arial Narrow", sans-serif;--font-mono: "Courier New", "SF Mono", monospace}[data-theme=dark]{--bg: #161616;--bg-dark: #2a2a2a;--fg: #e0e0d8;--border-color: #555}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);scroll-behavior:smooth;background-color:var(--bg)}body{display:flex;justify-content:center;max-width:100%;min-height:100dvh;overflow-x:hidden;width:100%}#root{background:var(--bg);color:var(--fg);display:flex;flex-direction:column;line-height:1.3;max-width:580px;height:100dvh;overflow-x:hidden;width:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:var(--border);background:var(--bg)}.brand-accent{background:var(--accent);color:var(--bg);padding:2px 4px}.header-brand{font-size:1.25rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.header-controls{display:flex;align-items:center;gap:6px}.header-controls select{background:var(--bg);color:var(--fg);border:2px solid var(--border-color);font-family:var(--font-mono);font-size:1rem;font-weight:700;text-transform:uppercase;padding:4px 6px;cursor:pointer;letter-spacing:.1em;-webkit-appearance:none;-moz-appearance:none;appearance:none}.header-controls select:focus{outline:2px solid var(--accent);outline-offset:1px}.header-theme select{font-weight:700;min-width:36px;text-align:center;font-size:1rem}main{flex:1 1 auto;overflow-y:auto;padding:16px;min-height:0;background-size:20px 20px}nav{display:flex;border-top:var(--border);background:var(--bg);z-index:100}nav>a{flex:1;text-align:center;padding:10px 0;text-transform:uppercase;font-weight:700;font-size:.7rem;letter-spacing:.1em;display:flex;flex-direction:column;align-items:center;gap:2px;border-left:var(--border);color:var(--fg);text-decoration:none}nav>a:first-child{border-left:none}nav>a:hover,nav>a.active{background:var(--fg);color:var(--bg)}nav>a.active{cursor:default}.nav-icon{font-size:1rem;font-weight:900}.nav-text{font-size:.6rem;letter-spacing:.15em}button{border:var(--border);background:var(--bg);color:var(--fg);cursor:pointer;font-family:var(--font);font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:.75rem 1.25rem;text-transform:uppercase;position:relative}button:hover{background:var(--fg);color:var(--bg)}button:active{top:2px}button:disabled{opacity:.4;cursor:default}button:disabled:hover{background:var(--bg);color:var(--fg)}.markedButton{background:var(--accent)!important;color:#e0e0d8}.markedButton:hover{background:var(--fg)!important;color:var(--bg)}section>button{flex:1}ul li button{font-size:.7rem;padding:.5em}h2{border-bottom:var(--border);font-size:1.4rem;font-weight:900;letter-spacing:.05em;padding-bottom:8px;margin-bottom:16px;text-transform:uppercase}h3{font-size:1rem;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.1em}p{font-size:.875rem;line-height:1.5;margin:.5rem 0}a{color:var(--fg);text-decoration:none;font-weight:700}a[href]{word-break:break-all}.scanner{aspect-ratio:1;align-items:center;border:var(--border);display:flex;flex-direction:column;gap:2em;justify-content:center;margin-bottom:14px;overflow:hidden;padding:14px;position:relative;text-align:center;color:var(--fg);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--bg)}.scanner>span,.scanner>.idle-prompt{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.scanner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.scanner:after{content:"▼ SCAN AREA ▼";position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.55rem;letter-spacing:.3em;color:var(--fg);opacity:.4;font-weight:700}.idle-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.tap-icon{font-size:1rem;font-weight:900;border:3px solid var(--accent);padding:6px 14px;color:var(--accent)}.loading-text{font-weight:900;font-size:1rem;letter-spacing:.2em}.error-box{display:flex;flex-direction:column;gap:8px}.is-hidden{display:none}.state-indicator{justify-content:center;margin-top:14px}.state-badge{font-size:.65rem;letter-spacing:.2em;padding:4px 10px;border:2px solid var(--border-color);font-weight:700;text-transform:uppercase;font-family:var(--font-mono)}.state-idle{color:var(--accent-2);border-color:var(--accent-2)}.state-scanning{color:var(--fg);border-color:var(--fg)}.state-found,.state-error{color:var(--accent);border-color:var(--accent)}.detected-box{width:100%;border:var(--border);padding:16px;text-align:center;background:var(--bg)}.detected-box h2{margin:0 0 12px;font-size:1.2rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;border:none;padding:0}.detected-box a{display:block;-webkit-line-clamp:unset;overflow:visible;word-break:break-all;font-family:var(--font-mono);font-size:.8rem}input{background:var(--bg);border:var(--border);color:var(--fg);font-family:var(--font-mono);font-size:1rem;padding:.75rem;width:100%}input:focus{outline:3px solid var(--accent);outline-offset:-1px}section,footer{display:flex;gap:0 .5em;justify-content:space-between;text-align:center}section>svg{width:100%}ul{margin:0;list-style:none}ul li{border-bottom:2px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.75em 0;gap:.5em}ul li:first-child{border-top:2px solid var(--border-color)}ul li a{font-family:var(--font-mono);font-size:.8rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}mark{background:var(--accent);color:#e0e0d8;padding:.4rem .6rem;text-align:center;font-weight:700;letter-spacing:.08em}hr{border:0;margin-bottom:14px;border-bottom:var(--border)}img{max-width:100%;padding:14px;border:var(--border);margin-bottom:14px}.upload-zone{width:100%;min-height:200px;border:var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:14px;text-align:center;position:relative;margin-bottom:14px;background:var(--bg)}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.upload-zone:after{content:"▼ UPLOAD AREA ▼";position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.55rem;letter-spacing:.3em;color:var(--fg);opacity:.4;font-weight:700}.upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;text-transform:uppercase;font-weight:700;position:relative;z-index:1}.upload-icon{font-size:1rem;font-weight:900;border:3px solid var(--accent);padding:6px 14px;color:var(--accent)}.create-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.input-label{font-size:.7rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase;font-family:var(--font-mono)}.qr-output{border:var(--border);padding:16px;display:flex;justify-content:center;background:var(--bg)}.qr-output svg{max-width:100%}.history-count{font-size:.7rem;letter-spacing:.2em;font-weight:700;margin-bottom:0;border:2px solid var(--border-color);padding:6px 10px;display:inline-block;font-family:var(--font-mono)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.history-checkbox{width:16px;height:16px;border:2px solid var(--border-color);accent-color:var(--accent);cursor:pointer}.no-data{text-align:center;padding:2rem;border:var(--border);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);opacity:.5}.info-plate{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;padding:10px 14px;border:2px solid var(--border-color);border-left:4px solid var(--accent-3);background:var(--bg);color:var(--fg);margin:0;line-height:1.4}.terminal-panel{border:var(--border);background:var(--bg);margin-bottom:14px}.terminal-panel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:2px solid var(--border-color);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase}.terminal-panel__status{color:var(--accent-3);display:flex;align-items:center;gap:6px}.terminal-panel__status--ready{color:var(--accent-2)}.terminal-panel__status--error{color:var(--accent)}.terminal-panel__status--scanning{color:var(--fg)}.terminal-panel__body{padding:14px;display:flex;flex-direction:column;gap:10px}.terminal-input-group{display:flex;align-items:stretch;border:2px solid var(--border-color);background:var(--bg)}.terminal-prompt{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--accent-2);padding:.75rem 0 .75rem 10px;flex-shrink:0}.terminal-input-group input{border:none;margin:0;background:transparent;font-family:var(--font-mono);font-size:1rem;padding:.75rem 10px;width:100%;color:var(--fg)}.terminal-input-group input:focus{outline:none}.terminal-input-group input::placeholder{color:var(--fg);opacity:.3;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.terminal-data-display{font-family:var(--font-mono);font-size:.8rem;word-break:break-all;padding:10px;border:2px solid var(--border-color);background:var(--bg);margin:0;color:var(--fg)}