.guide-trigger{cursor:pointer;z-index:50;background:#ffffff08;border:1px solid #ffffff1a;border-radius:2px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:border-color .15s,background-color .15s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.guide-trigger kbd{color:#71717a;font-family:CommitMono,monospace;font-size:.875rem;transition:color .15s}.guide-trigger:hover,.guide-trigger:focus{background:#ffffff0f;border-color:#60a5fa;outline:none}.guide-trigger:hover kbd,.guide-trigger:focus kbd{color:#e8e8ec}@media (max-width:768px){.guide-trigger{width:2.25rem;height:2.25rem;bottom:1rem;right:1rem}}.guide-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.guide-modal-overlay.guide-modal--v2{--guide-overlay-bg:#0d0d0fe6;--guide-modal-bg:#141418f2;--guide-modal-border:#ffffff1a;--guide-modal-shadow:0 8px 32px #00000080;--guide-text:#e8e8ec;--guide-text-muted:#71717a;--guide-border:#ffffff1a;--guide-surface:#ffffff08;--guide-accent:#60a5fa;--guide-accent-soft:#60a5fa26;--guide-kbd-bg:#ffffff0d;--guide-kbd-border:#ffffff1a;--guide-font:"CommitMono",monospace;background:var(--guide-overlay-bg)}.guide-modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.guide-modal.guide-modal--v2{--guide-overlay-bg:#0d0d0fe6;--guide-modal-bg:#141418f2;--guide-modal-border:#ffffff1a;--guide-modal-shadow:0 8px 32px #00000080;--guide-text:#e8e8ec;--guide-text-muted:#71717a;--guide-border:#ffffff1a;--guide-surface:#ffffff08;--guide-accent:#60a5fa;--guide-accent-soft:#60a5fa26;--guide-kbd-bg:#ffffff0d;--guide-kbd-border:#ffffff1a;--guide-font:"CommitMono",monospace;background:var(--guide-modal-bg);border:1px solid var(--guide-modal-border);box-shadow:var(--guide-modal-shadow);font-family:var(--guide-font);color:var(--guide-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:2px}.guide-modal:focus{outline:none}.guide-modal__header{border-bottom:1px solid var(--guide-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.guide-modal__header h2{text-transform:uppercase;letter-spacing:.05em;color:var(--guide-text);margin:0;font-size:1rem;font-weight:700}.guide-modal__close{cursor:pointer;color:var(--guide-text-muted);background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;transition:color .15s;display:flex}.guide-modal__close kbd{border:1px solid var(--guide-kbd-border);background:var(--guide-kbd-bg);color:var(--guide-text-muted);border-radius:2px;padding:.125rem .375rem;font-family:inherit;font-size:.6875rem}.guide-modal__close:hover{color:var(--guide-text)}.guide-modal__content{padding:1.25rem}.guide-modal__section:not(:last-child){margin-bottom:1.5rem}.guide-modal__section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--guide-text-muted);margin:0 0 .75rem;font-size:.8125rem;font-weight:700}.guide-modal__shortcuts{grid-template-columns:1fr 1fr;gap:.75rem 2rem;display:grid}@media (max-width:480px){.guide-modal__shortcuts{grid-template-columns:1fr}}.guide-modal__shortcut-group{flex-direction:column;gap:.375rem;display:flex}.guide-modal__shortcut{align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.guide-modal__keys{align-items:center;gap:.125rem;min-width:5.5rem;display:flex}.guide-modal__keys kbd{border:1px solid var(--guide-kbd-border);background:var(--guide-kbd-bg);color:var(--guide-text);border-radius:2px;padding:.125rem .375rem;font-family:inherit;font-size:.6875rem}.guide-modal__action{color:var(--guide-text-muted);font-size:.75rem}@media (prefers-reduced-motion:reduce){.guide-trigger,.guide-trigger kbd{transition:none}.guide-modal-overlay,.guide-modal{animation:none}.guide-modal__close{transition:none}}