.tab-key-wrapper{perspective:1000px}.tab-key-wrapper--full{width:100%}.tab-key-container{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s cubic-bezier(.4,0,.2,1)}.tab-key-container:hover:not(.tab-key-container--pressed):not(.tab-key-container--no-hover){transform:translateY(-1px)}.tab-key-container--pressed{transform:translateY(0)}@keyframes tab-key-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.92}}.tab-key-container--breathing{animation:tab-key-breathe 2.5s ease-in-out infinite}@keyframes tab-key-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}15%{transform:translateY(10px) rotate(15deg)}to{transform:translateY(calc(100vh + 100px)) rotate(55deg);opacity:1}}.tab-key-container--fallen{animation:tab-key-fall 1.2s cubic-bezier(.55,0,1,.45) forwards;pointer-events:none}.tab-key-container--sm{width:80px;height:40px}.tab-key-container--lg{width:100%;aspect-ratio:1.875;container-type:size}.tab-key-base{position:absolute;inset:0;background:var(--color-theme-bg);transform:translateY(0);transition:all .12s cubic-bezier(.4,0,.2,1)}.tab-key-base--sm{border-radius:8px}.tab-key-base--lg{border-radius:24px}.tab-key-surface{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;background:linear-gradient(180deg,var(--color-theme-bg-card) 0,var(--color-theme-bg) 100%);box-shadow:0 2px 0 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.1),0 4px 12px 0 rgba(0,0,0,.25),0 0 0 1px var(--web-border-secondary,rgba(237,236,236,.1)),inset 0 1px 8px 0 rgba(255,255,255,.03),inset 0 -4px 6px 0 rgba(0,0,0,.12);color:var(--color-theme-text-secondary);font-weight:500;transform:translateY(0);transition:all .12s cubic-bezier(.4,0,.2,1)}.tab-key-container:hover:not(.tab-key-container--no-hover) .tab-key-surface:not(.tab-key-surface--pressed){box-shadow:0 3px 0 0 rgba(0,0,0,.12),0 3px 10px 0 rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.28),0 0 0 1px var(--web-border-secondary,rgba(237,236,236,.14)),inset 0 1px 10px 0 rgba(255,255,255,.05),inset 0 -4px 6px 0 rgba(0,0,0,.12)}.tab-key-surface--pressed{transform:translateY(2px);box-shadow:0 0 0 0 rgba(0,0,0,.1),0 1px 4px 0 rgba(0,0,0,.08),0 2px 6px 0 rgba(0,0,0,.15),0 0 0 1px var(--web-border-secondary,rgba(237,236,236,.1)),inset 0 1px 4px 0 rgba(0,0,0,.15),inset 0 -3px 4px 0 rgba(0,0,0,.08)}.tab-key-surface--sm{border-radius:6px;font-size:13px}.tab-key-surface--lg{border-radius:24px;font-size:34cqh}.tab-key-label{letter-spacing:.5px;line-height:1}.tab-key-label--sm{transform:translateX(5px) translateY(-5px)}.tab-key-label--lg{transform:translateX(16px) translateY(-16px)}.tab-key-highlight{position:absolute;top:0;left:0;right:0;height:25%;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent);pointer-events:none;transition:all .12s cubic-bezier(.4,0,.2,1)}.tab-key-highlight--pressed{opacity:.5}.tab-key-container:hover:not(.tab-key-container--no-hover) .tab-key-highlight:not(.tab-key-highlight--pressed){background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}.tab-key-highlight--sm{border-radius:8px 8px 0 0}.tab-key-highlight--lg{border-radius:24px 24px 0 0}.tab-key-smoke{position:absolute;inset:0;pointer-events:none;overflow:visible;opacity:0;transition:opacity .6s ease-out}.tab-key-smoke--visible{opacity:1}.tab-key-smoke__particle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at center,rgba(180,180,180,.6) 0,rgba(120,120,120,.3) 40%,transparent 70%);filter:blur(3px);opacity:0;animation:tab-key-smoke-rise 2s ease-out infinite}@keyframes tab-key-smoke-rise{0%{opacity:0;transform:translateY(0) translateX(0) scale(.5)}10%{opacity:.7}50%{opacity:.4}to{opacity:0;transform:translateY(-40px) translateX(var(--smoke-drift,0)) scale(2)}}.tab-key-smoke__particle--1{left:20%;top:0;animation-delay:0s;animation-duration:1.8s;--smoke-drift:-8px}.tab-key-smoke__particle--2{left:45%;top:-2px;animation-delay:.4s;animation-duration:2.2s;--smoke-drift:5px}.tab-key-smoke__particle--3{left:70%;top:0;animation-delay:.8s;animation-duration:1.9s;--smoke-drift:-4px}.tab-key-smoke__particle--4{left:35%;top:-4px;animation-delay:.2s;animation-duration:2.4s;--smoke-drift:10px}.tab-key-smoke__particle--5{left:60%;top:-2px;animation-delay:.6s;animation-duration:2s;--smoke-drift:-6px}.tab-key-surface--heated{--heat-adjusted:max(0,calc((var(--heat) - 0.2) * 1.25));--heat-pct:calc(var(--heat-adjusted) * 100%);box-shadow:0 2px 0 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.1),0 4px 12px 0 rgba(0,0,0,.25),0 0 0 1px color-mix(in srgb,var(--color-theme-accent) var(--heat-pct),rgba(237,236,236,.1)),0 0 calc(8px * var(--heat-adjusted)) calc(2px * var(--heat-adjusted)) color-mix(in srgb,var(--color-theme-accent) calc(var(--heat-adjusted) * 35%),transparent),inset 0 1px 8px 0 color-mix(in srgb,var(--color-theme-accent) calc(var(--heat-pct) * .2),rgba(255,255,255,.03)),inset 0 -4px 6px 0 rgba(0,0,0,.12);transition:box-shadow .2s ease-out}:root:not(.dark) .tab-key-surface{box-shadow:0 1px 0 0 rgba(0,0,0,.05),0 1px 4px 0 rgba(0,0,0,.06),0 2px 6px 0 rgba(0,0,0,.08),0 0 0 1px var(--web-border-secondary,rgba(0,0,0,.06)),inset 0 1px 4px 0 rgba(255,255,255,.5),inset 0 -2px 4px 0 rgba(0,0,0,.04)}:root:not(.dark) .tab-key-container:hover:not(.tab-key-container--no-hover) .tab-key-surface:not(.tab-key-surface--pressed){box-shadow:0 2px 0 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.07),0 3px 8px 0 rgba(0,0,0,.1),0 0 0 1px var(--web-border-secondary,rgba(0,0,0,.08)),inset 0 1px 5px 0 rgba(255,255,255,.6),inset 0 -2px 4px 0 rgba(0,0,0,.04)}:root:not(.dark) .tab-key-surface--pressed{box-shadow:0 0 0 0 rgba(0,0,0,.05),0 1px 2px 0 rgba(0,0,0,.04),0 1px 3px 0 rgba(0,0,0,.06),0 0 0 1px var(--web-border-secondary,rgba(0,0,0,.06)),inset 0 1px 2px 0 rgba(0,0,0,.08),inset 0 -2px 3px 0 rgba(0,0,0,.04)}:root:not(.dark) .tab-key-surface--heated{--heat-adjusted:max(0,calc((var(--heat) - 0.2) * 1.25));--heat-pct:calc(var(--heat-adjusted) * 100%);box-shadow:0 1px 0 0 rgba(0,0,0,.05),0 1px 4px 0 rgba(0,0,0,.06),0 2px 6px 0 rgba(0,0,0,.08),0 0 0 1px color-mix(in srgb,var(--color-theme-accent) var(--heat-pct),rgba(0,0,0,.06)),0 0 calc(8px * var(--heat-adjusted)) calc(2px * var(--heat-adjusted)) color-mix(in srgb,var(--color-theme-accent) calc(var(--heat-adjusted) * 50%),transparent),inset 0 1px 4px 0 color-mix(in srgb,var(--color-theme-accent) calc(var(--heat-pct) * .3),rgba(255,255,255,.5)),inset 0 -2px 4px 0 rgba(0,0,0,.04)}