*,:before,:after{box-sizing:border-box}body{color:#1a1a2e;background:#f8f9fa;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}.peekr-app{max-width:600px;margin:40px auto;padding:0 20px}.title-container{align-items:baseline;gap:10px;margin-bottom:24px;display:flex}.title-container h1{margin:0;font-size:1.5rem;font-weight:700}.version-info{color:#888;margin:0;font-size:.8rem}.status-badge{border-radius:999px;margin-bottom:24px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.status-idle{color:#495057;background:#e9ecef}.status-loading{color:#856404;background:#fff3cd}.status-ready{color:#155724;background:#d4edda}.status-tracking{color:#004085;background:#cce5ff}.status-calibrating{color:#4a1d96;background:#e2d5f1}.step{opacity:.5;background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;padding:16px 20px;transition:opacity .3s,border-color .3s}.step.active{opacity:1;border-color:#4a90d9}.step.done{opacity:.7;border-color:#28a745}.step-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.step-number{color:#495057;background:#dee2e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:inline-flex}.step.active .step-number{color:#fff;background:#4a90d9}.step.done .step-number{color:#fff;background:#28a745}.step-label{font-size:1rem;font-weight:600}.step-description{color:#6c757d;margin:0 0 12px 36px;font-size:.85rem}.step-actions{flex-wrap:wrap;gap:8px;margin-left:36px;display:flex}.step .btn{margin-left:36px}.step-actions .btn{margin-left:0}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:background .2s,opacity .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#fff;background:#4a90d9}.btn-primary:hover:not(:disabled){background:#3a7bc8}.btn-secondary{color:#495057;background:#e9ecef}.btn-secondary:hover:not(:disabled){background:#dee2e6}.btn-danger{color:#fff;background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.options-section{margin:16px 0}.checkbox-label{color:#495057;cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#4a90d9}.recording-panel{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;padding:16px 20px}.recording-panel h3{margin:0 0 12px;font-size:.95rem;font-weight:600}.manual-calibration{margin:12px 0;font-size:.9rem}.manual-calibration summary{cursor:pointer;color:#495057;padding:8px 0;font-weight:600}.manual-calibration-body{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:8px;padding:16px 20px}.manual-hint{color:#6c757d;margin:0 0 12px;font-size:.8rem}.manual-calibration-body label{color:#495057;justify-content:space-between;align-items:center;margin:8px 0;font-size:.85rem;display:flex}.manual-calibration-body input[type=number]{border:1px solid #dee2e6;border-radius:4px;width:80px;padding:4px 8px;font-size:.85rem}#PeekrLog{white-space:pre-wrap;color:#a8b2c1;background:#1a1a2e;border-radius:8px;max-height:200px;margin-top:16px;padding:12px 16px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;overflow-y:auto}#PeekrLog:empty{display:none}#PeekrGazeDot{pointer-events:none;z-index:9999;background:#28a745;border-radius:50%;width:20px;height:20px;display:none;position:fixed;transform:translate(-10px,-10px);box-shadow:0 0 6px #28a74580}
