.cl-hero{min-height:calc(100svh - var(--cl-header-h));text-align:center;padding:clamp(48px, 10vh, 112px) var(--cl-gutter) clamp(56px, 10vh, 120px);place-content:center;justify-items:center;display:grid}.cl-mark{width:88px;height:88px;margin-bottom:36px;animation-name:cl-mark;animation-duration:1.2s;position:relative}.cl-mark-icon{border-radius:calc(20px * var(--cl-ext));width:88px;height:88px;display:block;position:relative;overflow:hidden;box-shadow:0 16px 32px -14px #00000059}.cl-mark-icon img{width:88px;height:88px;display:block}.cl-mark-sheen{animation:cl-sheen-mark 1.4s .65s var(--cl-ease-scene) both;pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff80 50%,#0000 58%);position:absolute;inset:-50%;translate:-70%}.cl-mark-halo{corner-shape:round;background:radial-gradient(closest-side, color-mix(in srgb, var(--cl-fg) 7%, transparent), transparent);border-radius:50%;animation:6s ease-in-out 1.2s infinite cl-breathe;position:absolute;inset:-48px}@keyframes cl-sheen-mark{to{translate:70%}}@keyframes cl-mark{0%{opacity:0;translate:0 10px;scale:.8}}@keyframes cl-breathe{50%{opacity:.7;scale:1.12}}.cl-hero .cl-lead{margin-top:18px}.cl-cta-row{flex-direction:column;align-items:center;gap:18px;margin-top:40px;display:flex}.cl-hint{font:var(--cl-caption);color:var(--cl-fg-3);align-items:center;gap:10px;display:inline-flex}.cl-hero-meta{font:var(--cl-caption);color:var(--cl-fg-3);margin-top:28px}.cl-lead .cl-combo,.cl-note .cl-combo{margin-inline:4px}.cl-hotkey{flex-direction:column;align-items:center;display:flex}.cl-hotkey .cl-keys-stage{cursor:pointer;margin-top:8px}.cl-try{margin-top:4px}.cl-note{text-align:center;max-width:34em;font:var(--cl-body-lg);color:var(--cl-fg-2);text-wrap:pretty;margin-top:28px}.cl-hotkey[data-state=pressed] .cl-hero-keys:after{opacity:1;scale:1}.cl-shortcuts{width:min(720px,100%);margin:48px auto 0;padding:8px 4px}.cl-shortcuts-head{padding:14px 20px 6px}.cl-shortcuts-head h3{font:var(--cl-subtitle)}.cl-shortcuts-head p{font:var(--cl-caption);color:var(--cl-fg-3);margin-top:2px}.cl-sc-row{font:var(--cl-body);color:var(--cl-fg-2);justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.cl-sc-row+.cl-sc-row{box-shadow:inset 0 1px 0 var(--cl-line-2)}.cl-sc-row .cl-combo{flex:none}@media (width<=520px){.cl-sc-row{flex-direction:column;align-items:flex-start;gap:8px}.cl-hotkey .cl-hero-keys{scale:.86}.cl-hotkey .cl-keys-stage{height:200px}}.cl-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cl-more-item{border-radius:var(--cl-r-card);background:var(--cl-glass);box-shadow:inset 0 0 0 1px var(--cl-glass-border);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);padding:22px 22px 24px}.cl-more-icon{border-radius:calc(10px * var(--cl-ext));background:var(--cl-tile);width:40px;height:40px;color:var(--cl-fg);place-items:center;margin-bottom:16px;display:grid}.cl-more-item h3{font:var(--cl-subtitle);color:var(--cl-fg)}.cl-more-item p{font:var(--cl-body);color:var(--cl-fg-2);margin-top:6px}@media (width<=960px){.cl-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.cl-more-grid{grid-template-columns:1fr}}.cl-rows{border-radius:var(--cl-r-card);background:var(--cl-glass);width:min(640px,100%);box-shadow:inset 0 0 0 1px var(--cl-glass-border), var(--cl-shadow);-webkit-backdrop-filter:blur(30px)saturate(1.5);backdrop-filter:blur(30px)saturate(1.5);text-align:left;margin:0 auto}.cl-assure{font:var(--cl-body-lg);color:var(--cl-fg-2);text-align:center;justify-content:center;align-items:center;gap:8px;margin:24px 0 0;display:flex}.cl-req{border-radius:calc(14px * var(--cl-ext));text-align:center;width:fit-content;max-width:100%;font:var(--cl-body);color:var(--cl-fg-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin-inline:auto;padding:18px 24px;display:flex}.cl-req strong{color:var(--cl-fg);font-weight:700}.cl-ready{text-align:center;flex-direction:column;align-items:center;display:flex}.cl-card-wrap{perspective:900px;max-width:100%;padding:12px}.cl-ready-card{border-radius:calc(20px * var(--cl-ext));background:linear-gradient(160deg, color-mix(in srgb, var(--cl-fg) 3%, transparent), transparent 55%), var(--cl-glass-strong);width:min(420px,100%);box-shadow:inset 0 0 0 1px var(--cl-glass-border), 0 40px 80px -36px #0006;-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6);text-align:left;transition:transform .4s var(--cl-ease-out);will-change:transform;padding:24px 26px;position:relative;overflow:hidden}.cl-card-sheen{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff8c 50%,#0000 60%);position:absolute;inset:-50%;translate:-60%}.cl-card-wrap[data-in] .cl-card-sheen{animation:cl-sheen 1.6s .7s var(--cl-ease-scene) both}@keyframes cl-sheen{to{translate:60%}}.cl-card-top{align-items:center;gap:12px;margin-bottom:26px;display:flex}.cl-card-top img{border-radius:calc(9px * var(--cl-ext))}.cl-card-name{font:var(--cl-title);color:var(--cl-fg)}.cl-card-grid{grid-template-columns:1fr 1fr;gap:18px 24px;margin:0;display:grid}.cl-card-grid dt{font:var(--cl-caption);color:var(--cl-fg-3);margin-bottom:6px}.cl-card-grid dd{font:var(--cl-body-strong);color:var(--cl-fg);align-items:center;gap:6px;min-height:24px;margin:0;display:flex}.cl-ready .cl-display{margin-top:44px}.cl-ready .cl-cta-row{gap:10px;margin-top:32px}@media (prefers-reduced-motion:reduce){.cl-mark{animation:.16s linear both cl-fade}.cl-mark-halo,.cl-mark-sheen,.cl-card-sheen{animation:none!important}.cl-mark-sheen,.cl-card-sheen{display:none}.cl-ready-card{transition:none}.cl-hotkey .cl-ripple,.cl-hotkey .cl-key-cap,.cl-hotkey .cl-key-cap:before,.cl-hotkey .cl-key-cap:after,.cl-hotkey .cl-key-top:after{animation:none!important}}