.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}.guide-trigger--v1{background:#fffffff2;border:1px solid #00000014;border-radius:8px;box-shadow:0 2px 8px #0000000f}.guide-trigger--v1 kbd{color:#454545;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600}.guide-trigger--v1:hover,.guide-trigger--v1:focus{background:#fff;border-color:#0003;box-shadow:0 4px 12px #0000001a}.guide-trigger--v1:hover kbd,.guide-trigger--v1:focus kbd{color:#222}@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--v1{--guide-overlay-bg:#faf9f6f2;--guide-modal-bg:#fffffff2;--guide-modal-border:#00000014;--guide-modal-shadow:0 4px 20px #00000014;--guide-text:#222;--guide-text-muted:#454545;--guide-border:#0000001a;--guide-surface:#0000000a;--guide-accent:#222;--guide-accent-soft:#2222221a;--guide-kbd-bg:#0000000a;--guide-kbd-border:#0000001a;--guide-card-bg:#fffffff2;--guide-card-hover:#fff;--guide-card-shadow:0 4px 20px #0000000a;--guide-card-shadow-hover:0 12px 32px #0000001a;--guide-font:"Inter",sans-serif;background:var(--guide-overlay-bg)}.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-card-bg:#ffffff08;--guide-card-hover:#ffffff0f;--guide-card-shadow:none;--guide-card-shadow-hover:none;--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--v1{--guide-overlay-bg:#faf9f6f2;--guide-modal-bg:#fffffff2;--guide-modal-border:#00000014;--guide-modal-shadow:0 4px 20px #00000014;--guide-text:#222;--guide-text-muted:#454545;--guide-border:#0000001a;--guide-surface:#0000000a;--guide-accent:#222;--guide-accent-soft:#2222221a;--guide-kbd-bg:#0000000a;--guide-kbd-border:#0000001a;--guide-card-bg:#fffffff2;--guide-card-hover:#fff;--guide-card-shadow:0 4px 20px #0000000a;--guide-card-shadow-hover:0 12px 32px #0000001a;--guide-font:"Inter",sans-serif;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);border-radius:14px}.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-card-bg:#ffffff08;--guide-card-hover:#ffffff0f;--guide-card-shadow:none;--guide-card-shadow-hover:none;--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}.guide-modal__cards{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.guide-modal__card{background:var(--guide-card-bg);border:1px solid var(--guide-border);cursor:pointer;flex-direction:column;align-items:center;gap:.375rem;padding:1rem;font-family:inherit;transition:border-color .15s,background-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.guide-modal--v1 .guide-modal__card{box-shadow:var(--guide-card-shadow);border-radius:10px}.guide-modal--v2 .guide-modal__card{border-radius:2px}.guide-modal__card:hover,.guide-modal__card:focus{background:var(--guide-card-hover);outline:none}.guide-modal--v1 .guide-modal__card:hover,.guide-modal--v1 .guide-modal__card:focus{box-shadow:var(--guide-card-shadow-hover);border-color:#00000024;transform:translateY(-2px)}.guide-modal__card--focused{border-color:var(--guide-accent);background:var(--guide-card-hover)}.guide-modal--v1 .guide-modal__card--focused{box-shadow:var(--guide-card-shadow-hover);transform:translateY(-2px)}.guide-modal__card--current{border-color:var(--guide-accent)}.guide-modal__card--current:after{content:"";background:var(--guide-accent);height:3px;position:absolute;top:0;left:0;right:0}.guide-modal--v1 .guide-modal__card--current:after{border-radius:10px 10px 0 0}.guide-modal--v2 .guide-modal__card--current:after{border-radius:8px 8px 0 0}.guide-modal__card-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--guide-text-muted);font-size:.625rem;font-weight:700}.guide-modal--v1 .guide-modal__card-tag{background:var(--guide-surface);border-radius:4px;padding:.125rem .5rem}.guide-modal__card-label{color:var(--guide-text);font-size:1.25rem;font-weight:700}.guide-modal--v1 .guide-modal__card-label{letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.guide-modal__card-desc{color:var(--guide-text-muted);text-align:center;font-size:.75rem}.guide-modal--v1 .guide-modal__card-desc{font-weight:500}.guide-modal__card-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--guide-accent-soft);color:var(--guide-accent);border-radius:2px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.guide-modal__hint{color:var(--guide-text-muted);text-align:center;margin-top:.75rem;font-size:.75rem}.guide-modal__hint kbd{border:1px solid var(--guide-kbd-border);background:var(--guide-kbd-bg);color:var(--guide-text);border-radius:6px;margin:0 .125rem;padding:.1875rem .5rem;font-family:inherit;font-size:.6875rem}@media (prefers-reduced-motion:reduce){.guide-trigger,.guide-trigger kbd{transition:none}.guide-modal-overlay,.guide-modal{animation:none}.guide-modal__card,.guide-modal__close{transition:none}}
