.onboarding-overlay{background:var(--overlay-bg);z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.onboarding-box{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:480px;max-width:100%;height:600px;max-height:calc(100vh - 2rem);padding:1.75rem;display:flex;position:relative;overflow-y:auto}.onboarding-content{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.onboarding-box h2{margin:0 0 .5rem;font-size:1.2rem}.onboarding-box p{color:var(--text-dim);margin:0 0 .5rem}.onboarding-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.onboarding-step-counter{color:var(--text-dim);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:.8rem;font-weight:600;position:absolute;top:.9rem;left:1.75rem}.onboarding-keyboard{margin:1rem 0}.onboarding-keyboard-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.3rem;font-size:.75rem;font-weight:600;display:block}.onboarding-demo{justify-content:center;margin:1rem 0;display:flex}.onboarding-demo-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.onboarding-demo-keys{flex-direction:column;align-items:center;gap:.5rem;display:flex}.onboarding-demo-label{color:var(--text-dim);font-size:.85rem;font-weight:600}.onboarding-actions{justify-content:space-between;gap:.5rem;margin-top:1.25rem;display:flex}.onboarding-actions button:only-child{margin-left:auto}
.feedback-modal-overlay{background:var(--overlay-bg);z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.feedback-modal-box{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;width:100%;max-width:420px;padding:1.5rem}.feedback-modal-box h2{margin:0 0 1rem;font-size:1.1rem}.feedback-modal-box p{color:var(--text-dim);margin:0 0 1rem}.feedback-modal-box form{flex-direction:column;gap:1rem;display:flex}.feedback-modal-buttons{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.feedback-modal-cancel-button{border:1px solid var(--border);color:var(--text);background:0 0}