.home{width:100%;max-width:620px;margin:0 auto;padding:72px 20px 88px}.home-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:40px;display:flex}.home-header h1{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-strong);letter-spacing:-.01em}.home-header p{margin-top:4px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.demo-wide{grid-column:1/-1}.demo-short{height:140px}@media (width<=560px){.grid{grid-template-columns:minmax(0,1fr)}}.demo{border-radius:var(--radius);background:var(--surface);place-items:center;height:190px;padding:16px;display:grid;position:relative;overflow:hidden}.demo-idle{cursor:pointer;justify-items:center;gap:14px;display:grid}.demo-hint{color:var(--text-dim);min-height:18px;font-size:12px}.kbd-then{color:var(--text-dim);margin:0 4px;font-size:11px}.palette{background:var(--surface-2);width:100%;max-width:230px;box-shadow:var(--popover-shadow);animation:pop .16s var(--ease-out);border-radius:10px;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.palette-input{border:0;border-bottom:1px solid var(--border);width:100%;font:inherit;color:var(--text-strong);background:0 0;outline:none;padding:9px 12px;font-size:13px}.palette-input::placeholder{color:var(--text-dim)}.palette-list{margin:0;padding:4px;list-style:none}.palette-item{cursor:pointer;border-radius:5px;padding:5px 8px;font-size:12px}.palette-item[aria-selected=true]{color:var(--accent-text);background:var(--accent-soft)}.seq{justify-items:center;gap:18px;display:grid}.seq-tabs{--w:72px;grid-template-columns:repeat(3, var(--w));background:var(--surface-2);border-radius:9px;padding:3px;display:grid;position:relative}.seq-indicator{width:var(--w);background:var(--surface);box-shadow:0 0 0 1px var(--border), 0 1px 3px #0000001f;transform:translateX(calc(var(--i) * var(--w)));transition:transform .26s var(--ease-out);border-radius:6px;position:absolute;top:3px;bottom:3px;left:3px}.seq-tab{color:var(--text-dim);transition:color .16s var(--ease-out);padding:5px 0;font-size:12px;position:relative}.seq-tab[aria-pressed=true]{color:var(--accent-text)}.mods{justify-items:center;gap:18px;display:grid}.mods-binding{font-family:var(--mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.konami{justify-items:center;gap:14px;display:grid}.konami-keys{grid-template-columns:repeat(10,28px);gap:4px;display:grid}@media (width<=560px){.konami-keys{grid-template-columns:repeat(5,28px)}}.konami-keys .kbd{width:28px;min-width:0}.konami-win{color:var(--accent-text);animation:rise .5s var(--ease-out);display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.section{gap:12px;margin-top:48px;display:grid}.section h2{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-strong)}.footer{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:64px;font-size:12px;display:flex}.footer nav{gap:16px;display:flex}.footer-strong{color:var(--text)}.header-actions{gap:4px;display:flex}.cft{--ink:var(--text-strong);--slab:var(--text-strong);--on-slab:var(--bg);--fill-on:var(--text-strong);--font-ui:var(--font)}:root[data-theme=dark] .cft{--slab:var(--bg);--on-slab:var(--text-strong)}.cft{-webkit-user-select:none;user-select:none;font-family:var(--font-ui);color:var(--fill-on,var(--ink));position:relative}.cft-canvas{z-index:2;pointer-events:none;position:absolute;inset:0}.cft-btn{background:color-mix(in srgb, var(--ink) 14%, var(--slab));height:44px;color:var(--on-slab);cursor:pointer;letter-spacing:-.01em;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:500;transition:scale .16s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.cft-btn:active{scale:.96}.cft-btn[data-hop]{animation:.56s cubic-bezier(.3,.7,.4,1) cft-hop}@media (prefers-reduced-motion:reduce){.cft-btn[data-hop]{animation:none}}@keyframes cft-hop{0%{transform:none}22%{transform:translateY(-9px) rotate(calc(var(--cft-side,1) * -7deg))}48%{transform:translateY(-3px) rotate(calc(var(--cft-side,1) * 4deg))}66%{transform:translateY(0) rotate(calc(var(--cft-side,1) * -1.5deg)) scale(1.04, .95)}82%{transform:rotate(calc(var(--cft-side,1) * .6deg))}to{transform:none}}.cft[data-bare]{pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.home-header>div,.grid>*,.home>.section,.footer{animation:enter .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms)}.home-header>:first-child{--i:0}.home-header>:nth-child(2){--i:1}.grid>:first-child{--i:2}.grid>:nth-child(2){--i:3}.grid>:nth-child(3){--i:4}.grid>:nth-child(4){--i:5}.home>.section:nth-of-type(2){--i:6}.home>.section:nth-of-type(3){--i:7}.footer{--i:8}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.home-header>div,.grid>*,.home>.section,.footer{animation:none}}