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