:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{background:#eceff4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background:#fff;max-width:600px;min-height:100vh;margin:0 auto;box-shadow:0 0 20px #0000001a}.status-bar{text-align:center;z-index:100;padding:10px;font-weight:700;position:sticky;top:0}.status-bar.online{color:#fff;background:#5e81ac}.status-bar.offline{color:#fff;background:#bf616a}.navigation{z-index:99;background:#4c566a;border-bottom:1px solid #3b4252;justify-content:space-around;padding:10px;display:flex;position:sticky;top:40px}.navigation button{cursor:pointer;color:#eceff4;background:0 0;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.navigation button:hover{color:#fff;background:#5e81ac;transform:translateY(-1px)}.content{padding:20px}h1{color:#2e3440;margin-bottom:20px;font-size:24px}.scanner-container{flex-direction:column;align-items:center;gap:15px;display:flex}.camera-switch-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5e81ac 0%,#81a1c1 100%);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #5e81ac4d}.camera-switch-btn:hover{background:linear-gradient(135deg,#81a1c1 0%,#5e81ac 100%);transform:translateY(-2px);box-shadow:0 4px 12px #5e81ac66}.camera-switch-btn:active{transform:translateY(0);box-shadow:0 2px 4px #5e81ac4d}.search-container{flex-direction:column;gap:15px;display:flex}.search-input-group{gap:10px;display:flex}.search-input{border:2px solid #d8dee9;border-radius:4px;flex:1;padding:12px;font-size:16px;transition:border-color .2s}.search-input:focus{border-color:#5e81ac;outline:none}.help-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5e81ac 0%,#81a1c1 100%);border:none;border-radius:8px;padding:10px 15px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #5e81ac4d}.help-btn:hover{background:linear-gradient(135deg,#81a1c1 0%,#5e81ac 100%);transform:translateY(-2px);box-shadow:0 4px 12px #5e81ac66}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5e81ac 0%,#81a1c1 100%);border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #5e81ac4d}.btn-primary:hover{background:linear-gradient(135deg,#81a1c1 0%,#5e81ac 100%);transform:translateY(-2px);box-shadow:0 4px 12px #5e81ac66}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #5e81ac4d}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;opacity:.6;background:#d8dee9;transform:none}.help-modal{color:#2e3440;background:#ebcb8b;border:1px solid #d08770;border-radius:4px;padding:15px}.article-list{flex-direction:column;gap:15px;display:flex}.article-item{background:#eceff4;border:1px solid #d8dee9;border-radius:4px;justify-content:space-between;padding:15px;transition:box-shadow .2s;display:flex}.article-item:hover{box-shadow:0 2px 8px #0000001a}.article-info h3{color:#2e3440;margin-bottom:5px;font-size:16px}.article-info p{color:#4c566a;margin:3px 0;font-size:14px}.article-actions{gap:10px;display:flex}.article-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5e81ac 0%,#81a1c1 100%);border:none;border-radius:6px;padding:8px 12px;font-size:16px;transition:all .3s;box-shadow:0 2px 6px #5e81ac4d}.article-actions button:hover{background:linear-gradient(135deg,#81a1c1 0%,#5e81ac 100%);transform:translateY(-2px);box-shadow:0 3px 10px #5e81ac66}.article-actions button:active{transform:translateY(0);box-shadow:0 2px 4px #5e81ac4d}.badge{border-radius:4px;margin-top:5px;padding:4px 8px;font-size:12px;display:inline-block}.offline-badge{color:#fff;background:#d08770}.error-badge{color:#fff;background:#bf616a}.empty-list{text-align:center;color:#4c566a;padding:40px 20px}.settings-container{flex-direction:column;gap:20px;display:flex}.setting-item{flex-direction:column;gap:10px;display:flex}.setting-item label{color:#2e3440;font-size:16px;font-weight:700}.setting-description{color:#4c566a;font-size:14px}.quantity-input{border:2px solid #d8dee9;border-radius:4px;max-width:200px;padding:10px;font-size:16px;transition:border-color .2s}.quantity-input:focus{border-color:#5e81ac;outline:none}