*{margin:0;padding:0;box-sizing:border-box}body{background:#0f0f1a}.metric-card{background:#1a1a2e;border:1px solid #333;border-radius:12px;padding:16px 20px;text-align:center}.metric-label{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.metric-value{font-size:1.5rem;font-weight:700;color:#e0e0ff}.metric-estimated{display:block;font-size:.7rem;color:#f0ad4e;font-weight:400;margin-top:2px}.dashboard{padding:20px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto}@media(max-width:700px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.exp-chart{padding:20px;max-width:900px;margin:0 auto}.exp-chart h3{font-size:1rem;color:#888;margin-bottom:12px}.exp-chart-empty{text-align:center;color:#666;padding:40px 20px;font-size:.9rem}.settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.settings-panel{background:#1a1a2e;border:1px solid #333;border-radius:12px;padding:24px;min-width:350px}.settings-panel h3{margin-bottom:20px;color:#e0e0ff}.setting-group{margin-bottom:20px}.setting-group label{display:block;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.setting-desc{font-size:.85rem;color:#aaa;margin-bottom:8px}.interval-options{display:flex;gap:8px}.interval-btn{padding:6px 14px;background:#333;color:#ccc;border:1px solid #555;border-radius:6px;cursor:pointer;transition:all .2s}.interval-btn.active{background:#4a6cf7;color:#fff;border-color:#4a6cf7}.crop-buttons{display:flex;gap:8px}.settings-close{width:100%;margin-top:8px}.crop-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.crop-modal{background:#1a1a2e;border:1px solid #333;border-radius:12px;padding:24px;max-width:90vw;max-height:90vh;overflow:auto}.crop-modal h3{margin-bottom:8px;color:#e0e0ff}.crop-modal p{color:#888;font-size:.9rem;margin-bottom:16px}.crop-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:8px}.zoom-label{font-size:.85rem;color:#888}.btn-small{padding:4px 10px;font-size:.8rem;background:#333;color:#ccc;border:1px solid #555;border-radius:4px;cursor:pointer}.btn-small:hover{background:#444}.tool-buttons{display:flex;gap:4px}.btn-tool{padding:4px 12px;font-size:.8rem;background:#333;color:#ccc;border:1px solid #555;border-radius:4px;cursor:pointer;transition:all .15s}.btn-tool.active{background:#4a6cf7;color:#fff;border-color:#4a6cf7}.crop-canvas{border:1px solid #444;border-radius:4px;display:block;margin-bottom:16px;width:800px;height:500px}.cursor-grab{cursor:grab}.cursor-grab:active{cursor:grabbing}.cursor-crosshair{cursor:crosshair}.crop-actions{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{padding:8px 16px;background:#333;color:#ccc;border:1px solid #555;border-radius:8px;cursor:pointer}.btn-primary{padding:8px 16px;background:#4a6cf7;color:#fff;border:none;border-radius:8px;cursor:pointer}.pip-container{background:#0f0f1a;color:#e0e0ff;padding:14px 18px;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}.pip-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0}.pip-highlight{padding:8px 0}.pip-label{color:#888;font-size:.85em}.pip-value{font-weight:700;font-size:1.05em;text-align:right}.pip-est{font-weight:400;font-size:.75em;color:#f0ad4e}.pip-divider{border-top:1px solid #333;margin:4px 0}.debug-preview{padding:20px;max-width:900px;margin:0 auto}.debug-preview h3{font-size:1rem;color:#888;margin-bottom:12px}.debug-images{display:flex;gap:24px;flex-wrap:wrap}.debug-item{display:flex;flex-direction:column;gap:6px}.debug-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.debug-item img{border:1px solid #444;border-radius:4px;max-width:100%;image-rendering:pixelated}.debug-details{margin-top:12px;display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-family:monospace}.debug-detail-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.debug-detail-label{color:#888;min-width:70px}.debug-detail-sep{width:1px;height:14px;background:#444;margin:0 4px}.debug-token{display:inline-flex;align-items:baseline;gap:2px;background:#2a2a2a;border-radius:3px;padding:1px 5px}.debug-token-text{color:#ddd}.debug-token-conf{font-size:.7rem}.debug-detail-value{color:#ddd}.debug-skip-badge{background:#f44336;color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:3px}.app{min-height:100vh;background:#0f0f1a;color:#e0e0ff;font-family:Segoe UI,system-ui,sans-serif}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#1a1a2e;border-bottom:1px solid #333}.app-header h1{font-size:1.2rem;margin:0}.header-controls{display:flex;align-items:center;gap:12px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-idle{background:#666}.status-initializing{background:#f0ad4e;animation:pulse 1s infinite}.status-tracking{background:#5cb85c}.status-error{background:#d9534f}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:.85rem;color:#888;text-transform:capitalize}.btn-toggle{padding:8px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-start{background:#4a6cf7;color:#fff}.btn-start:hover{background:#3a5ce5}.btn-stop{background:#d9534f;color:#fff}.btn-stop:hover{background:#c9302c}.btn-toggle:disabled{opacity:.5;cursor:not-allowed}.btn-settings{padding:8px 16px;background:#333;color:#ccc;border:1px solid #555;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s}.btn-settings:hover{background:#444}.ocr-warning{font-size:.8rem;color:#f0ad4e;background:#f0ad4e26;padding:4px 10px;border-radius:6px}.btn-debug-toggle{display:block;margin:12px auto;padding:4px 12px;font-size:.8rem;background:none;color:#555;border:1px solid #333;border-radius:4px;cursor:pointer}.btn-debug-toggle:hover{color:#888;border-color:#555}.app-footer{text-align:center;padding:24px;font-size:.85rem;color:#555;border-top:1px solid #222}.app-footer a{color:#4a6cf7;text-decoration:none}.app-footer a:hover{text-decoration:underline}