@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body,textarea,button{font-family:Inter,sans-serif}#app{display:flex;flex-direction:column;align-items:center}h1,h2,h3,h4{line-height:1.2}p{line-height:1.55}.responsive-container{width:100%;max-width:var(--content-max-width, 1200px);margin:0 auto;padding-inline:clamp(.75rem,1.2vw,1.5rem);box-sizing:border-box}@media (max-width: 400px){button{width:100%}}.app-shell[data-v-0b8424db]{width:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,1.5vw,2.5rem) 1rem 4rem;box-sizing:border-box}.container[data-v-0b8424db]{width:100%;max-width:var(--content-max-width);margin:0 auto}.mode-selector[data-v-0b8424db]{margin-bottom:clamp(1.25rem,1rem + 1vw,2rem);padding:clamp(1rem,.75rem + .6vw,1.5rem);border:1.5px solid #e0e0e0;border-radius:var(--radius-md);background-color:var(--color-surface);-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2)}.mode-selector h3[data-v-0b8424db]{margin:0 0 15px;color:#333}.radio-group[data-v-0b8424db]{display:flex;gap:20px;margin-bottom:15px}.radio-group label[data-v-0b8424db]{display:flex;align-items:center;cursor:pointer}.radio-group input[type=radio][data-v-0b8424db]{margin-right:8px}.radio-label.positive[data-v-0b8424db]{color:#2d5a2d;font-weight:500}.radio-label.negative[data-v-0b8424db]{color:#8b2635;font-weight:500}.mode-description[data-v-0b8424db]{font-size:14px;color:#666;margin:0;padding:10px;background-color:#fff;border-radius:4px;border-left:4px solid #007acc}.mode-description.testing-mode[data-v-0b8424db]{background-color:#e8f4f8;border-left-color:#007acc;color:#333}.input-wrapper[data-v-0b8424db]{margin-bottom:clamp(1.25rem,1rem + 1vw,2rem)}.input-row[data-v-0b8424db]{display:flex;gap:clamp(.9rem,1vw,1.25rem);align-items:flex-start}.input-field[data-v-0b8424db]{flex:1}.input-field label[data-v-0b8424db]{display:block;margin-bottom:8px;font-weight:500;color:#000}.input-field input[data-v-0b8424db]{width:100%;padding:12px;font-size:16px;border:1px solid #000000;background-color:#fff;color:#000;box-sizing:border-box;border-radius:4px}.input-field input[data-v-0b8424db]:focus{outline:2px solid #000000;outline-offset:2px}.input-field input[data-v-0b8424db]:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.input-hint[data-v-0b8424db]{font-size:14px;color:#666;margin:5px 0 0;font-style:italic}.controls[data-v-0b8424db]{display:flex;gap:.75rem;margin-bottom:clamp(1.5rem,1.25rem + 1vw,2.5rem);flex-wrap:wrap}.timer-text[data-v-0b8424db]{font-weight:500;font-size:16px}.controls button[data-v-0b8424db]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.train-btn[data-v-0b8424db]{background-color:#2d5a2d;color:#fff}.train-btn[data-v-0b8424db]:hover:not(:disabled){background-color:#1e3f1e}.train-btn[data-v-0b8424db]:disabled{background-color:#ccc;cursor:not-allowed}.sync-btn[data-v-0b8424db]{background-color:#6c5ce7;color:#fff}.sync-btn[data-v-0b8424db]:hover{background-color:#5a4fcf}.clear-btn[data-v-0b8424db]{background-color:#8b2635;color:#fff}.clear-btn[data-v-0b8424db]:hover{background-color:#6d1d2a}.test-btn[data-v-0b8424db]{background-color:#007acc;color:#fff}.test-btn[data-v-0b8424db]:hover:not(:disabled){background-color:#005a99}.test-btn[data-v-0b8424db]:disabled{background-color:#ccc;cursor:not-allowed}.status-section[data-v-0b8424db]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:clamp(1rem,.75rem + .8vw,1.5rem);align-items:start}.status-message[data-v-0b8424db]{grid-column:1 / -1;text-align:left;color:#333;padding:15px;background-color:#f0f0f0;border-radius:4px}.data-stats[data-v-0b8424db],.prediction-result[data-v-0b8424db]{padding:15px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.data-stats h4[data-v-0b8424db],.prediction-result h4[data-v-0b8424db]{margin:0 0 10px;color:#333}.data-stats p[data-v-0b8424db],.prediction-result p[data-v-0b8424db]{margin:5px 0;font-size:14px}.storage-info[data-v-0b8424db]{color:#6c5ce7;font-style:italic;font-size:12px!important}.prediction[data-v-0b8424db]{font-size:16px;font-weight:600;padding:10px 12px;border-radius:6px;text-align:center;display:inline-block;min-width:220px}.prediction.legitimate[data-v-0b8424db]{background-color:#e6ffed;color:#0b6b2d;border:1px solid #b7f0c2}.prediction.impostor[data-v-0b8424db]{background-color:#ffe8e6;color:#9b1c1c;border:1px solid #f3b0ad}.base-preds-list[data-v-0b8424db]{list-style:none;padding-left:0;margin:0}.base-pred-item[data-v-0b8424db]{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:14px}.base-pred-item .dash[data-v-0b8424db]{color:#888}.base-pred-item .pred-prob[data-v-0b8424db]{font-weight:600}.base-pred-item .idx[data-v-0b8424db]{color:#666;width:20px;display:inline-block}.base-pred-item .label.legitimate[data-v-0b8424db]{color:#0b6b2d;font-weight:600}.base-pred-item .label.impostor[data-v-0b8424db]{color:#9b1c1c;font-weight:600}.base-pred-item .probs[data-v-0b8424db],.base-pred-item .conf[data-v-0b8424db]{color:#555}@media (max-width: 900px){.input-row[data-v-0b8424db]{flex-direction:column}.input-field[data-v-0b8424db],.input-field input[data-v-0b8424db]{width:100%}.controls[data-v-0b8424db]{flex-direction:row}}@media (max-width: 640px){.input-row[data-v-0b8424db]{flex-direction:column}.input-field[data-v-0b8424db],.input-field input[data-v-0b8424db]{width:100%}.controls[data-v-0b8424db]{flex-direction:column}.mode-selector[data-v-0b8424db]{padding:1rem}.prediction[data-v-0b8424db]{width:100%}}@media (min-width: 1400px){.app-shell[data-v-0b8424db]{padding-top:3rem}.container[data-v-0b8424db]{font-size:1rem}}.flex[data-v-0b8424db]{display:flex}.items-center[data-v-0b8424db]{align-items:center}.w-full[data-v-0b8424db]{width:100%}.h-full[data-v-0b8424db]{height:100%}.height_4[data-v-0b8424db]{height:4px}.relative[data-v-0b8424db]{position:relative}.absolute[data-v-0b8424db]{position:absolute}.devider-dot[data-v-0b8424db]{height:4px;width:4px;min-width:4px;border-radius:50%;background-color:#000;margin-left:2px;margin-right:2px}.bar-container[data-v-0b8424db]{min-width:260px;width:260px}.bar-wrapper[data-v-0b8424db]{width:100%;position:relative;background-color:#000;border-radius:6px;height:4px}.bar-fill[data-v-0b8424db]{position:absolute;top:0;height:4px;background-color:#ff3401;border-radius:8px}.bar-right[data-v-0b8424db]{right:0}.bar-left[data-v-0b8424db]{left:0}
