body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--main-dark);color:var(--main-text-light)}*{box-sizing:border-box}.searchbar{padding:.5rem 1rem;border-radius:var(--border-radius);border:3px solid var(--main-accent);font-size:1rem;width:300px;max-width:100%;outline:none}.searchbar:focus{box-shadow:0 0 0 2px var(--main-secondary);border-color:var(--main-accent)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;letter-spacing:.05em;background:var(--main-dark);color:var(--main-text-light);font-family:Special Gothic Expanded One,Arial,sans-serif;font-weight:700}.navbar-title{font-size:1.6rem}@media (max-width: 600px){.navbar{flex-direction:column;gap:.5rem;padding:1.2rem}}.shortcut-template{border-radius:12px;overflow:hidden;margin:1rem 0;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.shortcut-template:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000026}.shortcut-header{padding:.8rem 1rem;color:var(--main-text-light)}.shortcut-title{margin:0;text-align:center;font-size:1rem;font-weight:500;letter-spacing:.2px;font-family:Special Gothic Expanded One,Arial,sans-serif}.shortcut-body{padding:1rem;height:100%;display:flex;flex-direction:column;color:var(--main-text-light)}.shortcut-keys{display:flex;justify-content:space-between;gap:1rem;flex-grow:1;position:relative}.shortcut-keys:after{content:"";position:absolute;top:-1rem;bottom:0;left:50%;width:3px;background-color:var(--divider-color);transform:translate(-50%)}.os-section{flex:1;display:flex;flex-direction:column}.os-section:first-child{align-items:flex-start;padding-right:.5rem}.os-section:first-child .os-heading,.os-section:first-child .keybind{text-align:left}.os-section:last-child{align-items:flex-end;padding-left:.5rem}.os-section:last-child .os-heading,.os-section:last-child .keybind{text-align:right}.os-heading{margin:0 0 .5rem;font-size:.9rem;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:1px;color:var(--main-text-light)}.keybind{background:#ffffff26;border-radius:8px;padding:.5rem;font-family:monospace;font-size:.85rem;font-weight:400;text-align:center;box-shadow:0 2px 4px #0000001a;width:100%;word-break:break-word;color:var(--main-text-light)}@media (max-width: 600px){.shortcut-keys{flex-direction:column}.shortcut-keys:after{display:none}.os-section{margin-bottom:.8rem;padding:0}.os-section:last-child{margin-bottom:0;align-items:flex-start}.os-section:last-child .os-heading,.os-section:last-child .keybind{text-align:left}.shortcut-title{font-size:.9rem}}.shortcut-list-container{max-width:95vw;margin:0 auto;padding:1rem 0}.shortcut-group{margin-bottom:3rem}.heading-container{width:100%;display:flex}.heading-container.left{justify-content:flex-start}.heading-container.right{justify-content:flex-end}.group-heading{font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:2rem;text-transform:uppercase;padding:.5rem 1rem;margin:1rem 0 1.5rem;position:relative;display:inline-block}.group-heading:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var( --underline-color, currentColor )}.shortcut-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1200px){.shortcut-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.shortcut-list{grid-template-columns:repeat(2,1fr);gap:.8rem}.group-heading{font-size:1.8rem}}@media (max-width: 600px){.heading-container.left,.heading-container.right{justify-content:center}.shortcut-list{grid-template-columns:1fr;gap:.7rem}.group-heading{font-size:1.5rem;margin-bottom:1rem}.shortcut-group{margin-bottom:2rem}}:root{--main-accent: #f2766b;--main-secondary: #586166;--main-tertiary: #ecc5c1;--main-dark: #081b26;--main-text-dark: #222;--main-text-light: #f7f7f7;--alt-one: #EF6351;--alt-two: #f2766b;--alt-three: #F7A399;--alt-four: #FBC3BC;--alt-five: #FFE3E0;--border-radius: 12px}.context-card{background:var(--main-dark);color:var(--main-secondary);border-top:3px solid var(--main-accent);margin:0rem 0;width:100vw;max-width:100vw;padding:2rem 1.5rem;box-shadow:0 4px 24px #00000014;text-align:center;box-sizing:border-box;border-radius:0}.context-card-heading{font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:3rem;font-weight:900;letter-spacing:.05em;margin-bottom:1rem;color:var(--main-text-light);text-shadow:2px 2px 0 var(--main-secondary);text-transform:uppercase}.context-card-text{font-size:1.1rem;letter-spacing:.05em;font-weight:500;color:var(--main-text-light);font-family:Special Gothic Expanded One,Arial,sans-serif;margin:0 50px}.highlight-word{color:var(--main-accent)}@media (max-width: 600px){.context-card{padding:1rem .5rem;font-size:1rem}.context-card-heading{font-size:1.3rem}}.filter-buttons-container{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;padding:1rem 2rem;margin:0 auto 2rem;max-width:95vw}.filter-button{padding:.8rem .2rem;border-radius:var(--border-radius);border:2px solid;background-color:transparent;color:var(--main-text-light);font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:center}.filter-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.filter-button.active{color:var(--main-text-dark);font-weight:700;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 900px){.filter-buttons-container{grid-template-columns:repeat(3,1fr)}.filter-button{font-size:.8rem}}@media (max-width: 600px){.filter-buttons-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.filter-buttons-container{grid-template-columns:1fr}}.footer{padding:1.5rem 0;margin-top:2rem;width:100%;color:var(--main-text-light)}.footer-separator{height:3px;background-color:var(--main-accent);width:100%;margin-bottom:1rem}.footer-content{text-align:center;font-size:1rem;opacity:.7;padding:0 1rem}.footer-content a{color:inherit;text-decoration:underline;text-underline-offset:2px}.footer-content a:hover{opacity:.8}@media (max-width: 600px){.footer{padding:1rem 0;margin-top:1rem}.footer-content{font-size:.8rem}}