: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:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background:#fff;max-width:600px;min-height:100vh;margin:0 auto}.status-bar{text-align:center;z-index:100;padding:10px;font-weight:700;position:sticky;top:0}.status-bar.online{color:#fff;background:#4caf50}.status-bar.offline{color:#fff;background:#f44336}.navigation{z-index:99;background:#fff;border-bottom:1px solid #ddd;justify-content:space-around;padding:10px;display:flex;position:sticky;top:40px}.navigation button{cursor:pointer;background:0 0;border:none;padding:10px;font-size:14px}.navigation button:hover{background:#f0f0f0;border-radius:4px}.content{padding:20px}h1{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:#2196f3;border:none;border-radius:4px;padding:10px 20px}.search-container{flex-direction:column;gap:15px;display:flex}.search-input-group{gap:10px;display:flex}.search-input{border:1px solid #ddd;border-radius:4px;flex:1;padding:12px;font-size:16px}.help-btn{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:4px;padding:10px 15px}.btn-primary{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;padding:12px 24px;font-size:16px}.btn-primary:disabled{cursor:not-allowed;background:#ccc}.help-modal{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:15px}.article-list{flex-direction:column;gap:15px;display:flex}.article-item{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;justify-content:space-between;padding:15px;display:flex}.article-info h3{margin-bottom:5px;font-size:16px}.article-info p{color:#666;margin:3px 0;font-size:14px}.article-actions{gap:10px;display:flex}.article-actions button{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;padding:8px 12px}.badge{border-radius:4px;margin-top:5px;padding:4px 8px;font-size:12px;display:inline-block}.offline-badge{color:#fff;background:#ff9800}.error-badge{color:#fff;background:#f44336}.empty-list{text-align:center;color:#666;padding:40px 20px}.settings-container{flex-direction:column;gap:20px;display:flex}.setting-item{flex-direction:column;gap:10px;display:flex}.setting-item label{font-size:16px;font-weight:700}.setting-description{color:#666;font-size:14px}.quantity-input{border:1px solid #ddd;border-radius:4px;max-width:200px;padding:10px;font-size:16px}