:root,:root[data-theme=light],:root[data-theme=dark]{--bg: #EDF0F1;--panel: #FFFFFF;--ink: #0B1F33;--muted: #5A6A78;--rule: #D3DADE;--soft: #EDF0F1;--accent: #0B1F33;--accent-2: #F05A1A;--good: #2E8A57;--bad: #D03B3B;--entry-a: #E6ECEF;--entry-b: #FDEBE2;--sim: #E3F1EE;--learned: #5A6A78;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--sans: "Inter", system-ui, sans-serif;--display: "ABeeZee", system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #EDF0F1;--panel: #FFFFFF;--ink: #0B1F33;--muted: #5A6A78;--rule: #D3DADE;--soft: #EDF0F1;--accent: #0B1F33;--accent-2: #F05A1A;--good: #2E8A57;--bad: #D03B3B;--entry-a: #E6ECEF;--entry-b: #FDEBE2;--sim: #E3F1EE;--learned: #5A6A78;color-scheme:light}}body{font-size:15px;-webkit-font-smoothing:antialiased}.theme{display:none}.umt-top{padding-top:0}.umt-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 32px;padding:24px 0;border-bottom:1px solid var(--rule)}.umt-nav .brand{display:flex;align-items:center;gap:12px;font:500 13px var(--mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);text-decoration:none}.umt-nav .brand .dot{width:12px;height:12px;border-radius:50%;background:var(--accent-2);flex:none}.umt-nav nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;font-size:15px;color:var(--muted)}.umt-nav nav a{color:inherit;text-decoration:none}.umt-nav nav a:hover{color:var(--ink)}.umt-nav .gh{display:inline-flex;color:var(--ink)}.umt-nav .gh:hover{color:var(--accent-2)}h1{font:400 clamp(38px,5.2vw,64px)/1.04 var(--display);letter-spacing:-0.03em;color:var(--ink)}h2{font-family:var(--display);font-weight:400;letter-spacing:-0.02em}.hero{padding:48px 0 28px}.kicker,.hero .kicker{font:500 12px/16px var(--mono);letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:14px}.kicker a{color:inherit;text-decoration:none}.kicker a:hover{text-decoration:underline;text-underline-offset:3px}.lede{font-size:18px;line-height:28px;color:var(--muted)}a{color:var(--ink)}.panel{border:0;border-radius:20px;padding:28px 32px}.btn{border:0;border-radius:999px;padding:9px 16px;background:var(--soft);color:var(--ink);font:600 14px var(--sans)}.btn:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{box-shadow:none;background:#16304A}.btn.ghost{background:var(--panel);box-shadow:inset 0 0 0 1px var(--rule)}select,input,textarea{border-radius:10px}.chip{border:0;background:var(--soft)}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.pagenav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}.pagenav::before{content:"More demos";margin-right:6px;font:500 11px var(--mono);letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}.pagenav a{padding:6px 13px;border-radius:999px;background:var(--panel);color:var(--ink);font-size:13px;font-weight:500;text-decoration:none}.pagenav a:hover{box-shadow:inset 0 0 0 1.5px var(--accent-2);text-decoration:none}@media(max-width:760px){.umt-nav{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0}.umt-nav .brand{font-size:11px}.umt-nav nav{gap:8px 20px}.panel{padding:20px}}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--ink)}.umt-nav nav a[aria-current=page]{color:var(--ink);font-weight:600}