.shortcuts-page { min-height:100vh; background:radial-gradient(circle at 80% 0%,rgba(212,107,95,.16),transparent 35%),var(--bg); color:var(--text); }
.shortcuts-shell { width:min(1120px,calc(100% - 32px)); margin:0 auto; padding:34px 0 48px; }
.shortcuts-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:10px 0 28px; }
.shortcuts-back { color:var(--text3); text-decoration:none; font-size:13px; }.shortcuts-back:hover { color:var(--accent); }
.shortcuts-kicker { margin:26px 0 5px; color:var(--accent); font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.shortcuts-header h1 { margin:0; font-size:clamp(32px,5vw,54px); letter-spacing:-.04em; }.shortcuts-lead { margin:10px 0 0; color:var(--text2); font-size:16px; }
.shortcuts-hero-icon { display:grid; place-items:center; width:108px; height:108px; border:1px solid rgba(212,107,95,.45); border-radius:28px; background:linear-gradient(145deg,rgba(212,107,95,.3),rgba(90,123,191,.2)); box-shadow:0 20px 35px rgba(0,0,0,.22); color:#fff; font-size:56px; transform:rotate(3deg); }
.shortcuts-toolbar { display:grid; gap:16px; padding:18px; border:1px solid var(--border); border-radius:18px; background:rgba(15,23,42,.48); box-shadow:0 14px 30px rgba(0,0,0,.16); }
.shortcuts-search { display:flex; align-items:center; gap:10px; padding:0 14px; border:1px solid var(--border-strong); border-radius:12px; background:var(--bg3); color:var(--accent); }.shortcuts-search span { font-size:28px; line-height:1; }.shortcuts-search input { width:100%; min-height:48px; border:0; outline:0; background:transparent; color:var(--text); font:inherit; }.shortcuts-search input::placeholder { color:var(--text3); }
.shortcut-categories { display:flex; gap:8px; flex-wrap:wrap; }.shortcut-category-button { padding:9px 13px; border:1px solid var(--border-strong); border-radius:999px; background:var(--bg3); color:var(--text2); font:inherit; font-size:13px; font-weight:800; cursor:pointer; }.shortcut-category-button:hover,.shortcut-category-button.selected { border-color:var(--accent); background:rgba(212,107,95,.2); color:var(--text); }
.shortcuts-tip { display:flex; align-items:center; gap:12px; margin:18px 0; padding:13px 16px; border-left:3px solid var(--accent); background:rgba(212,107,95,.1); color:var(--text2); font-size:13px; }.shortcuts-tip strong { color:var(--text); white-space:nowrap; }.shortcuts-tip kbd { margin:0 2px; }
.shortcuts-result-line { display:flex; justify-content:space-between; gap:12px; margin:26px 0 13px; color:var(--text3); font-size:12px; }.shortcuts-result-line strong { color:var(--text); font-size:14px; }
.shortcut-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.shortcut-card { min-height:156px; padding:16px; border:1px solid var(--border); border-radius:15px; background:linear-gradient(145deg,rgba(30,41,59,.85),rgba(15,23,42,.9)); box-shadow:0 8px 18px rgba(0,0,0,.13); transition:transform .15s,border-color .15s; }.shortcut-card:hover { transform:translateY(-2px); border-color:rgba(212,107,95,.65); }.shortcut-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }.shortcut-category { color:var(--accent); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.shortcut-keys { display:flex; align-items:center; gap:3px; flex-wrap:wrap; justify-content:flex-end; }.shortcut-keys kbd,.shortcuts-tip kbd { display:inline-block; padding:4px 7px; border:1px solid var(--border-strong); border-bottom-width:2px; border-radius:5px; background:#0b1220; color:var(--text); font-family:inherit; font-size:11px; font-weight:900; white-space:nowrap; }.shortcut-plus { color:var(--text3); font-size:11px; }.shortcut-card h2 { margin:18px 0 7px; font-size:16px; line-height:1.25; }.shortcut-card p { margin:0; color:var(--text3); font-size:12px; line-height:1.45; }.shortcut-empty { margin:35px 0; padding:30px; border:1px dashed var(--border-strong); border-radius:14px; text-align:center; color:var(--text3); }.shortcuts-footer { display:flex; justify-content:space-between; gap:12px; margin-top:28px; padding-top:16px; border-top:1px solid var(--border); color:var(--text3); font-size:11px; }.shortcuts-footer a { color:var(--accent); }
@media (max-width:850px) { .shortcut-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .shortcuts-shell { width:min(100% - 20px,1120px); padding-top:18px; }.shortcuts-header { align-items:flex-start; }.shortcuts-hero-icon { width:68px; height:68px; border-radius:18px; font-size:34px; }.shortcuts-lead { font-size:14px; }.shortcuts-tip { align-items:flex-start; flex-direction:column; gap:5px; }.shortcut-grid { grid-template-columns:1fr; }.shortcuts-result-line,.shortcuts-footer { flex-direction:column; }.shortcut-card { min-height:0; } }