*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Geist,ui-sans-serif,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;letter-spacing:-.005em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:24px 24px;opacity:.45;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}#root{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}::-moz-selection{background-color:var(--accent-soft)}::selection{background-color:var(--accent-soft)}.keychip{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--key-fg);background:linear-gradient(180deg,var(--key-top),var(--key-bg));border:1px solid var(--line-strong);border-radius:6px;box-shadow:0 1px 0 var(--line-strong) inset,0 1px 2px #00000029;letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.keychip.dim{background:var(--surface);color:var(--fg-3);border-color:var(--line);box-shadow:none}.keychip.wide{padding:0 12px}.keychip.active{color:var(--bg);background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.keychip.\!active{color:var(--bg)!important;background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-soft)!important}.keycombo{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.kc-sep{color:var(--fg-4);font-size:11px}.keys-na{color:var(--fg-4);font-family:var(--font-mono);font-size:12px}.appdot{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:7px;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--fg-2);background:var(--surface-2);border:1px solid var(--line);letter-spacing:0}.appdot svg{display:block}.appdot-initials{display:inline-block}button.appdot-link{cursor:pointer;padding:0;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}button.appdot-link:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 10px -4px #0006}button.appdot-link:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.appdot[data-app=system-macos],.appdot[data-app=system-windows],.appdot[data-app=system-linux]{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.appdot[data-app=vscode]{color:#32b3e6}.appdot[data-app=cursor]{color:#c5b59b}.appdot[data-app=terminal]{color:#73c076}.appdot[data-app=figma]{color:#ff716b;color:oklch(.72 .18 25)}.appdot[data-app=slack]{color:#dc81f0}.appdot[data-app=notion]{color:var(--fg)}.appdot[data-app=linear]{color:#859ff6}.appdot[data-app=chrome]{color:#d1b64a}.appdot[data-app=firefox]{color:#ff716b;color:oklch(.72 .18 25)}.appdot[data-app=safari]{color:#01c2ca;color:oklch(.74 .13 200)}.appdot[data-app=google-docs]{color:#1ca6d9}.appdot[data-app=finder]{color:#01c2ca;color:oklch(.74 .13 200)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--fg);text-decoration:none;background:transparent;border:0}.brand svg{color:var(--accent)}.brand-name{font-family:var(--font-mono);font-weight:500;font-size:13px}.brand-dot{color:var(--accent)}.topnav{display:flex;gap:4px;justify-self:center;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.topnav-btn{background:transparent;border:0;padding:6px 14px;border-radius:7px;color:var(--fg-2);font-size:13px;font-weight:500;transition:background .12s,color .12s}.topnav-btn:hover{color:var(--fg)}.topnav-btn.on{background:var(--raised);color:var(--fg);box-shadow:0 1px 2px #0000001f}.topnav-listen{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:500;padding-left:10px;padding-right:12px;transition:background .12s}.topnav-listen:hover{background:var(--accent-soft)}.rec-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;animation:recDot 1.6s ease-in-out infinite;flex-shrink:0}.rec-dot-lg{width:9px;height:9px}.topright{display:flex;gap:8px;justify-content:flex-end;align-items:center}.osswitch{display:inline-flex;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.osswitch-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:5px 10px;border-radius:6px;font-family:var(--font-mono);font-size:11.5px;color:var(--fg-3);transition:background .12s,color .12s}.osswitch-btn svg{color:var(--fg-3);transition:color .12s;flex:0 0 auto}.osswitch-btn.on svg{color:var(--accent)}.osswitch-btn:hover{color:var(--fg)}.osswitch-btn.on{background:var(--raised);color:var(--fg)}.iconbtn{width:32px;height:32px;display:inline-grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--fg-2);transition:color .12s,border-color .12s}.iconbtn:hover{color:var(--fg);border-color:var(--line-strong)}.palette{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 24px 60px -12px #00000073,0 1px #ffffff0a inset;overflow:hidden}.palette-input{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.palette-input svg{color:var(--fg-3);flex:0 0 16px}.palette-input input{flex:1;background:transparent;border:0;outline:none;color:var(--fg);font-family:var(--font-sans);font-size:16px;letter-spacing:-.01em}.palette-input input::-moz-placeholder{color:var(--fg-4)}.palette-input input::placeholder{color:var(--fg-4)}.palette-hint{display:inline-flex;align-items:center;gap:4px;color:var(--fg-4);font-size:11px;font-family:var(--font-mono)}.palette-hint-text{margin:0 6px 0 2px}.palette-list{max-height:440px;overflow-y:auto;padding:6px}.palette-list::-webkit-scrollbar{width:8px}.palette-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.palette-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:14px;width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;border-radius:9px;transition:background .08s}.palette-row.focused{background:var(--surface-2)}.palette-row.\!focused{background:var(--surface-2)!important}.palette-row.focused .prow-name{color:var(--accent)}.palette-row.\!focused .prow-name{color:var(--accent)!important}.prow-text{min-width:0}.prow-name{font-size:14px;font-weight:500;color:var(--fg)}.prow-meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);margin-top:2px}.prow-app-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;font-family:var(--font-mono);font-size:11px}.prow-app-count{color:var(--fg-3)}.prow-app-arrow{color:var(--accent);font-size:14px}.palette-empty{padding:30px 16px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--fg-3);font-size:13px}.palette-empty-code{color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}.kb{--u: calc(34px * var(--kb-scale, 1));--gap: calc(4px * var(--kb-scale, 1));display:flex;flex-direction:column;gap:var(--gap);padding:calc(12px * var(--kb-scale, 1));background:var(--surface);border:1px solid var(--line);border-radius:12px}.kb-row{display:flex;gap:var(--gap)}.kb-row.r0 .kb-key{height:calc(var(--u) * .7);font-size:9px}.kb-key{flex:0 0 auto;width:calc(var(--u) * var(--w, 1));height:var(--u);display:grid;place-items:center;background:linear-gradient(180deg,var(--key-top),var(--key-bg));border:1px solid var(--line-strong);border-radius:calc(var(--u) * .18);box-shadow:var(--key-shadow);color:var(--key-fg);font-family:var(--font-mono);font-size:calc(var(--u) * .32);transition:transform .12s,background .12s,box-shadow .12s,color .12s;overflow:hidden}.kb-key.is-mod{font-size:calc(var(--u) * .26);color:var(--fg-3)}.kb-key.hi{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 1px 0 var(--accent);transform:translateY(1px)}.kb-caption{color:var(--fg-3);font-size:11.5px;font-family:var(--font-mono);letter-spacing:.02em;text-align:center}.kb-cap-name{color:var(--fg)}.listen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:color-mix(in oklch,var(--bg) 92%,black);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;animation:fadein .18s ease}.listen-head{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line)}.listen-title{display:flex;align-items:center;gap:10px;color:var(--accent);font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.listen-body{flex:1;overflow-y:auto;max-width:880px;width:100%;margin:0 auto;padding:60px 28px 40px;display:flex;flex-direction:column;align-items:center;gap:28px}.listen-prompt{min-height:72px;display:grid;place-items:center;color:var(--fg-2);font-size:18px;text-align:center;max-width:520px}.listen-results{width:100%;max-width:640px;display:flex;flex-direction:column;gap:4px;min-height:60px}.listen-placeholder{text-align:center;padding:18px;color:var(--fg-3);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em}.listen-try-again{font-size:11px;font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.04em;text-align:center;padding-top:4px;animation:fadein .3s ease}.match-row{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:center;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:9px;animation:pop .18s ease}.listen-notice{width:100%;max-width:640px;border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;animation:fadein .25s ease}.ln-header{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--fg-3);line-height:1.4}.ln-groups{display:flex;flex-direction:column;gap:10px}.ln-group{display:flex;align-items:flex-start;gap:10px}.ln-group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-4);flex-shrink:0;padding-top:3px;min-width:52px}.ln-chips{display:flex;flex-wrap:wrap;gap:5px}.ln-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 7px;font-size:11px}.ln-chip.danger{border-color:color-mix(in oklch,oklch(.55 .2 25) 40%,var(--line))}.ln-combo{font-family:var(--font-mono);color:var(--fg-2);font-size:11px}.ln-chip.danger .ln-combo{color:#f47b74}.ln-label{color:var(--fg-4);font-size:10px}.ghost-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:transparent;border:1px solid var(--line-strong);border-radius:8px;color:var(--fg-2);font-size:13px;transition:color .12s,border-color .12s}.ghost-btn:hover{color:var(--fg);border-color:var(--accent)}.home{max-width:980px;margin:0 auto;padding:48px 28px 80px}.home-header{text-align:center;margin-bottom:28px}.home-title{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0 0 6px;color:var(--fg)}.home-sub{font-size:13px;color:var(--fg-3);margin:0;line-height:1.5}.hero-kb{margin:36px auto 0;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:14px}.page{max-width:1080px;margin:0 auto;padding:48px 28px 80px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;flex-wrap:wrap}.page-head h1{margin:0;font-size:36px;font-weight:500;letter-spacing:-.02em}.page-lede{margin:6px 0 0;color:var(--fg-3);font-size:14px}.page-intro{margin:14px 0 0;color:var(--fg-2);font-size:14px;line-height:1.55;max-width:70ch}.page-meta{color:var(--fg-3);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em}.back-btn{background:transparent;border:0;color:var(--fg-3);font-family:var(--font-mono);font-size:12px;padding:0 0 10px;display:block;transition:color .12s}.back-btn:hover{color:var(--accent)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.app-card{position:relative;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;min-height:132px;display:flex;flex-direction:column;gap:10px;transition:border-color .12s,transform .12s,background .12s}.app-card:hover{border-color:var(--accent);transform:translateY(-1px)}.app-card-top{display:flex;justify-content:space-between;align-items:center}.app-card-count{color:var(--fg-3);font-size:11px;font-family:var(--font-mono);letter-spacing:.04em}.app-card-name{font-size:16px;font-weight:500;color:var(--fg)}.app-card-hint{color:var(--fg-3);font-size:11px;font-family:var(--font-mono);margin-top:-4px}.app-card-arrow{position:absolute;right:18px;bottom:16px;color:var(--fg-4);font-family:var(--font-mono);font-size:16px;transition:color .12s,transform .12s}.app-card:hover .app-card-arrow{color:var(--accent);transform:translate(2px)}.cheat-hero{display:flex;align-items:center;gap:20px;margin:8px 0 36px;padding:24px 28px;background:linear-gradient(180deg,var(--surface) 0%,transparent 100%);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap}.cheat-hero-text{flex:1 1 auto;min-width:0}.cheat-hero h1{margin:0;font-size:40px;font-weight:600;letter-spacing:-.02em;line-height:1.05}.cheat-hero .page-lede{margin-top:8px;font-size:15px;color:var(--fg-2)}.appdot.appdot-xl{width:72px;height:72px;flex:0 0 72px;border-radius:18px;font-size:24px;font-weight:700;box-shadow:inset 0 0 0 1px var(--line)}.cheat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:28px 36px}.cheat-section h2{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-family:var(--font-mono);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.cheat-list{display:flex;flex-direction:column;position:relative}.cheat-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 10px;border-bottom:1px dashed var(--line);width:100%;text-align:left;background:transparent;border-top:0;border-left:0;border-right:0;cursor:pointer;transition:background .08s}.cheat-row:last-child{border-bottom:0}.cheat-row:hover{background:var(--surface-2);border-bottom-color:transparent;border-radius:6px}.cheat-row:hover .cheat-name{color:var(--accent)}.cheat-name{color:var(--fg);font-size:15px;line-height:1.4}.cheat-view-btn.on{background:var(--raised);color:var(--fg);box-shadow:0 1px 2px #0000001f}.cheat-os-row:hover .cheat-name{color:var(--accent)}.cheat-with-sidebar{display:grid;grid-template-columns:1fr 260px;gap:32px;align-items:start}.cheat-main{min-width:0}.cheat-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:sticky;top:88px}.cheat-sidebar-head{padding:12px 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-3);background:var(--surface-2);border-bottom:1px solid var(--line)}.cheat-sidebar-list{display:flex;flex-direction:column}.cheat-sidebar-row{display:flex;align-items:center;gap:10px;padding:10px 14px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;transition:background .08s}.cheat-sidebar-row:last-child{border-bottom:0}.cheat-sidebar-row:hover{background:var(--surface-2)}.cheat-sidebar-row:hover .cheat-sidebar-name{color:var(--accent)}.cheat-sidebar-text{flex:1;min-width:0}.cheat-sidebar-name{font-size:13px;color:var(--fg);transition:color .08s}.cheat-sidebar-hint{font-family:var(--font-mono);font-size:10px;color:var(--fg-4);margin-top:1px}.cheat-sidebar-arrow{color:var(--fg-4);font-size:12px;font-family:var(--font-mono);flex-shrink:0}.cheat-sidebar-row:hover .cheat-sidebar-arrow{color:var(--accent)}@media (max-width: 860px){.cheat-with-sidebar{grid-template-columns:1fr}.cheat-sidebar{position:static}}.browse-tabs{display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.browse-tab{background:transparent;border:0;cursor:pointer;padding:6px 14px;border-radius:7px;font-family:var(--font-mono);font-size:12px;color:var(--fg-3);transition:color .12s,background .12s}.browse-tab:hover{color:var(--fg)}.browse-tab.on{background:var(--raised);color:var(--fg);box-shadow:0 1px 2px #0000001f}.compare-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.browse-table{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.browse-head{display:grid;gap:16px;padding:10px 18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-3);background:var(--surface-2);border-bottom:1px solid var(--line)}.browse-head-action{grid-template-columns:1.8fr 1fr 1fr}.browse-head-os{grid-template-columns:1.8fr 1fr 1fr 1fr}.browse-body{display:flex;flex-direction:column}.browse-row{display:grid;gap:16px;padding:11px 18px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;transition:background .08s;align-items:center;grid-template-columns:1.8fr 1fr 1fr}.browse-row-os{grid-template-columns:1.8fr 1fr 1fr 1fr}.browse-row:last-child{border-bottom:0}.browse-row:hover{background:var(--surface-2)}.browse-row:hover .browse-action{color:var(--accent)}.browse-action{font-size:14px;color:var(--fg);display:flex;align-items:center;gap:10px;transition:color .08s}.browse-app{display:flex;align-items:center;gap:8px}.browse-app-name{font-size:12px;color:var(--fg-3);font-family:var(--font-mono)}.browse-combo{display:flex;align-items:center}.browse-empty{padding:24px 18px;color:var(--fg-3);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.page-filter{background:var(--surface);border:1px solid var(--line);color:var(--fg);padding:8px 12px;border-radius:8px;font:inherit;font-family:var(--font-mono);font-size:12px;width:220px;outline:none}.page-filter:focus{border-color:var(--accent)}.compare-table{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.ct-head,.ct-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:center;gap:16px;padding:12px 18px}.ct-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);background:var(--surface-2);border-bottom:1px solid var(--line)}.ct-row{border-bottom:1px solid var(--line);transition:background .08s}.ct-row:last-child{border-bottom:0}.ct-row:hover{background:var(--surface-2)}.ct-name{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--fg)}.smodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;animation:fadein .15s ease}.smodal{background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;width:100%;max-width:600px;box-shadow:0 32px 80px -12px #00000080,0 1px #ffffff0a inset;overflow:hidden;animation:pop .18s ease}.smodal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 18px;border-bottom:1px solid var(--line)}.smodal-identity{display:flex;align-items:center;gap:14px;min-width:0}.smodal-title{font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--fg);line-height:1.2}.smodal-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.smodal-close{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;color:var(--fg-3);transition:color .12s,border-color .12s}.smodal-close:hover{color:var(--fg);border-color:var(--line-strong)}.smodal-body{padding:28px 28px 32px;display:flex;flex-direction:column;align-items:center;gap:24px}.smodal-combos{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.smodal-combos .keycombo .keychip{min-width:32px;height:32px;font-size:13px}.smodal-no-combo{font-family:var(--font-mono);font-size:12px;color:var(--fg-4);letter-spacing:.04em}.smodal-cross-os{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:16px}.smodal-os-col{display:flex;flex-direction:column;align-items:center;gap:8px}.smodal-os-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-4)}.smodal-desc{width:100%;margin:0;font-size:13px;color:var(--fg-3);line-height:1.6;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-family:var(--font-mono)}.foot{border-top:1px solid var(--line);padding:14px 28px;display:flex;justify-content:space-between;align-items:center;color:var(--fg-3)}.foot-keys{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px}.dot-sep{color:var(--fg-4)}.foot-email{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px}.foot-email input[type=email]{background:var(--surface-2);border:1px solid var(--line);color:var(--fg-1);padding:5px 8px;border-radius:6px;font:inherit;min-width:200px}.foot-email button{background:var(--surface-2);border:1px solid var(--line);color:var(--fg-2);padding:5px 9px;border-radius:6px;cursor:pointer}.foot-email button:hover{color:var(--fg-1);border-color:var(--fg-3)}.foot-email-ok{font-family:var(--font-mono);font-size:12px;color:var(--fg-2)}.os-picker{margin-top:24px}.os-picker-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-4);margin-bottom:10px}.os-picker-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.os-picker-card{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--fg-1);text-decoration:none;transition:border-color .15s}.os-picker-card:hover,.os-picker-card.on{border-color:var(--accent)}.os-picker-arrow{margin-left:auto;color:var(--fg-3)}.compare-link{display:inline-block;margin-top:14px;font-size:13px;color:var(--accent);text-decoration:none}.compare-link:hover{text-decoration:underline}.cheat-os-toggle{font-size:12px;color:var(--fg-3);margin-top:6px;font-family:var(--font-mono)}.cheat-os-toggle a{color:var(--accent);text-decoration:none}.cheat-os-toggle a:hover{text-decoration:underline}.carbonad-slot{background:var(--surface-2);border:1px dashed var(--line);border-radius:10px;min-height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.carbonad-slot[data-pending=true]{opacity:.6}.carbonad-pending{font-family:var(--font-mono);font-size:12px;color:var(--fg-3);text-decoration:none}.gear{margin-top:32px}.gear-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.gear-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--fg-1);text-decoration:none;position:relative;transition:border-color .15s}.gear-card:hover{border-color:var(--accent)}.gear-title{font-weight:500}.gear-vendor{font-family:var(--font-mono);font-size:11px;color:var(--fg-4)}.gear-blurb{font-size:13px;color:var(--fg-3);line-height:1.4;margin-top:6px}.gear-arrow{position:absolute;top:12px;right:12px;color:var(--fg-3)}.howto h1{margin-bottom:6px}.howto-step{margin-top:22px}.howto-step h2{margin-bottom:6px;font-size:18px}.howto-step p{color:var(--fg-2);line-height:1.6}.related-app{color:var(--fg-3);font-family:var(--font-mono);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.smodal-detail-link{background:none;border:1px solid var(--line);border-radius:6px;padding:6px 10px;color:var(--fg-2);cursor:pointer;font-family:var(--font-mono);font-size:12px;margin-top:12px}.smodal-detail-link:hover{color:var(--fg-1);border-color:var(--accent)}@media (max-width: 720px){.topbar{grid-template-columns:1fr auto;row-gap:12px;padding:12px 16px}.topnav{grid-column:1 / -1;justify-self:stretch;justify-content:space-between}.topright{grid-row:1;grid-column:2}.home{padding:32px 16px 60px}.palette-hint{display:none}.hero-kb{transform:scale(.85);transform-origin:top center}.ct-head,.ct-row{grid-template-columns:1.2fr 1fr 1fr}.ct-head>:nth-child(4),.ct-row>:nth-child(4){display:none}.page{padding:28px 16px 60px}.page-head h1{font-size:28px}.cheat-hero{padding:18px;gap:14px}.cheat-hero h1{font-size:28px}.appdot.appdot-xl{width:56px;height:56px;flex-basis:56px;font-size:18px;border-radius:14px}.cheat-grid{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}@keyframes pulseKey{0%{transform:scale(1);box-shadow:0 0 0 0 var(--accent-soft)}70%{transform:scale(1.06);box-shadow:0 0 0 12px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.animate-pulseKey{animation:pulseKey .5s ease-out}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.italic{font-style:italic}.underline{text-decoration-line:underline}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--accent-amber: oklch(.8 .16 65);--accent-blue: oklch(.72 .16 245);--accent-green: oklch(.76 .16 145);--accent-violet: oklch(.72 .16 305);--accent-rose: oklch(.74 .16 15)}:root[data-accent=amber]{--accent: var(--accent-amber);--accent-soft: oklch(.8 .16 65 / .16)}:root[data-accent=blue]{--accent: var(--accent-blue);--accent-soft: oklch(.72 .16 245 / .16)}:root[data-accent=green]{--accent: var(--accent-green);--accent-soft: oklch(.76 .16 145 / .16)}:root[data-accent=violet]{--accent: var(--accent-violet);--accent-soft: oklch(.72 .16 305 / .16)}:root[data-accent=rose]{--accent: var(--accent-rose);--accent-soft: oklch(.74 .16 15 / .16)}:root[data-theme=dark]{--bg: oklch(.13 .005 65);--surface: oklch(.16 .005 65);--surface-2: oklch(.19 .006 65);--raised: oklch(.22 .006 65);--line: oklch(.27 .005 65);--line-strong: oklch(.34 .006 65);--fg: oklch(.97 .005 80);--fg-2: oklch(.78 .005 80);--fg-3: oklch(.58 .006 80);--fg-4: oklch(.42 .006 80);--key-bg: oklch(.2 .006 65);--key-top: oklch(.26 .006 65);--key-fg: oklch(.92 .005 80);--key-shadow: 0 1px 0 oklch(.32 .006 65), 0 2px 0 oklch(.1 .004 65), 0 4px 8px oklch(0 0 0 / .3);color-scheme:dark}:root[data-theme=light]{--bg: oklch(.985 .003 80);--surface: oklch(1 0 0);--surface-2: oklch(.97 .004 80);--raised: oklch(1 0 0);--line: oklch(.9 .005 80);--line-strong: oklch(.8 .006 80);--fg: oklch(.18 .005 65);--fg-2: oklch(.36 .006 65);--fg-3: oklch(.55 .006 65);--fg-4: oklch(.7 .006 65);--key-bg: oklch(.99 .003 80);--key-top: oklch(1 0 0);--key-fg: oklch(.2 .005 65);--key-shadow: 0 1px 0 oklch(.78 .006 80), 0 2px 0 oklch(.88 .005 80), 0 3px 6px oklch(0 0 0 / .06);color-scheme:light}