@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin-ext-wght.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-page: #f4f6fa;--bg-surface: #ffffff;--bg-surface-secondary: #f8fafc;--bg-surface-tertiary: #f1f4f9;--ink-primary: #1e293b;--ink-secondary: #475569;--ink-muted: #94a3b8;--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .14);--accent: #2563eb;--accent-soft: #eff6ff;--accent-border: #bfdbfe;--accent-light: #3b82f6;--success: #10b981;--warning: #f59e0b;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--radius-pill: 9999px;--font-main: Outfit, -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-mono: "IBM Plex Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-page);color:var(--ink-primary);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(ellipse 70% 40% at 50% -5%,rgba(37,99,235,.08),transparent 60%),radial-gradient(ellipse 40% 30% at 85% 35%,rgba(200,215,250,.5),transparent 60%),radial-gradient(ellipse 50% 35% at 15% 65%,rgba(220,230,250,.4),transparent 60%);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}kbd{font-family:var(--font-mono);background:#fff;border:1px solid #cbd5e1;padding:2px 7px;border-radius:6px;font-size:.88em;box-shadow:0 2px #cbd5e1,0 1px 2px #0000000d;color:var(--ink-primary)}.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--accent);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);z-index:1000;transition:top .2s ease}.skip-link:focus{top:20px}.nav{position:sticky;top:0;z-index:100;height:64px;background:#f4f6fad9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--line)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.02em;flex-shrink:0;white-space:nowrap}.brand-icon-sq{width:30px;height:30px;border-radius:7px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000000f;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#1e293b;font-family:var(--font-mono)}.brand-text{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.brand-sub{font-size:13px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.brand-version{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--ink-muted);background:#0000000d;padding:1.5px 6px;border-radius:6px;line-height:1.3;margin-left:2px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600;color:var(--ink-secondary);white-space:nowrap;flex-shrink:0}.nav-links a{white-space:nowrap;flex-shrink:0}.nav-links a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap}.language-picker{position:relative}.language-picker select{appearance:none;background:#fff;border:1px solid var(--line-strong);color:var(--ink-primary);padding:5px 26px 5px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;cursor:pointer;outline:none;box-shadow:0 1px 3px #0000000a}.language-picker select:hover{border-color:var(--accent)}.language-picker:after{content:"";position:absolute;right:10px;top:50%;width:4.5px;height:4.5px;border-right:2px solid var(--ink-muted);border-bottom:2px solid var(--ink-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.nav-brew-btn{display:flex;align-items:center;gap:6px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);padding:5px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;transition:all .2s ease}.nav-brew-emoji{font-size:14px;line-height:1;display:inline-flex;align-items:center}.nav-brew-btn:hover{background:#dbeafe;transform:translateY(-1px)}.hero-section{padding-top:24px;padding-bottom:36px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge{display:inline-flex;align-items:center;padding:4px 14px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--accent-border);color:var(--accent);font-size:12.5px;font-weight:600;margin-bottom:12px;box-shadow:0 2px 10px #2563eb0f}.hero-title{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.18;letter-spacing:-.03em;margin-bottom:10px;max-width:800px;color:#0f172a}.hero-title span{background:linear-gradient(135deg,#1d4ed8,#2563eb,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-lede{font-size:clamp(14.5px,1.6vw,16px);color:var(--ink-secondary);max-width:660px;line-height:1.55;margin-bottom:18px}.cta-matrix{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:12px;width:100%;max-width:800px;margin-bottom:10px}.cta-card{display:flex;flex-direction:column;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-md);text-align:left;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000008;position:relative;overflow:hidden}.cta-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 20px #2563eb1a}.cta-brew{border-color:var(--accent-border);background:linear-gradient(180deg,#fff,#f0f7ff)}.cta-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cta-pill{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:var(--radius-pill);background:#fef3c7;color:#b45309;border:1px solid #fde68a}.cta-pill-blue{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.cta-pill-store{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.cta-label{font-size:11.5px;font-weight:600;color:var(--ink-muted)}.cta-code-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--accent)}.cta-title-row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:700;color:var(--ink-primary)}.hero-reqs{font-size:12px;color:var(--ink-muted);font-weight:500;margin-top:2px}.simulator-wrapper{width:100%;max-width:720px;margin-top:24px;margin-left:auto;margin-right:auto;position:relative}.simulator-tip-card{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--accent-border);padding:6px 18px;border-radius:var(--radius-pill);box-shadow:0 4px 14px #2563eb14;margin-bottom:22px;transition:all .2s ease}.simulator-tip-card:hover{border-color:var(--accent);box-shadow:0 6px 20px #2563eb1f}.tip-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);padding:2px 9px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;white-space:nowrap}.tip-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:tipPulse 2s infinite ease-in-out}@keyframes tipPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}.simulator-tip-text{font-size:13px;color:var(--ink-secondary);font-weight:500;line-height:1.4}.app-window-frame{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 25px 65px -12px #0000001f,0 8px 24px -4px #0000000f,0 0 0 1px #0000000a;padding:14px 16px 18px;position:relative;max-width:648px;width:100%;margin:0 auto}.app-window-titlebar,.app-titlebar{display:flex;align-items:center;justify-content:space-between;height:38px;margin-bottom:12px;padding:0 4px}.window-traffic-lights,.app-traffic-lights{display:flex;align-items:center;gap:7px;width:70px}.traffic-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.traffic-red,.dot-close{background:#ff5f56;border:.5px solid rgba(0,0,0,.15)}.traffic-yellow,.dot-min{background:#ffbd2e;border:.5px solid rgba(0,0,0,.15)}.traffic-green,.dot-zoom{background:#27c93f;border:.5px solid rgba(0,0,0,.15)}.window-title-center,.app-title-center{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#1e293b}.window-title-app-icon{width:19px;height:19px;border-radius:4.5px;box-shadow:0 1px 3px #0000001f;flex-shrink:0;object-fit:cover}.window-title-text{font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.window-title-right,.app-title-right{display:flex;justify-content:flex-end}.window-setting-btn{display:inline-flex;align-items:center;gap:5px;background:#f1f3f7;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-pill);padding:3.5px 11px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease;user-select:none}.window-setting-btn:hover{background:#e2e8f0;color:#0f172a}.setting-gear-icon{color:#64748b;flex-shrink:0}.brand-logo-img{width:28px;height:28px;border-radius:6px;box-shadow:0 2px 6px #0000001a;flex-shrink:0;object-fit:cover}.keyboard-well-panel{background:#f1f3f7;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:14px 12px 38px;position:relative;box-shadow:inset 0 1px 3px #0000000a;overflow:hidden}.app-keyboard-stage{display:flex;justify-content:center;overflow:visible;padding:2px 0 4px}.app-keyboard-grid{display:flex;flex-direction:column;gap:6px;width:max-content;margin:0 auto}.app-key-row{display:flex;gap:6px}.app-key-row-expandable{max-height:0;opacity:0;transform:translateY(-4px) scaleY(.95);overflow:hidden;pointer-events:none;margin-bottom:0;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .24s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.app-key-row-expandable.active{max-height:60px;opacity:1;transform:translateY(0) scaleY(1);overflow:visible;pointer-events:auto;margin-bottom:0!important}.row-fkeys,.row-numbers,.row-qwerty{padding-left:0}.row-asdf{padding-left:12px}.row-zxcv{padding-left:59px}.app-key{position:relative;width:43px;height:45px;border-radius:8px;user-select:none;cursor:pointer;display:flex;flex-direction:column;transition:transform .06s ease,box-shadow .06s ease,border-color .12s ease}.app-key-unmapped{background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 5px #0000000a,0 1px 2px #00000005,inset 0 1px #ffffffe6;align-items:center;justify-content:center}.app-key-unmapped:hover{transform:translateY(-2px);box-shadow:0 5px 12px #00000012;border-color:#00000026}.app-key-unmapped .unmapped-char{font-family:var(--font-mono);font-size:12px;font-weight:700;color:#334155}.app-key-mapped{background:#eef2fa;border:1.5px solid #cbd8f2;box-shadow:0 2px 6px #2563eb12,0 1px 2px #00000008,inset 0 1px #ffffffe6;padding:3px 4px 4px;justify-content:space-between}.app-key-mapped:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2563eb24;border-color:#93c5fd}.app-key.active-focus{background:#dbeafe!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #2563eb40,0 4px 12px #2563eb2e!important;transform:scale(1.04)}.app-key.key-pressed{transform:translateY(2px) scale(.97)!important;box-shadow:0 1px 2px #0000001a!important}.app-key-tag{align-self:flex-start;font-family:var(--font-mono);font-size:9px;font-weight:800;color:#475569;background:#ffffffd9;padding:1px 3px;border-radius:3px;line-height:1;box-shadow:0 1px 2px #0000000d}.app-icon-slot{display:flex;align-items:center;justify-content:center;flex:1;margin-top:-2px}.app-squircle-icon{width:22px;height:22px;border-radius:5.5px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000014}.app-squircle-icon svg{width:100%;height:100%;border-radius:6px}.well-bottom-bar{position:absolute;bottom:12px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}.well-version-tag{font-size:12px;color:#94a3b8;font-weight:500}.well-actions-group{display:flex;align-items:center;gap:8px}.well-stats-btn,.well-adjust-btn{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid rgba(0,0,0,.1);padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease}.well-stats-btn:hover,.well-adjust-btn:hover{background:#f8fafc;color:var(--accent);border-color:var(--accent-border)}.well-adjust-btn.active,.well-adjust-btn-done{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 2px 8px #2563eb59!important}@keyframes adjustPulse{0%,to{box-shadow:0 0 0 3px #2563eb4d,0 4px 12px #2563eb33}50%{box-shadow:0 0 0 6px #2563eb80,0 6px 16px #2563eb59}}.app-key.adjust-selected{animation:adjustPulse 1.2s infinite ease-in-out;z-index:10}.app-key.adjust-swap-anim{transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s ease;transform:scale(1.1)}.app-bottom-control-card{margin-top:12px;background:#f8fafc;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:12px 14px 10px}.control-card-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.05)}.control-col-modifiers{display:flex;flex-direction:column;align-items:flex-start}.control-col-modifiers .control-col-title{font-size:12.5px;font-weight:700;color:#64748b;margin-bottom:10px;padding-left:2px}.modifier-pills-row{display:flex;gap:10px}.mod-app-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:50px;border-radius:10px;border:1.5px solid transparent;cursor:pointer;transition:all .15s ease;gap:1px}.mod-app-btn .mod-symbol{font-size:17px;line-height:1}.mod-app-btn .mod-text{font-size:11px;margin-top:2px;font-weight:500}.mod-btn-opt{background:#ede9fe;border:1.5px solid #c4b5fd;color:#5b21b6}.mod-btn-cmd{background:#e0f2fe;border:1.5px solid #7dd3fc;color:#0369a1}.mod-btn-ctrl{background:#d1fae5;border:1.5px solid #6ee7b7;color:#047857}.mod-app-btn.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.control-col-prefs{display:flex;flex-direction:column;align-items:flex-end;width:175px}.control-col-prefs .control-col-title{width:100%;text-align:right;font-size:12.5px;font-weight:700;color:#64748b;margin-bottom:10px;padding-right:2px}.prefs-col-items{display:flex;flex-direction:column;gap:8px;width:100%}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.08);font-size:12px;font-weight:600;color:#334155;width:100%;box-shadow:0 1px 2px #00000008}.mac-switch-toggle,.ios-toggle{width:34px;height:19px;background:#e2e8f0;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-pill);position:relative;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;padding:0;outline:none;flex-shrink:0}.mac-switch-toggle .switch-handle,.ios-toggle:after{content:"";position:absolute;left:2px;top:1.5px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.16,1,.3,1)}.mac-switch-toggle.checked,.ios-toggle.checked{background:#10b981;border-color:#059669}.mac-switch-toggle.checked .switch-handle,.ios-toggle.checked:after{transform:translate(15px)}.control-card-stats-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;border-top:none;cursor:pointer;user-select:none;border-radius:8px;padding:6px 8px;transition:all .15s ease}.control-card-stats-row:hover{background:#2563eb0d}.stats-row-left{display:flex;align-items:center;gap:8px}.stats-row-text{font-size:12.5px;color:#334155;font-weight:500}.stats-row-right{display:flex;align-items:center;gap:4px;color:#007aff;font-size:12.5px;font-weight:600}.stats-view-link{color:#007aff}.stats-chevron{font-size:14px;line-height:1}.control-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06);gap:16px}.ctrl-sub-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(0,0,0,.1);padding:5px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;color:#1e293b;box-shadow:0 1px 3px #0000000a;cursor:pointer;transition:all .15s ease;white-space:nowrap}.ctrl-sub-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb1f}.ctrl-tip-text{font-size:11.5px;color:#64748b;font-weight:500;text-align:right}.sim-live-banner{margin-top:16px;background:#fff;border:1.5px solid var(--accent-border);border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 20px #2563eb14}.live-banner-left{display:flex;align-items:center;gap:12px}.live-app-badge{width:40px;height:40px;border-radius:10px;box-shadow:0 3px 10px #00000014;display:flex;align-items:center;justify-content:center;background:#f8fafc}.live-text-content h4{font-size:14.5px;font-weight:700;color:var(--ink-primary);display:flex;align-items:center;gap:8px}.live-text-content p{font-size:12.5px;color:var(--ink-secondary)}.live-tag-pill{font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);background:#dcfce7;color:#15803d}.live-tag-pingpong{background:#fef3c7;color:#b45309}.fake-app-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0f172a73!important;backdrop-filter:blur(8px) saturate(140%)!important;-webkit-backdrop-filter:blur(8px) saturate(140%)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s cubic-bezier(.16,1,.3,1)!important}.fake-app-modal-overlay.open{opacity:1!important;pointer-events:auto!important}.fake-app-modal-container{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(780px,calc(100% - 32px));transform:scale(.92) translateY(18px);transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.fake-app-modal-overlay.open .fake-app-modal-container{transform:scale(1) translateY(0)}.fake-modal-top-pill{display:flex;align-items:center;gap:10px;background:#0f172aeb;color:#fff;padding:7px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.18)}.fake-pingpong-tip{color:#67e8f9}.fake-close-hint{color:#94a3b8;font-size:11.5px;margin-left:6px;padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}.fake-mac-window{width:100%;background:#fff;border-radius:14px;box-shadow:0 30px 80px -15px #0006,0 0 0 1px #0000001f;overflow:hidden;display:flex;flex-direction:column;height:420px}.fake-window-titlebar{height:38px;background:#f6f8fa;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 14px;user-select:none}.fake-title-center{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#1e293b}.fake-title-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.fake-window-body{flex:1;background:#fff;overflow:hidden;position:relative;display:flex}.fake-wechat-layout{display:flex;width:100%;height:100%;font-family:var(--font-sans)}.fake-wechat-nav{width:52px;background:#2b2e3b;display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:16px;color:#94a3b8;font-size:17px}.fake-wechat-avatar{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#07c160,#10b981);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.fake-wechat-icon{cursor:pointer;transition:color .15s ease}.fake-wechat-icon.active{color:#07c160}.fake-wechat-list{width:210px;background:#eceef1;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column}.fake-chat-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.03)}.fake-chat-item.active{background:#dce1e8}.fake-avatar{width:34px;height:34px;border-radius:6px;background:#cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#475569;flex-shrink:0}.fake-chat-meta{flex:1;overflow:hidden}.fake-chat-name{font-size:12.5px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fake-chat-last{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.fake-wechat-chat{flex:1;display:flex;flex-direction:column;background:#f5f5f5;padding:14px 18px;gap:12px}.fake-wechat-chat-header{font-size:13px;font-weight:700;color:#1e293b;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.fake-bubble{background:#fff;padding:10px 14px;border-radius:8px;font-size:13px;color:#1e293b;max-width:82%;box-shadow:0 1px 3px #0000000a;line-height:1.5}.fake-bubble-green{background:#95ec69;align-self:flex-end;color:#052e16}.fake-wechat-input-area{margin-top:auto;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.08);padding:8px 12px;display:flex;flex-direction:column;gap:6px}.fake-wechat-tools{font-size:13px;color:#64748b;letter-spacing:4px}.fake-wechat-input-box{display:flex;align-items:center;justify-content:space-between}.fake-typing-text{font-size:12.5px;color:#1e293b}.fake-send-btn{background:#07c160;color:#fff;border:none;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:4px;cursor:pointer}.fake-safari-layout{display:flex;flex-direction:column;width:100%;height:100%}.fake-safari-toolbar{background:#f1f3f7;padding:6px 14px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.fake-safari-nav-btns{display:flex;align-items:center;gap:8px;font-size:16px;color:#64748b}.fake-safari-url-bar{flex:1;max-width:440px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-pill);padding:4px 14px;font-size:12px;color:#334155;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 2px #0000000a}.fake-safari-actions{display:flex;gap:10px;color:#64748b;font-size:13px}.fake-safari-tabbar{display:flex;background:#e5e9f0;padding:4px 8px 0;gap:4px;border-bottom:1px solid rgba(0,0,0,.06)}.fake-safari-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#d8dee9;border-radius:6px 6px 0 0;font-size:11.5px;color:#475569}.fake-safari-tab.active{background:#fff;color:#0f172a;font-weight:600}.fake-safari-page{flex:1;background:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.safari-hero-banner{margin-bottom:16px}.safari-sub{font-size:11.5px;font-weight:700;color:#f97316;text-transform:uppercase}.safari-heading{font-size:24px;font-weight:800;color:#0f172a;margin:4px 0}.safari-subdesc{font-size:13px;color:#64748b;margin-bottom:12px}.safari-cta-row{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12.5px}.safari-btn-blue{background:#0071e3;color:#fff;padding:4px 14px;border-radius:var(--radius-pill);font-weight:600}.safari-btn-link{color:#0071e3;font-weight:600}.safari-favs-row{display:flex;gap:20px;margin-top:10px}.safari-fav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#64748b}.s-fav-icon{width:36px;height:36px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 1px 3px #0000000f}.fake-finder-layout{display:flex;width:100%;height:100%}.fake-finder-sidebar{width:160px;background:#f1f3f7;border-right:1px solid rgba(0,0,0,.06);padding:12px 10px;font-size:12px;color:#475569;display:flex;flex-direction:column;gap:3px}.fake-side-header{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin:6px 0 2px 4px}.fake-side-item{padding:5px 8px;border-radius:6px;display:flex;align-items:center;gap:6px}.fake-side-item.active{background:#dbeafe;color:#1d4ed8;font-weight:600}.fake-finder-main{flex:1;display:flex;flex-direction:column;background:#fff}.fake-finder-topbar{padding:8px 14px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#64748b}.fake-finder-grid{flex:1;padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-content:start}.fake-file-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:8px;position:relative}.finder-card-active{background:#eff6ff;outline:2px solid #3b82f6}.fake-file-icon{font-size:28px}.fake-file-name{font-size:11px;color:#1e293b;text-align:center;font-weight:600}.fake-ghostty-layout{display:flex;flex-direction:column;width:100%;height:100%;background:#101216;color:#38bdf8;font-family:var(--font-mono)}.fake-ghostty-topbar{background:#1b1e26;padding:6px 14px;font-size:11.5px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.06)}.fake-ghostty-screen{flex:1;padding:16px 20px;font-size:13px;line-height:1.6}.term-line{white-space:pre-wrap;word-break:break-all}.term-user{color:#34d399;font-weight:700}.term-path{color:#60a5fa}.term-prompt{color:#f43f5e;font-weight:700}.term-dim{color:#64748b}.term-success{color:#4ade80}.term-info{color:#38bdf8}.term-cursor{color:#34d399;animation:termBlink 1s infinite}@keyframes termBlink{0%,to{opacity:1}50%{opacity:0}}.fake-xcode-layout{display:flex;flex-direction:column;width:100%;height:100%;background:#1e1e24;color:#e2e8f0;font-family:var(--font-mono)}.fake-xcode-topbar{background:#2a2b36;padding:6px 14px;display:flex;align-items:center;gap:12px;font-size:11.5px;border-bottom:1px solid rgba(255,255,255,.08)}.xcode-status-pill{background:#16a34a;color:#fff;padding:2px 8px;border-radius:var(--radius-pill);font-weight:700;font-size:10.5px}.xcode-target{color:#94a3b8}.fake-xcode-body{flex:1;display:flex}.fake-xcode-nav{width:170px;background:#18181f;border-right:1px solid rgba(255,255,255,.06);padding:10px 8px;font-size:11px;display:flex;flex-direction:column;gap:4px}.xc-nav-title{font-weight:700;color:#cbd5e1;margin-bottom:4px}.xc-nav-item{color:#94a3b8;padding:3px 6px;border-radius:4px}.xc-nav-item.active{background:#2563eb;color:#fff}.fake-xcode-editor{flex:1;padding:14px 18px;font-size:12px;line-height:1.5;background:#1e1e24;overflow:auto}.xc-kwd{color:#f43f5e;font-weight:600}.xc-type{color:#38bdf8}.xc-func{color:#a78bfa}.xc-comment{color:#64748b;font-style:italic}.fake-obsidian-layout{display:flex;width:100%;height:100%;background:#1e1e2e;color:#cdd6f4}.fake-obsidian-nav{width:170px;background:#181825;border-right:1px solid rgba(255,255,255,.06);padding:12px 10px;font-size:11.5px;display:flex;flex-direction:column;gap:4px}.obs-nav-head{font-weight:700;color:#cba6f7;margin-bottom:6px}.obs-nav-file{color:#a6adc8;padding:3px 6px;border-radius:4px}.obs-nav-file.active{background:#313244;color:#cdd6f4;font-weight:600}.fake-obsidian-content{flex:1;padding:18px 24px;display:flex;flex-direction:column;gap:10px}.obs-title{font-size:16px;font-weight:800;color:#89b4fa}.obs-quote{border-left:3px solid #cba6f7;padding-left:10px;color:#a6adc8;font-size:12.5px;margin:0}.obs-h2{font-size:13.5px;font-weight:700;color:#a6e3a1;margin-top:4px}.obs-list{list-style:none;padding:0;margin:0;font-size:12.5px;display:flex;flex-direction:column;gap:4px}.obs-cb{color:#a6e3a1;margin-right:4px}.obs-tags{display:flex;gap:6px;margin-top:6px}.obs-tag{background:#313244;color:#f5c2e7;padding:2px 8px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:600}.fake-chrome-layout{display:flex;flex-direction:column;width:100%;height:100%;background:#fff}.fake-chrome-tabbar{background:#dee1e6;padding:6px 10px 0;display:flex;align-items:center;gap:6px}.chrome-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ced4da;border-radius:8px 8px 0 0;font-size:11.5px;color:#495057}.chrome-tab.active{background:#fff;color:#212529;font-weight:600}.chrome-new-tab{font-size:14px;color:#6c757d;margin-left:4px}.fake-chrome-omnibox-row{background:#fff;padding:6px 14px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:10px}.c-nav-btn{color:#6c757d;font-size:16px}.fake-chrome-omnibox{flex:1;background:#f1f3f4;border-radius:var(--radius-pill);padding:4px 14px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#3c4043}.fake-chrome-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.chrome-google-logo{font-size:32px;font-weight:800;font-family:var(--font-sans)}.chrome-search-bar{width:min(440px,90%);background:#fff;border:1px solid #dfe1e5;border-radius:var(--radius-pill);padding:8px 16px;display:flex;align-items:center;gap:10px;font-size:12.5px;box-shadow:0 1px 6px #2021241a}.chrome-search-input{flex:1;color:#202124}.chrome-search-btns{display:flex;gap:10px}.chrome-search-btns button{background:#f8f9fa;border:1px solid #f8f9fa;padding:6px 14px;border-radius:4px;font-size:12px;color:#3c4043;cursor:pointer}.fake-iina-layout{width:100%;height:100%;background:#000;display:flex}.iina-video-screen{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:16px;position:relative;background:radial-gradient(circle at center,#1e293b,#000)}.iina-badge-top{align-self:flex-start;background:#ffffff26;color:#fff;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;backdrop-filter:blur(8px)}.iina-playback-center{align-self:center;width:54px;height:54px;border-radius:50%;background:#ffffff40;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px;backdrop-filter:blur(10px)}.iina-bottom-bar{display:flex;flex-direction:column;gap:8px;background:#0009;padding:10px 14px;border-radius:10px;backdrop-filter:blur(12px)}.iina-progress-track{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.iina-progress-fill{width:48%;height:100%;background:#38bdf8}.iina-controls-row{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:12px}.iina-actions{display:flex;gap:12px;font-size:13px}.fake-music-layout{display:flex;width:100%;height:100%;background:linear-gradient(135deg,#18181b,#27272a);color:#fff;padding:24px;gap:24px;align-items:center}.music-vinyl-cover{width:150px;height:150px;border-radius:12px;background:linear-gradient(135deg,#f43f5e,#8b5cf6,#06b6d4);box-shadow:0 10px 30px #f43f5e59;display:flex;align-items:center;justify-content:center}.vinyl-center-dot{width:36px;height:36px;border-radius:50%;background:#18181b;border:3px solid #ffffff}.music-info-side{flex:1;display:flex;flex-direction:column;gap:8px}.music-track-title{font-size:18px;font-weight:800}.music-artist-name{font-size:13px;color:#a1a1aa}.music-lyrics-preview{font-size:12.5px;color:#fb7185;line-height:1.5;font-style:italic;margin:6px 0}.music-waveform-bars{display:flex;align-items:flex-end;gap:4px;height:24px}.m-bar{width:4px;background:#f43f5e;border-radius:2px;animation:musicBounce .8s ease-in-out infinite alternate}.m-bar.h1{height:30%;animation-delay:.1s}.m-bar.h2{height:60%;animation-delay:.3s}.m-bar.h3{height:90%;animation-delay:.2s}.m-bar.h4{height:50%;animation-delay:.4s}.m-bar.h5{height:100%;animation-delay:.15s}@keyframes musicBounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.music-progress-row{display:flex;align-items:center;gap:10px;margin-top:4px}.music-track-bar{flex:1;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.music-fill-bar{height:100%;background:#f43f5e}.music-time-tag{font-size:11px;color:#a1a1aa;font-family:var(--font-mono)}.fake-surge-layout{display:flex;flex-direction:column;width:100%;height:100%;background:#0f172a;color:#f8fafc;padding:18px 22px;gap:14px}.surge-header-row{display:flex;gap:16px}.surge-speed-box{flex:1;background:#1e293b;border-radius:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.06)}.surge-speed-label{font-size:11px;color:#94a3b8;font-weight:600}.surge-speed-val{font-size:20px;font-weight:800;color:#38bdf8;font-family:var(--font-mono);margin-top:2px}.surge-unit{font-size:12px;color:#64748b;font-weight:500}.surge-chart-box{background:#1e293b;border-radius:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.06)}.surge-chart-title{font-size:11.5px;color:#94a3b8;font-weight:600;margin-bottom:8px}.surge-sparkline{display:flex;align-items:flex-end;gap:6px;height:48px}.surge-bar{flex:1;background:linear-gradient(to top,#0284c7,#38bdf8);border-radius:2px 2px 0 0}.surge-rules-list{display:flex;flex-direction:column;gap:6px;font-size:12px}.surge-rule-item{display:flex;align-items:center;justify-content:space-between;background:#1e293b;padding:8px 12px;border-radius:6px}.surge-dot-green{width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:6px}.surge-dot-blue{width:8px;height:8px;border-radius:50%;background:#3b82f6;margin-right:6px}.surge-policy{color:#38bdf8;font-weight:600;font-size:11px}.fake-drive-layout{display:flex;flex-direction:column;width:100%;height:100%;background:#f8fafc;padding:20px;gap:16px}.drive-quota-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.drive-quota-header{display:flex;justify-content:space-between;font-size:12.5px;color:#1e293b}.drive-quota-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.drive-quota-fill{height:100%;background:#3b82f6}.drive-files-list{display:flex;flex-direction:column;gap:8px}.drive-file-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;padding:10px 14px;border-radius:8px}.df-icon{font-size:20px}.df-info{display:flex;flex-direction:column;gap:2px}.df-info strong{font-size:12.5px;color:#1e293b}.df-info span{font-size:11px;color:#64748b}.comparison-section{padding:90px 0}.section-head{text-align:center;max-width:760px;margin-inline:auto;margin-bottom:48px}.section-eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.section-title{font-size:clamp(24px,3.6vw,38px);font-weight:800;line-height:1.25;letter-spacing:-.03em;margin-bottom:16px;color:#0f172a;text-wrap:balance;max-width:720px;margin-inline:auto}.section-lede{font-size:clamp(15px,1.5vw,17px);color:var(--ink-secondary);line-height:1.6}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.comp-card{background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:all .25s ease;box-shadow:0 4px 16px #00000008}.comp-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #00000014}.comp-keylaunch{border-color:var(--accent-border);background:linear-gradient(180deg,#eff6ff,#fff);box-shadow:0 10px 30px #2563eb14}.comp-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.comp-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;white-space:nowrap}.comp-badge-neutral{background:#f1f5f9;color:var(--ink-secondary)}.comp-time{font-size:12.5px;font-weight:700;color:var(--accent);white-space:nowrap;font-family:var(--font-mono)}.comp-name{font-size:17px;font-weight:700;margin-bottom:14px;color:#0f172a}.comp-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;flex:1}.step-item{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;color:var(--ink-secondary);background:#f8fafc;border:1px solid var(--line);padding:8px 10px;border-radius:8px}.step-highlight{background:#eff6ff;color:#1d4ed8;font-weight:600;border-color:var(--accent-border)}.step-num{width:18px;height:18px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#475569;flex-shrink:0;margin-top:1px}.step-highlight .step-num{background:var(--accent);color:#fff}.step-text{flex:1}.comp-desc{font-size:12.5px;color:var(--ink-muted);line-height:1.5}.adjust-top-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:8px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;margin-bottom:12px;text-align:center;box-shadow:0 2px 8px #2563eb0f;animation:fadeInDown .25s ease-out}.adjust-delete-badge{display:none;position:absolute;top:-5px;right:-5px;width:17px;height:17px;border-radius:50%;background:#fff;border:1px solid #cbd5e1;color:#ef4444;font-size:12px;font-weight:800;line-height:1;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #00000026;z-index:15;transition:transform .15s ease,background .15s ease}.adjust-delete-badge:hover{background:#fee2e2;transform:scale(1.2)}.adjust-hand-badge{display:none;position:absolute;bottom:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#2563eb26;color:#1d4ed8;font-size:8.5px;align-items:center;justify-content:center;z-index:12;pointer-events:none}.adjust-mode-active .adjust-delete-badge,.adjust-mode-active .adjust-hand-badge{display:flex}.adjust-mode-active .app-key-unmapped{border:2px dashed #93c5fd!important;background:#fff!important;cursor:pointer}.adjust-mode-active .app-key-unmapped:hover{background:#eff6ff!important;border-color:#3b82f6!important}.adjust-mode-active .app-key-mapped{border:2px dashed #3b82f6!important;background:#f8fafc;cursor:grab;animation:appKeyJiggle .3s infinite alternate ease-in-out;position:relative}.adjust-mode-active .app-key-mapped:nth-child(2n){animation:appKeyJiggle2 .28s infinite alternate ease-in-out}.adjust-mode-active .app-key-mapped:nth-child(3n){animation:appKeyJiggle .34s infinite alternate ease-in-out}@keyframes appKeyJiggle{0%{transform:rotate(-1.5deg) scale(1.02)}50%{transform:rotate(1.5deg) scale(.98)}to{transform:rotate(-1.2deg) scale(1.02)}}@keyframes appKeyJiggle2{0%{transform:rotate(1.5deg) scale(.98)}50%{transform:rotate(-1.5deg) scale(1.02)}to{transform:rotate(1.2deg) scale(.98)}}.well-adjust-btn-done{background:#0071e3!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px #0071e359!important;font-weight:700!important}.well-adjust-btn-done:hover{background:#0077ed!important;transform:scale(1.04)}.dragging-key{opacity:.35!important;transform:scale(.92)!important}.drop-target-hover{border-color:#2563eb!important;background:#eff6ff!important;transform:scale(1.08)!important;box-shadow:0 0 0 3px #2563eb66!important;z-index:20}.adjust-selected{box-shadow:0 0 0 2.5px #2563eb,0 8px 20px #2563eb4d!important;transform:translateY(-3px) scale(1.05)!important;border-color:#2563eb!important;z-index:18}.adjust-swap-anim{animation:keySwapBounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes keySwapBounce{0%{transform:scale(.85)}50%{transform:scale(1.1)}to{transform:scale(1)}}.features-section{padding:90px 0}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bento-card{background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s ease;overflow:hidden;position:relative;box-shadow:0 4px 18px #0000000a}.bento-card:hover{border-color:var(--accent-border);transform:translateY(-4px);box-shadow:0 16px 36px #2563eb14}.bento-wide{grid-column:span 3;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px}.bento-pill{display:inline-block;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);margin-bottom:12px}.bento-content h3{font-size:22px;font-weight:700;line-height:1.3;margin-bottom:10px;color:#0f172a}.bento-content p{font-size:14.5px;color:var(--ink-secondary);line-height:1.6}.bento-visual{margin-top:20px;background:#f8fafc;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:center}.bento-wide .bento-visual{margin-top:0;height:100%}.pingpong-flow-container{display:flex;flex-direction:column;gap:10px;width:100%}.pp-step{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line-strong);padding:10px 14px;border-radius:10px;box-shadow:0 2px 6px #00000008}.pp-step-icon{font-size:20px}.pp-step-icon-svg{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.pp-step-text{display:flex;flex-direction:column;gap:2px;font-size:13px}.pp-step-text strong{font-weight:700;color:var(--ink-primary)}.pp-step-text span{font-size:12px;color:var(--ink-secondary)}.pp-step-2{background:#f0fdf4;border-color:#bbf7d0}.pp-step-3{background:#eff6ff;border-color:#bfdbfe}.pp-connector{display:flex;align-items:center;justify-content:center;gap:8px;margin:-2px 0}.pp-key-badge{font-family:var(--font-mono);font-size:11.5px;font-weight:700;background:#1e293b;color:#fff;padding:3px 10px;border-radius:var(--radius-pill);box-shadow:0 2px 4px #0000001a}.pp-badge-bounce{background:var(--accent)}.hud-capsule-card{display:flex;flex-direction:column;gap:12px;width:100%;background:#0f172a;border:1px solid #334155;border-radius:12px;padding:16px;color:#fff;box-shadow:0 8px 24px #0003}.hud-capsule-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#94a3b8}.hud-glowing-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8}.hud-keys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hud-key-pill{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600}.hk-mod{color:#38bdf8;font-weight:700}.hk-char{font-family:var(--font-mono);font-weight:800;color:#fff}.hk-name{color:#cbd5e1;font-size:11.5px}.conflict-demo-box{display:flex;flex-direction:column;gap:10px;width:100%}.conflict-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:8px;font-size:13px}.conflict-row-safe{border-left:3.5px solid #10b981}.conflict-row-warn{border-left:3.5px solid #ef4444;background:#fef2f2}.conflict-icon{font-weight:800;font-size:15px}.conflict-row-safe .conflict-icon{color:#10b981}.conflict-row-warn .conflict-icon{color:#ef4444}.conflict-info{display:flex;flex-direction:column;gap:2px}.conflict-info strong{font-size:12.5px;color:var(--ink-primary)}.conflict-info span{font-size:11px;color:var(--ink-muted)}.conflict-status-safe{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);background:#dcfce7;color:#15803d}.conflict-status-warn{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);background:#fee2e2;color:#b91c1c}.swap-interactive-box{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:#fff;border:1px solid var(--line-strong);border-radius:12px}.swap-key-unit{display:flex;flex-direction:column;align-items:center;gap:6px}.sku-tag{font-family:var(--font-mono);font-size:12px;font-weight:800;background:#f1f5f9;border:1px solid #cbd5e1;padding:2px 8px;border-radius:4px;color:#1e293b}.sku-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.sku-label{font-size:12px;font-weight:700;color:var(--ink-primary)}.swap-arrows-center{display:flex;flex-direction:column;align-items:center;gap:4px}.swap-badge{font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--accent);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--accent-border)}.stats-mini-bars{display:flex;flex-direction:column;gap:10px;width:100%}.stats-mini-row{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.sm-rank{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#fff}.sm-r1{background:#ef4444}.sm-r2{background:#f59e0b}.sm-r3{background:#10b981}.sm-name{width:100px;color:var(--ink-primary)}.sm-track{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.sm-fill{height:100%;border-radius:3px}.sm-fill-1{background:#ef4444}.sm-fill-2{background:#f59e0b}.sm-fill-3{background:#10b981}.sm-num{font-size:11px;color:var(--ink-muted);width:38px;text-align:right}.menu-mac-mock{display:flex;flex-direction:column;gap:6px;width:100%;background:#fff;border:1px solid var(--line-strong);border-radius:10px;padding:10px;box-shadow:0 4px 12px #0000000d}.menu-item-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--ink-primary)}.menu-item-row:hover{background:var(--accent);color:#fff}.menu-divider{height:1px;background:var(--line);margin:2px 0}.menu-badge{margin-left:auto;font-size:10px;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:var(--ink-muted)}.dna-section{padding:70px 0}.dna-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dna-card{background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;transition:all .2s ease;box-shadow:0 4px 14px #00000008}.dna-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 24px #2563eb14}.dna-val{font-size:clamp(32px,3.5vw,44px);font-weight:800;font-family:var(--font-mono);color:var(--accent);margin-bottom:8px}.dna-label{font-size:13.5px;color:var(--ink-secondary);font-weight:600}.install-section{padding:90px 0}.install-container{background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:32px;max-width:800px;margin-inline:auto;box-shadow:0 20px 50px #0000000f}.install-tabs{display:flex;background:#f1f5f9;border:1px solid var(--line);padding:4px;border-radius:var(--radius-pill);gap:4px;margin-bottom:28px}.inst-tab-btn{flex:1;padding:10px 16px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:600;color:var(--ink-secondary);transition:all .2s ease;text-align:center}.inst-tab-btn:hover{color:var(--ink-primary)}.inst-tab-btn.active{background:#fff;color:var(--accent);box-shadow:0 2px 8px #00000014}.tab-pane{display:none}.tab-pane.active{display:block}.pane-desc{font-size:14.5px;color:var(--ink-secondary);margin-bottom:18px}.terminal-block{background:#0f172a;border:1px solid #334155;border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px}.terminal-bar{background:#1e293b;border-bottom:1px solid #334155;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.mac-traffic-lights{display:flex;gap:6px}.tl-btn{width:10px;height:10px;border-radius:50%}.tl-close{background:#ff5f56}.tl-min{background:#ffbd2e}.tl-max{background:#27c93f}.terminal-title{font-size:12px;font-family:var(--font-mono);color:#94a3b8}.terminal-copy-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#f1f5f9;transition:all .15s ease}.terminal-copy-btn:hover{background:#fff3}.terminal-body{padding:16px 20px;font-family:var(--font-mono);font-size:14px;color:#38bdf8;display:flex;align-items:center;gap:10px}.terminal-body .prompt{color:#64748b}.upgrade-note{font-size:13.5px;color:var(--ink-muted);margin-bottom:8px}.mini-terminal{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid var(--line-strong);padding:8px 14px;border-radius:8px;font-family:var(--font-mono);font-size:13px;color:var(--ink-secondary)}.mini-copy{font-size:14px;opacity:.7;cursor:pointer}.mini-copy:hover{opacity:1}.dmg-action-box,.store-action-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0}.download-large-btn,.store-large-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;padding:14px 28px;border-radius:var(--radius-pill);font-size:15.5px;font-weight:700;box-shadow:0 4px 20px #2563eb40;transition:all .2s ease}.download-large-btn:hover,.store-large-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.dmg-note{font-size:12.5px;color:var(--ink-muted)}.faq-section{padding:90px 0}.faq-list{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #00000005}.faq-item[open]{border-color:var(--accent-border)}.faq-summary{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;user-select:none}.faq-summary::-webkit-details-marker{display:none}.faq-q{font-size:16px;font-weight:700;color:#0f172a}.faq-arrow{font-size:14px;color:var(--ink-muted);transition:transform .2s ease}.faq-item[open] .faq-arrow{transform:rotate(180deg);color:var(--accent)}.faq-answer{padding:0 24px 20px;font-size:14.5px;color:var(--ink-secondary);line-height:1.65}.footer{padding:60px 0 40px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:24px}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.footer-version{font-size:12px;background:#f1f5f9;border:1px solid var(--line);padding:2px 8px;border-radius:var(--radius-pill);color:var(--ink-muted);font-family:var(--font-mono)}.footer-links{display:flex;gap:24px;font-size:14px;color:var(--ink-secondary);font-weight:600}.footer-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--ink-muted)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(100px);background:#0f172af0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 22px;border-radius:var(--radius-pill);font-size:13.5px;line-height:1.45;font-weight:550;box-shadow:0 12px 36px #00000040,0 2px 6px #0000001a;opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease;z-index:100000;pointer-events:none;max-width:min(90vw,560px);text-align:center}.toast.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto;cursor:pointer}.reveal{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.js .reveal{opacity:1;transform:translateY(0)}.js .reveal.will-reveal:not(.visible){opacity:0;transform:translateY(20px)}.js .reveal.visible{opacity:1;transform:translateY(0)}.control-card-stats-row{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding-top:2px;border-top:none;cursor:pointer;user-select:none;transition:all .15s ease}.control-card-stats-row:hover .stats-row-right{transform:translate(2px)}.control-card-stats-row:hover .stats-row-text{color:#007aff}.stats-row-left{display:flex;align-items:center;gap:5px;min-width:0;flex:1}.stats-chart-icon{width:12px;height:12px;flex-shrink:0}.stats-row-text{font-size:10.5px;color:#64748b;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .15s ease}.stats-row-right{display:flex;align-items:center;gap:2px;color:#007aff;font-size:10.5px;font-weight:600;flex-shrink:0;margin-left:8px;transition:transform .15s ease}.stats-view-link{font-size:10.5px}.stats-chevron{font-size:13px;line-height:1;font-weight:700}html.modal-open,body.modal-open{overflow:hidden!important;touch-action:none}.stats-modal-overlay{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.16,1,.3,1)}.stats-modal-overlay.open{opacity:1;pointer-events:auto}.stats-modal-container{width:720px;max-width:95vw;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 25px 65px #00000040,0 0 0 1px #fff9 inset;padding:22px 24px 20px;display:flex;flex-direction:column;gap:12px;transform:scale(.94) translateY(16px);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.stats-modal-overlay.open .stats-modal-container{transform:scale(1) translateY(0)}.stats-modal-header{display:flex;align-items:center;justify-content:space-between}.stats-modal-title-group{display:flex;align-items:center;gap:10px}.stats-modal-title{font-size:16px;font-weight:700;color:#0f172a;margin:0}.stats-total-pill{display:flex;align-items:center;gap:4px;background:#f1f5f9;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;color:#64748b;font-weight:500}.stats-total-pill strong{color:#0f172a;font-weight:700}.stats-modal-close-btn{width:26px;height:26px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.stats-modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.stats-spectrum-container{margin:4px 0 6px}.stats-spectrum-bar{height:10px;border-radius:5px;background:linear-gradient(90deg,#f43f5e,#f97316 20%,#eab308 50%,#84cc16,#22c55e);box-shadow:0 1px 2px #0000000f inset}.stats-spectrum-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#64748b;margin-top:4px}.stats-modal-keyboard-well{background:#f1f3f7;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:14px 10px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 1px 3px #0000000a;overflow:hidden}.stats-key-row{display:flex;gap:6px;justify-content:center}.stats-row-asdf{padding-left:12px}.stats-row-zxcv{padding-left:58px}.stats-chiclet-key{width:40px;height:42px;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 4px #0000000a,0 1px 2px #00000005;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;user-select:none;flex-shrink:0;transition:transform .1s ease}.stats-chiclet-key:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000012}.stats-chiclet-key.stats-heat-high{background:#fecaca!important;border-color:#f87171!important;box-shadow:0 2px 6px #ef44442e!important}.stats-chiclet-key.stats-heat-med{background:#bbf7d0!important;border-color:#4ade80!important;box-shadow:0 2px 6px #22c55e2e!important}.stats-chiclet-key.stats-heat-low{background:#dcfce7!important;border-color:#86efac!important}.stats-char{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:#334155}.stats-key-tag{position:absolute;top:2px;left:3px;font-family:var(--font-mono);font-size:8.5px;font-weight:800;color:#334155;line-height:1}.stats-icon-slot{display:flex;align-items:center;justify-content:center;margin-top:4px}.stats-squircle-icon{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center}.stats-squircle-icon svg{width:100%;height:100%;border-radius:5px}.stats-modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.stats-footer-summary{font-size:12px;color:#64748b;font-weight:500}.stats-clear-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.stats-clear-btn:hover{background:#f1f5f9;color:#0f172a}.stats-eraser-icon{font-size:13px}.stats-clear-btn:hover{background:#fee2e2;color:#dc2626}.rank-icon-slot,.stats-icon-slot{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center}.rank-icon-slot svg,.stats-icon-slot svg{width:24px;height:24px;border-radius:6px;display:block}.app-icon-slot svg{width:22px;height:22px;border-radius:5px;display:block}.stats-ranking-box{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.stats-ranking-title-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#0f172a}.stats-ranking-header-total{font-size:12px;color:var(--ink-muted);font-family:var(--font-mono)}.stats-ranking-list{display:flex;flex-direction:column;gap:10px}.stats-rank-item{display:flex;align-items:center;gap:10px}.rank-num{font-size:11px;font-weight:800;font-family:var(--font-mono);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#475569}.rank-num-1{background:#fee2e2;color:#dc2626}.rank-num-2{background:#fef3c7;color:#d97706}.rank-num-3{background:#dcfce7;color:#16a34a}.rank-info{flex:1;display:flex;flex-direction:column;gap:4px}.rank-title-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600;color:#1e293b}.rank-count{font-size:11.5px;color:#64748b;font-family:var(--font-mono)}.rank-bar-track{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.rank-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.rank-fill-1{background:#ef4444}.rank-fill-2{background:#f59e0b}.rank-fill-3{background:#10b981}@media(max-width:1080px){.nav-links{gap:12px;font-size:13px}}@media(max-width:960px){.nav-links{display:none}}@media(max-width:1024px){.comparison-grid,.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-wide{grid-column:span 2}.dna-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.shell{width:calc(100% - 28px)}.nav-inner{padding:0 14px}.nav-links{display:none}.hero-section{padding-top:20px;padding-bottom:24px}.hero-title{font-size:clamp(24px,6.4vw,32px);letter-spacing:-.02em}.hero-lede{font-size:14px;line-height:1.5}.hero-badge{font-size:11.5px;padding:4px 12px}.hero-reqs{font-size:12px;margin-bottom:14px}.cta-matrix{grid-template-columns:1fr;width:100%;max-width:440px;margin:0 auto 16px;gap:10px}.comparison-section,.features-section,.dna-section,.install-section,.faq-section{padding:40px 0}.section-head{margin-bottom:24px}.comparison-grid{grid-template-columns:1fr}.bento-grid{grid-template-columns:1fr;gap:16px}.bento-wide{grid-column:span 1;display:flex;flex-direction:column;align-items:stretch;gap:18px}.bento-wide .bento-visual{height:auto;width:100%;margin-top:0;padding:14px 12px}.bento-card{padding:20px 16px;border-radius:var(--radius-md)}.bento-content h3{font-size:19px;margin-bottom:8px;text-wrap:balance}.bento-content p{font-size:13.5px;line-height:1.55}.dna-grid{grid-template-columns:1fr}.simulator-wrapper{width:100%;max-width:100%;overflow:visible}.app-window-frame{width:100%;max-width:648px;margin:0 auto;box-sizing:border-box}.install-container{padding:20px 16px}.install-tabs{flex-direction:column;border-radius:var(--radius-md)}.inst-tab-btn{border-radius:var(--radius-sm)}.footer{padding:36px 0 28px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.footer-links{flex-wrap:wrap;gap:12px 18px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;text-align:left}}@media(max-width:640px){.nav-brew-btn{display:none}.shell{width:calc(100% - 20px)}.simulator-tip-card{max-width:92vw;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 16px;border-radius:16px;margin-bottom:16px}.simulator-tip-text{font-size:12px}.bento-card{padding:22px 18px}.bento-visual{max-width:100%}.app-window-frame{width:100%;max-width:100%;padding:10px 10px 12px;border-radius:16px;box-sizing:border-box}.app-window-titlebar,.app-titlebar{height:30px;margin-bottom:8px;padding:0 2px}.window-traffic-lights,.app-traffic-lights{gap:5px;width:50px}.traffic-dot{width:9px;height:9px}.window-title-center,.app-title-center{font-size:12.5px;gap:5px}.window-logo-mini{width:18px;height:18px;font-size:10px;border-radius:4px}.btn-win-settings{padding:3px 8px;font-size:11px;border-radius:6px;gap:4px}.btn-win-settings svg{width:12px;height:12px}.app-keyboard-stage{display:flex;justify-content:center;align-items:center;width:100%}.app-keyboard-grid{display:inline-flex;flex-direction:column;gap:3px;align-items:flex-start;margin:0 auto;width:auto}.app-key-row{display:flex;gap:3px;justify-content:flex-start;width:auto}.row-fkeys,.row-numbers,.row-qwerty{padding-left:0!important}.row-asdf{padding-left:clamp(6px,1.8vw,8px)!important}.row-zxcv{padding-left:clamp(31px,9.6vw,40px)!important}.app-key{width:clamp(20px,6.4vw,26px);height:clamp(23px,7.2vw,30px);border-radius:5px;padding:0}.app-key-tag{font-size:6px;top:1.5px;left:2px}.app-icon-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app-squircle-icon{width:clamp(13px,4vw,16px);height:clamp(13px,4vw,16px);border-radius:3.5px}.app-squircle-icon svg{width:100%;height:100%}.unmapped-char{font-size:clamp(8.5px,2.7vw,11px)}.keyboard-well-panel{padding:8px 6px 30px;border-radius:10px}.well-bottom-bar{bottom:5px;left:8px;right:8px}.well-version-tag{font-size:9.5px}.well-adjust-btn{font-size:10px;padding:1.5px 6px}.app-bottom-control-card{margin-top:8px;padding:8px 10px 6px;border-radius:10px}.control-card-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:7px;border-bottom:1px solid rgba(0,0,0,.05);gap:8px}.control-col-modifiers{display:flex;flex-direction:column;align-items:flex-start}.control-col-modifiers .control-col-title{display:block!important;font-size:10.5px;font-weight:700;color:#64748b;margin-bottom:5px;padding-left:1px}.modifier-pills-row{display:flex;gap:5px}.mod-app-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:36px;padding:0;border-radius:7px;gap:0px}.mod-app-btn .mod-symbol{font-size:12.5px;line-height:1}.mod-app-btn .mod-text{font-size:8.5px;margin-top:1px;font-weight:600}.control-col-prefs{display:flex;flex-direction:column;align-items:flex-end;width:140px}.control-col-prefs .control-col-title{display:block!important;width:100%;text-align:right;font-size:10.5px;font-weight:700;color:#64748b;margin-bottom:5px;padding-right:1px}.prefs-col-items{display:flex;flex-direction:column;gap:5px;width:100%}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#fff;padding:4px 8px;border-radius:16px;border:1px solid rgba(0,0,0,.08);font-size:10px;font-weight:600;color:#334155;width:100%;box-shadow:0 1px 2px #00000008}.mac-switch-toggle,.ios-toggle{width:24px;height:14px;border-radius:var(--radius-pill)}.mac-switch-toggle .switch-handle,.ios-toggle:after{left:1.5px;top:1.5px;width:10px;height:10px}.mac-switch-toggle.checked .switch-handle,.ios-toggle.checked:after{transform:translate(10px)}.control-card-stats-row{font-size:10.5px;padding:4px 4px 1px;margin-top:5px}.stats-row-left{gap:6px}.stats-row-text,.stats-row-right,.stats-view-link{font-size:10.5px}.stats-chart-icon{width:12px;height:12px}.stats-modal-container{padding:14px 12px 12px;border-radius:14px;width:94vw;max-width:94vw}.stats-modal-title{font-size:13.5px}.stats-total-pill{font-size:10.5px;padding:2px 7px}.stats-spectrum-container{margin:8px 0 10px}.stats-modal-keyboard-well{padding:8px 4px;gap:3px;border-radius:10px}.stats-key-row{gap:3px;justify-content:center}.stats-row-asdf{padding-left:6px}.stats-row-zxcv{padding-left:14px}.stats-chiclet-key{width:clamp(18px,6.2vw,25px);height:clamp(22px,7vw,29px);border-radius:4.5px}.stats-key-tag{font-size:6px;top:1px;left:2px}.stats-char{font-size:9px}.stats-icon-slot{margin-top:0;width:100%;height:100%}.stats-squircle-icon{width:13px;height:13px;border-radius:3px}.stats-modal-footer{margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:6px}.stats-footer-summary,.stats-clear-btn{font-size:10px}.swap-interactive-box{gap:8px;padding:14px 10px}.swap-key-unit{width:64px;height:64px}.swap-badge{font-size:10.5px;padding:2px 8px}.conflict-demo-box{padding:12px}.menu-mac-mock{max-width:100%}}@media(max-width:480px){.brand{gap:6px}.brand-sub{font-size:12px}.brand-version{font-size:10px;padding:1px 4px}.language-picker select{font-size:12.5px;padding:4px 8px}}.assign-modal-overlay{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.16,1,.3,1)}.assign-modal-overlay.open{opacity:1;pointer-events:auto}.assign-sheet-window{width:560px;max-width:92vw;background:#fff;border-radius:14px;box-shadow:0 24px 60px #00000038,0 0 0 1px #00000014,0 0 0 1px #fffc inset;display:flex;flex-direction:column;overflow:hidden;text-align:left;transform:scale(.95) translateY(12px);transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.assign-modal-overlay.open .assign-sheet-window{transform:scale(1) translateY(0)}.assign-sheet-content{max-height:380px;overflow-y:auto;padding:12px 10px 8px;display:flex;flex-direction:column;gap:2px}.assign-sheet-content::-webkit-scrollbar{width:8px}.assign-sheet-content::-webkit-scrollbar-track{background:transparent}.assign-sheet-content::-webkit-scrollbar-thumb{background:#c1c1c4;border-radius:4px}.assign-group-label{font-size:11.5px;font-weight:700;color:#8e8e93;padding:8px 12px 4px;letter-spacing:.02em;text-align:left}.assign-app-rows{display:flex;flex-direction:column;gap:2px}.assign-row-item{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .12s ease;user-select:none}.assign-row-item:hover{background:#f1f3f7}.assign-row-item.active{background:#007aff!important}.assign-row-icon{width:32px;height:32px;flex-shrink:0;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001f}.assign-row-icon svg{width:100%;height:100%;display:block}.assign-row-meta{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1px}.assign-row-title{font-size:14px;font-weight:600;color:#1c1c1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.assign-row-bundle{font-size:11.5px;font-family:var(--font-mono);color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.assign-pill-rec{font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px;background:#fdf0e6;color:#c96216;margin-right:4px}.assign-row-check{width:16px;height:16px;border-radius:50%;background:#fff;color:#007aff;display:none;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.assign-row-item.active .assign-row-title{color:#fff}.assign-row-item.active .assign-row-bundle{color:#ffffffbf}.assign-row-item.active .assign-pill-rec{background:#ffffff40;color:#fff}.assign-row-item.active .assign-row-check{display:flex}.assign-sheet-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fafafa;border-top:1px solid rgba(0,0,0,.07)}.assign-select-file-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f2f6;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:13px;font-weight:500;color:#1c1c1e;cursor:pointer;transition:background .12s ease}.assign-select-file-btn:hover{background:#e5e6eb}.assign-bar-right{display:flex;align-items:center;gap:8px}.assign-bar-btn{padding:6px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease;border:none}.assign-bar-btn.btn-cancel{background:#f1f2f6;border:1px solid rgba(0,0,0,.08);color:#1c1c1e}.assign-bar-btn.btn-cancel:hover{background:#e5e6eb}.assign-bar-btn.btn-save{background:#007aff;color:#fff;font-weight:600;box-shadow:0 1px 3px #007aff4d}.assign-bar-btn.btn-save:hover{background:#006ce6}.assign-bar-btn.btn-save:active{background:#005bb5}