.shortcut-hint,.shortcuts-help-btn{color:var(--navbar-text-color,hsla(0,0%,100%,.9))}.shortcut-hint{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;height:18px;justify-content:center;margin-left:6px;padding:0 4px;text-shadow:0 1px 2px rgba(0,0,0,.3);width:18px}.shortcut-hint,.shortcuts-help-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.shortcuts-help-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:6px;margin-left:15px;padding:8px 16px;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:.3s}.shortcuts-help-btn:hover{background:transparent;box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.shortcuts-help-btn:active{transform:translateY(0)}.shortcuts-help-modal .modal-content{display:flex;flex-direction:column;max-height:80vh;max-width:600px}.shortcuts-help-modal .modal-body{flex:1;margin-bottom:10px;margin-top:10px;overflow-y:auto;padding:20px 30px}.shortcuts-help-modal .modal-body::-webkit-scrollbar{width:8px}.shortcuts-help-modal .modal-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.shortcuts-help-modal .modal-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.shortcuts-help-modal .modal-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.shortcuts-list{display:flex;flex-direction:column;gap:20px}.shortcuts-list h4{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:transparent;border-bottom:2px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9);font-size:1.1em;font-weight:600;margin-bottom:12px;padding-bottom:8px;padding-top:10px;position:sticky;top:0;z-index:1}.shortcut-description kbd,.shortcut-key{color:hsla(0,0%,100%,.95);font-family:Courier New,monospace;font-weight:600}.shortcut-item{align-items:center;display:flex;gap:15px;padding:10px 0;transition:.2s}.shortcut-item:hover{background:hsla(0,0%,100%,.05);border-radius:8px;padding-left:10px;padding-right:10px}.shortcut-key{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.3);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-flex;font-size:14px;height:32px;justify-content:center;min-width:40px;padding:0 10px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.shortcut-label{color:hsla(0,0%,100%,.85);font-size:.95em}.shortcut-description{background:rgba(0,123,255,.1);border-left:3px solid rgba(0,123,255,.5);border-radius:6px;color:hsla(0,0%,100%,.75);font-size:.85em;line-height:1.6;margin-top:8px;padding:12px 16px}.shortcut-description kbd{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;display:inline-block;font-size:.9em;margin:0 2px;padding:2px 6px}.toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;width:100%;z-index:10000}.toast{align-items:center;animation:slideIn .3s,fadeOut .3s 2.7s forwards;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);display:flex;gap:12px;max-width:100%;min-width:280px;padding:16px 20px}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast.warning{border-left:4px solid #f59e0b}.toast.info{border-left:4px solid #3b82f6}.toast.closing{animation:slideOut .3s forwards}.toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;width:24px}.toast-message{color:#1f2937;flex:1;font-size:14px;line-height:1.4;word-wrap:break-word}.toast-close{align-items:center;background:0 0;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;padding:0;transition:color .2s;width:20px}.toast-close:hover{color:#4b5563}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.shortcut-hint,.shortcuts-help-btn{display:none!important}.shortcuts-help-btn svg{height:14px;width:14px}.shortcuts-help-modal .modal-content{max-height:85vh;max-width:90vw}.shortcuts-help-modal .modal-body{padding:15px 20px}.toast-container{left:10px;max-width:none;right:10px;top:10px}.toast{min-width:auto;padding:14px 16px}.toast-message{font-size:13px}}@media (prefers-color-scheme:dark){.toast{background:rgba(30,30,35,.95);border-color:hsla(0,0%,100%,.1)}.toast-message{color:#f0f0f0}.toast-close{color:#aaa}.toast-close:hover{color:#fff}}