*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#07091a;--bg-surface:#0d0f2b;--bg-card:#111330;--bg-card-alt:#ffffff08;--border:#ffffff12;--border-bright:#ffffff1f;--text-main:#f0f4ff;--text-muted:#f0f4ff80;--text-secondary:#f0f4ffb8;--orange:#ff6b35;--orange-dim:#ff6b351f;--orange-glow:#ff6b3533;--violet:#8b5cf6;--violet-dim:#8b5cf61f;--violet-glow:#8b5cf638;--rose:#f472b6;--rose-dim:#f472b61a;--gold:#fbbf24;--gold-dim:#fbbf241f;--teal:#2dd4bf;--accent:var(--orange);--accent-dim:var(--orange-dim);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-ethiopic:"Noto Sans Ethiopic", "Nyala", "Kefa", "Abyssinica SIL", serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease:.16s ease}html{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{background:radial-gradient(ellipse 120% 50% at 50% -10%, #8b5cf624 0%, transparent 55%), radial-gradient(ellipse 80% 40% at 90% 10%, #ff6b3514 0%, transparent 50%), var(--bg-base);min-height:100dvh}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}section{padding:clamp(72px,10vw,120px) 0}.label-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--orange);background:var(--orange-dim);border:1px solid #ff6b3538;border-radius:100px;padding:4px 14px;font-size:11px;font-weight:600;display:inline-block}.heading-xl{letter-spacing:-.03em;color:var(--text-main);font-size:clamp(46px,7.5vw,96px);font-weight:900;line-height:1}.heading-lg{letter-spacing:-.025em;color:var(--text-main);font-size:clamp(30px,4.5vw,56px);font-weight:800;line-height:1.1}.heading-md{letter-spacing:-.02em;color:var(--text-main);font-size:clamp(20px,2.5vw,28px);font-weight:700}.subheading{color:var(--text-secondary);max-width:560px;font-size:clamp(15px,1.8vw,18px);font-weight:400;line-height:1.65}.ethiopic{font-family:var(--font-ethiopic)}.grad-orange{background:linear-gradient(135deg, var(--gold) 0%, var(--orange) 50%, var(--rose) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-violet{background:linear-gradient(135deg, var(--violet) 0%, var(--rose) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);cursor:pointer;transition:transform var(--ease), box-shadow var(--ease), opacity var(--ease);font-size:14px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:none;align-items:center;gap:8px;padding:13px 26px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--orange) 0%, #e85d27 100%);color:#fff;box-shadow:0 4px 24px #ff6b3559}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 32px #ff6b3580}.btn-secondary{color:var(--text-main);border:1px solid var(--border-bright);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff2e}.btn-violet{background:linear-gradient(135deg, var(--violet) 0%, #7c3aed 100%);color:#fff;box-shadow:0 4px 24px var(--violet-glow)}.btn-violet:hover{transform:translateY(-1px);box-shadow:0 6px 32px #8b5cf673}.glass-card{border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);background:#ffffff09}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--ease), transform var(--ease);padding:28px 24px}.feature-card:hover{border-color:var(--border-bright);transform:translateY(-3px)}.feature-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:22px;display:flex}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.site-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#07091acc;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.nav-logo{color:var(--text-main);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-glyph{font-family:var(--font-ethiopic);background:linear-gradient(135deg, var(--gold), var(--orange));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #ff6b3566);-webkit-background-clip:text;background-clip:text;font-size:28px;line-height:1}.nav-logo-text{letter-spacing:-.01em;font-size:16px;font-weight:700}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--ease), background var(--ease);padding:6px 12px;font-size:13.5px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-main);background:#ffffff0d}.lang-select{font-size:12px;font-weight:600;font-family:var(--font-sans);color:var(--text-main);border:1px solid var(--border);cursor:pointer;appearance:none;transition:border-color var(--ease);background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:100px;padding:6px 28px 6px 12px}.lang-select:hover{border-color:var(--orange)}.lang-select option{background:var(--bg-surface);color:var(--text-main)}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:92dvh;padding:clamp(80px,12vw,140px) 24px clamp(60px,8vw,100px);display:flex;position:relative;overflow:hidden}.hero-fidel-strip{font-family:var(--font-ethiopic);letter-spacing:.18em;color:#8b5cf61a;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;text-align:center;z-index:0;width:200%;font-size:clamp(32px,5.5vw,64px);line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:1;flex-direction:column;align-items:center;gap:28px;max-width:860px;display:flex;position:relative}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.ps-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.ps-card{border-radius:var(--radius-xl);flex-direction:column;gap:24px;padding:clamp(24px,4vw,48px);display:flex}.ps-old{border:1px solid var(--border);background:#ffffff06}.ps-new{background:linear-gradient(135deg,#ff6b3514 0%,#8b5cf614 100%);border:1px solid #ff6b3538}.ps-tap-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tap-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:18px;font-weight:600;font-family:var(--font-ethiopic);color:var(--text-main);justify-content:center;align-items:center;min-width:52px;padding:8px 16px;display:inline-flex}.tap-chip.highlight{border-color:var(--orange);background:var(--orange-dim);color:var(--orange)}.tap-chip.dimmed{opacity:.4}.tap-arrow{color:var(--text-muted);font-size:18px}.tap-badge{border-radius:100px;margin-top:4px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.tap-badge.bad{color:#f87171;background:#ef44441f}.tap-badge.good{color:var(--teal);background:#2dd4bf1f}.live-demo-shell{max-width:720px}#demo{scroll-margin-top:72px}.demo-layout{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.demo-gif-wrap{border-radius:var(--radius-xl);border:1px solid var(--border-bright);background:var(--bg-card);overflow:hidden}.demo-gif-wrap img{width:100%;height:auto;display:block}.demo-interactive{flex-direction:column;gap:16px;display:flex}.demo-textarea{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-lg);width:100%;font-size:20px;font-family:var(--font-ethiopic);color:var(--text-main);resize:none;min-height:130px;transition:border-color var(--ease);outline:none;padding:18px;line-height:1.7}.demo-textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff6b351f}.demo-textarea::placeholder{color:var(--text-muted);font-family:var(--font-sans);font-size:14px}.demo-controls{flex-wrap:wrap;gap:10px;display:flex}.live-demo-shell .kbd-panel{margin-top:12px}.hiw-steps{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.hiw-step{text-align:center;background:var(--bg-card);border:1px solid var(--border);flex-direction:column;align-items:center;gap:20px;padding:40px 24px;display:flex}.hiw-step:first-child{border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.hiw-step:last-child{border-radius:0 var(--radius-xl) var(--radius-xl) 0}.hiw-step-number{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:900;display:flex}.hiw-step:first-child .hiw-step-number{background:var(--orange-dim);color:var(--orange);border:1px solid #ff6b3540}.hiw-step:nth-child(2) .hiw-step-number{background:var(--violet-dim);color:var(--violet);border:1px solid #8b5cf640}.hiw-step:nth-child(3) .hiw-step-number{color:var(--teal);background:#2dd4bf1a;border:1px solid #2dd4bf40}.hiw-fidel{font-family:var(--font-ethiopic);font-size:52px;line-height:1;animation:3s ease-in-out infinite float}.hiw-step:nth-child(2) .hiw-fidel{animation-delay:.5s}.hiw-step:nth-child(3) .hiw-fidel{animation-delay:1s}.download-cards{grid-template-columns:1fr 1fr;gap:20px;max-width:700px;margin:0 auto;display:grid}.download-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;transition:border-color var(--ease), transform var(--ease);flex-direction:column;align-items:center;gap:20px;padding:36px 28px;display:flex}.download-card:hover{border-color:var(--border-bright);transform:translateY(-4px)}.download-card.android{border-top:3px solid var(--teal)}.download-card.ios{border-top:3px solid var(--violet)}.download-qr-wrap{border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;width:148px;height:148px;padding:10px;display:flex;position:relative}.download-coming-soon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);color:var(--text-muted);background:#07091ad1;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.download-platform-icon{font-size:32px;line-height:1}.site-footer{border-top:1px solid var(--border);padding:40px 24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;display:flex}.section-header{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:56px;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-links{display:none}.ps-grid,.demo-layout,.hiw-steps,.download-cards{grid-template-columns:1fr}.hiw-step:first-child{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.hiw-step:last-child{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.footer-inner{text-align:center;flex-direction:column}}@media (max-width:640px){#demo{padding:clamp(28px,6svh,52px) 0}.live-demo-shell{max-width:460px;padding-inline:16px}.demo-textarea{border-radius:var(--radius-md);min-height:clamp(96px,22svh,136px);max-height:28svh;padding:14px;font-size:18px;line-height:1.55}.demo-controls{gap:8px;margin-top:10px!important}.demo-controls .btn{flex:1 1 0;justify-content:center;min-width:0;padding:11px 12px;font-size:13px}.live-demo-shell .kbd-panel{margin-top:10px}.live-demo-shell .kbd-panel--open{max-height:min(330px,44svh)}}@media (max-width:768px) and (max-height:760px){#demo{padding:clamp(16px,4svh,28px) 0}.demo-textarea{min-height:clamp(82px,20svh,112px);max-height:24svh;padding:12px;font-size:17px;line-height:1.45}.demo-controls{gap:8px;margin-top:8px!important}.demo-controls .btn{padding:9px 10px;font-size:12px}.live-demo-shell .kbd-panel{margin-top:8px}.live-demo-shell .kbd-panel-header{padding:8px 12px}.live-demo-shell .kbd-body{gap:3px;padding:5px 6px 7px}.live-demo-shell .kbd-key{border-radius:7px;height:34px;font-size:16px}.live-demo-shell .kbd-special-key{font-size:11px}.live-demo-shell .kbd-panel--open{max-height:min(286px,45svh)}}@media (max-width:480px){.lang-select{font-size:11px}}
@keyframes kbd-spring-pop{0%{transform:scale(.93)translateY(-2px)}50%{transform:scale(1.06)translateY(-1px)}75%{transform:scale(.98)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes kbd-popup-in{0%{opacity:0;transform:translateY(6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kbd-fade-in{0%{opacity:0}to{opacity:1}}:root,[data-geez-keyboard]{--geez-bg:#0e1525f2;--geez-key-bg:#ffffff12;--geez-key-border:#ffffff12;--geez-special-key-bg:#ffffff0a;--geez-special-key-border:#ffffff0d;--geez-accent:#4f8ef7;--geez-accent-dim:#4f8ef71a;--geez-accent-border:#4f8ef733;--geez-text:#f0f2f5;--geez-text-muted:#f0f2f58c;--geez-text-secondary:#f0f2f5bf;--geez-border:#ffffff14;--geez-radius:20px;--geez-transition:.12s ease;--geez-font-ethiopic:"Noto Sans Ethiopic", "Nyala", "Kefa", system-ui, sans-serif;--geez-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}.kbd-panel{background:var(--geez-bg);border:1px solid var(--geez-border);border-radius:var(--geez-radius);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;width:100%;max-height:0;margin-top:12px;transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .25s,transform .3s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(12px);box-shadow:0 -4px 40px #00000080,0 0 0 1px #4f8ef714}.kbd-panel--open{opacity:1;pointer-events:auto;max-height:420px;transform:translateY(0)}.kbd-panel-header{border-bottom:1px solid var(--geez-border);background:#ffffff06;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.kbd-panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--geez-text-muted);font-size:12px;font-weight:700;font-family:var(--geez-font-sans)}.kbd-panel-close{border:1px solid var(--geez-border);width:28px;height:28px;color:var(--geez-text-muted);cursor:pointer;transition:background var(--geez-transition), color var(--geez-transition);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.kbd-panel-close:hover{color:var(--geez-text);background:#ffffff1f}.kbd-body{flex-direction:column;gap:4px;padding:8px 10px 10px;display:flex}.kbd-row{gap:4px;display:flex}.kbd-toolbar-row{margin-top:2px}.kbd-key{border:1px solid var(--geez-key-border);min-width:0;height:46px;font-family:var(--geez-font-ethiopic);color:var(--geez-text);background:var(--geez-key-bg);cursor:pointer;transition:background var(--geez-transition), border-color var(--geez-transition), transform 80ms ease, box-shadow var(--geez-transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:9px;flex:1;justify-content:center;align-items:center;font-size:20px;font-weight:400;display:flex}.kbd-key:hover{color:#7bb3ff;background:#4f8ef726;border-color:#4f8ef74d}.kbd-key:active{background:#4f8ef740;transform:scale(.92);box-shadow:0 0 0 3px #4f8ef733}.kbd-key--pop{animation:.22s cubic-bezier(.34,1.56,.64,1) forwards kbd-spring-pop}.kbd-flick-key--pressing{transition:transform 60ms;transform:scale(.93)translateY(-2px)}.kbd-symbol-key{font-size:18px}.kbd-special-key{font-family:var(--geez-font-sans);letter-spacing:.02em;background:var(--geez-special-key-bg);border-color:var(--geez-special-key-border);color:var(--geez-text-secondary);font-size:13px;font-weight:600}.kbd-spacebar{letter-spacing:.08em;text-transform:uppercase;flex:3;font-size:12px}.kbd-backspace{font-size:18px}.kbd-enter{color:#7bb3ff;background:#4f8ef71a;border-color:#4f8ef733;font-size:17px}.kbd-enter:hover{background:#4f8ef738}.kbd-page-toggle{font-family:var(--geez-font-ethiopic);background:#ffffff0a;font-size:14px}.kbd-variant-backdrop{z-index:998;background:0 0;position:fixed;inset:0}.kbd-variant-popup{z-index:9999;background:#141c32f7;border:1px solid #4f8ef759;border-radius:12px;flex-direction:row;gap:3px;padding:6px;animation:.18s cubic-bezier(.22,1,.36,1) kbd-popup-in;display:flex;position:fixed;box-shadow:0 8px 32px #0009,0 0 0 1px #4f8ef71a}.kbd-variant-key{width:44px;height:44px;font-family:var(--geez-font-ethiopic);color:var(--geez-text);cursor:pointer;transition:background var(--geez-transition), color var(--geez-transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff12;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex}.kbd-variant-key:hover{color:#7bb3ff;background:#4f8ef740;border-color:#4f8ef766}.kbd-variant-key:active{transform:scale(.9)}.kbd-flick-key{touch-action:none;position:relative;overflow:visible}.kbd-flick-key--gesturing{z-index:10;background:#4f8ef72e;border-color:#4f8ef766;box-shadow:0 6px 20px #00000059,0 0 0 1px #4f8ef726,0 0 16px #4f8ef71f}.kbd-flick-label{font-family:var(--geez-font-ethiopic);color:var(--geez-text);z-index:1;font-size:20px;line-height:1;position:relative}.kbd-shadow-stroke{pointer-events:none;z-index:3;opacity:0;justify-content:center;align-items:center;transition:opacity .1s;display:flex;position:absolute;inset:0}.kbd-shadow-stroke[data-visible=true]{opacity:1}.kbd-shadow-stroke-svg{opacity:.4;width:100%;height:100%;overflow:visible}.kbd-magnify-bubble{z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(14px);opacity:0;background:#0e1525eb;border:1px solid #4f8ef773;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56px;height:64px;transition:opacity .12s,transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.5);box-shadow:0 8px 28px #0000008c,0 0 0 1px #4f8ef71f,inset 0 1px #ffffff0f}.kbd-magnify-bubble[data-visible=true]{opacity:1;transform:translate(-50%)scale(1)}.kbd-magnify-bubble:after{content:"";background:#0e1525eb;border-bottom:1px solid #4f8ef773;border-right:1px solid #4f8ef773;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.kbd-magnify-char{font-family:var(--geez-font-ethiopic);color:var(--geez-text);text-shadow:0 0 12px #4f8ef759;font-size:32px;line-height:1}.kbd-magnify-vowel{font-family:var(--geez-font-sans);letter-spacing:.05em;color:#4f8ef7d9;font-size:9px;font-weight:600}.kbd-flick-hints{pointer-events:none;z-index:2;opacity:0;transition:opacity 80ms;position:absolute;inset:0}.kbd-flick-hints[data-visible=true]{opacity:1}.kbd-flick-hint{font-family:var(--geez-font-sans);letter-spacing:.03em;color:#ffffff73;white-space:nowrap;font-size:8px;font-weight:500;line-height:1;transition:color 60ms,font-weight 60ms;position:absolute}.kbd-flick-hint--active{color:#4f8ef7f2;font-weight:700}.kbd-flick-hint--up{top:2px;left:50%;transform:translate(-50%)}.kbd-flick-hint--up-left{top:3px;left:3px}.kbd-flick-hint--up-right{top:3px;right:3px}.kbd-flick-hint--right{top:50%;right:2px;transform:translateY(-50%)}.kbd-flick-hint--down-right{bottom:3px;right:3px}.kbd-flick-hint--down{bottom:2px;left:50%;transform:translate(-50%)}.kbd-flick-hint--down-left{bottom:3px;left:3px}.kbd-flick-hint--left{top:50%;left:2px;transform:translateY(-50%)}.kbd-ghost-bar{background:#ffffff05;border-bottom:1px solid #ffffff0f;border-radius:6px 6px 0 0;align-items:center;gap:0;min-height:36px;margin-bottom:4px;padding:0 4px;display:flex}.kbd-ghost-bar--empty{min-height:36px}.kbd-ghost-chip{height:28px;font-family:var(--geez-font-ethiopic);color:#ffffffa6;cursor:pointer;transition:background var(--geez-transition), color var(--geez-transition);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;flex:1;padding:0 10px;font-size:15px;overflow:hidden}.kbd-ghost-chip:hover{color:#7bb3ff;background:#4f8ef71f}.kbd-ghost-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:18px}.kbd-flick-numeral-divider{background:#ffffff1a;flex-shrink:0;align-self:stretch;width:1px;margin:4px 2px}.kbd-flick-emoji,.kbd-flick-audio{opacity:.7;transition:opacity var(--geez-transition), background var(--geez-transition);font-family:initial;font-size:18px}.kbd-flick-emoji:hover,.kbd-flick-audio:hover{opacity:1;background:#ffffff14}.kbd-flick-fidelat{opacity:.75;transition:opacity var(--geez-transition), background var(--geez-transition);font-weight:500;font-family:var(--geez-font-ethiopic)!important;font-size:15px!important}.kbd-flick-fidelat:hover{opacity:1;background:#4f8ef71a}@media (max-width:640px){.kbd-key{border-radius:7px;height:40px;font-size:18px}.kbd-body{gap:3px;padding:6px 6px 8px}.kbd-row{gap:3px}.kbd-variant-key{width:38px;height:38px;font-size:18px}.kbd-panel--open{max-height:360px}}