.modes[data-v-e1b3596d]{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));padding:0;list-style:none;display:grid}.modes li[data-v-e1b3596d]{min-width:0}.mode[data-v-e1b3596d]{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius);background:var(--surface);color:var(--ink);height:100%;transition:background var(--dur-fast);align-items:flex-start;display:flex}.mode[data-v-e1b3596d],.mode[data-v-e1b3596d]:hover{text-decoration:none}.mode[data-v-e1b3596d]:hover{background:var(--surface-2)}.mode__cap[data-v-e1b3596d]{background:var(--cream-key);color:oklch(22% .02 60);width:48px;height:44px;font-family:var(--font-display);box-shadow:0 4px 0 var(--cream-key-deep);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast);border-radius:9px;flex:none;place-items:center;font-size:1.3rem;display:grid}.mode:hover .mode__cap[data-v-e1b3596d]{box-shadow:0 1px 0 var(--cream-key-deep);background:var(--accent);transform:translateY(3px)}.mode__txt[data-v-e1b3596d]{gap:2px;min-width:0;display:grid}.mode__txt b[data-v-e1b3596d]{font-size:var(--text-lg);font-family:var(--font-display);font-weight:400}.mode__txt span[data-v-e1b3596d]{color:var(--ink-muted);font-size:var(--text-sm)}