.cdm{--c-bg: var(--paper);--c-card: var(--surface);--c-sub: var(--surface-2);--c-sub-2: var(--surface-3);--c-line: var(--line);--c-line-2: var(--line-strong);--c-ink: var(--ink);--c-ink-2: var(--ink-2);--c-muted: var(--muted);--c-faint: var(--muted);--c-blue: var(--brand-blue, #0055fa);--c-blue-ink: var(--blue-ink);--c-blue-soft: var(--blue-soft);--c-ok: var(--teal-ink);--c-ok-soft: var(--teal-soft);--c-warn: var(--amber-ink);--c-warn-soft: var(--amber-soft);--c-danger: var(--danger);--c-danger-soft: var(--danger-soft);--c-mint: var(--brand-mint, #00ebad);--c-warm: var(--brand-warm, #ff7a45);--c-shadow: 0 1px 2px rgb(10 15 26 / .06), 0 8px 24px -8px rgb(10 25 60 / .18);--st-new: #e8b23a;--st-open: #c43a22;--st-pending: #2f6fd0;--st-hold: #3a4150;--st-solved: #5f6776;container-type:inline-size;position:relative;width:100%;font-family:var(--font, "IBM Plex Sans", system-ui, sans-serif);color:var(--c-ink);-webkit-font-smoothing:antialiased;text-align:left;line-height:1.35;user-select:none}.cdm.cdm-dark{--c-bg: #0b0f17;--c-card: #111723;--c-sub: #161d2b;--c-sub-2: #1d2535;--c-line: rgb(255 255 255 / .08);--c-line-2: rgb(255 255 255 / .14);--c-ink: #eef1f6;--c-ink-2: #c3c9d5;--c-muted: #9aa3b4;--c-faint: #9aa3b4;--c-blue-ink: #82adff;--c-blue-soft: rgb(92 151 255 / .16);--c-ok: #4fe6bf;--c-ok-soft: rgb(79 230 191 / .12);--c-warn: #f5c26b;--c-warn-soft: rgb(245 194 107 / .13);--c-danger: #ff8a7a;--c-danger-soft: rgb(255 138 122 / .13);--c-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 12px 32px -12px rgb(0 0 0 / .7);--st-hold: #6b7385;color-scheme:dark}.cdm-stage{--u: calc(100cqw / var(--dw, 960));position:relative;width:100%;font-size:calc(12 * var(--u));transition:opacity .5s var(--ease, ease)}.cdm-stage *,.cdm-stage *:before,.cdm-stage *:after{box-sizing:border-box}.cdm svg{display:block;flex:none}.cdm-live .w:not(.w-on){display:none}.cdm-live .typing:after{content:"";display:inline-block;width:calc(1.5 * var(--u));height:1.05em;margin-left:calc(1 * var(--u));vertical-align:-.15em;background:var(--c-blue);animation:cdm-caret .9s steps(1) infinite}@keyframes cdm-caret{50%{opacity:0}}.cdm-live.s-out .cdm-stage{opacity:0}.cdm-snap .cdm-stage{opacity:0;transition:none}.cdm-snap .cdm-stage *,.cdm-snap .cdm-stage *:before,.cdm-snap .cdm-stage *:after{transition:none!important;animation:none!important}.cdm-live:not(.cdm-vis) .cdm-stage *,.cdm-live:not(.cdm-vis) .cdm-stage *:before,.cdm-live:not(.cdm-vis) .cdm-stage *:after{animation-play-state:paused!important}.cdm-win{position:relative;overflow:hidden;background:var(--c-bg);border:1px solid var(--c-line-2);border-radius:calc(12 * var(--u));box-shadow:var(--c-shadow)}.cdm-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:calc(10 * var(--u));box-shadow:0 1px 2px #0a0f1a0d}.cdm-letter{display:inline-grid;place-items:center;flex:none;width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:calc(4 * var(--u));font-size:calc(10.5 * var(--u));font-weight:700;color:#fff;background:var(--st-open)}.cdm-letter.n{background:var(--st-new);color:#1e1600}.cdm-letter.p{background:var(--st-pending)}.cdm-letter.h{background:var(--st-hold)}.cdm-letter.s{background:var(--st-solved)}.cdm-badge{display:inline-flex;align-items:center;gap:calc(4 * var(--u));flex:none;padding:calc(2 * var(--u)) calc(7 * var(--u));border-radius:calc(5 * var(--u));font-size:calc(10.5 * var(--u));font-weight:600;letter-spacing:.02em;white-space:nowrap;background:var(--c-sub);color:var(--c-ink-2)}.cdm-badge.ok{background:var(--c-ok-soft);color:var(--c-ok)}.cdm-badge.warn{background:var(--c-warn-soft);color:var(--c-warn)}.cdm-badge.blue{background:var(--c-blue-soft);color:var(--c-blue-ink)}.cdm-badge.danger{background:var(--c-danger-soft);color:var(--c-danger)}.cdm-badge.solid{color:#fff;background:var(--st-open)}.cdm-badge.solid.n{background:var(--st-new);color:#1e1600}.cdm-badge.solid.p{background:var(--st-pending)}.cdm-badge.solid.s{background:var(--st-solved)}.cdm-av{display:inline-grid;place-items:center;flex:none;width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:50%;font-size:calc(9.5 * var(--u));font-weight:600;letter-spacing:.02em;color:#6b3d00;background:#ffe7c2}.cdm-av.b{color:#0b3d91;background:#dbe7ff}.cdm-av.g{color:#005a45;background:#c9f5e7}.cdm-av.v{color:#4a2a8a;background:#e8ddff}.cdm-btn{display:inline-flex;align-items:center;gap:calc(6 * var(--u));flex:none;height:calc(28 * var(--u));padding:0 calc(11 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(12 * var(--u));font-weight:600;white-space:nowrap;color:#fff;background:var(--c-blue);transition:transform .18s var(--ease, ease),box-shadow .3s var(--ease, ease),filter .2s}.cdm-btn.ghost{color:var(--c-ink-2);background:var(--c-card);border:1px solid var(--c-line-2)}.cdm-tag{display:inline-flex;align-items:center;padding:calc(1.5 * var(--u)) calc(6 * var(--u));border-radius:calc(4 * var(--u));font-family:var(--mono);font-size:calc(10.5 * var(--u));color:var(--c-ink-2);background:var(--c-sub);white-space:nowrap}.cdm-ico{width:calc(14 * var(--u));height:calc(14 * var(--u));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cdm-ico.cdm-fill{fill:currentColor}.cdm-muted{color:var(--c-muted)}.cdm-faint{color:var(--c-faint)}.cdm-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.cdm-cursor{position:absolute;z-index:5;top:0;left:0;width:calc(18 * var(--u));height:calc(18 * var(--u));pointer-events:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35));transition:transform .9s cubic-bezier(.65,0,.35,1),opacity .3s}.cdm-cursor path{fill:#0a0f1a;stroke:#fff;stroke-width:1.4}.cdm-feat .cdm-stage{--dw: 960;aspect-ratio:16 / 10}.cdm-feat .cdm-win{height:100%}@container (max-width: 620px){.cdm-feat .cdm-stage{--dw: 370;aspect-ratio:370 / 620}.cdm-feat .cdm-wide{display:none!important}}@container (min-width: 621px){.cdm-feat .cdm-narrow{display:none!important}}.cdm-check{display:inline-grid;place-items:center;flex:none;width:calc(14 * var(--u));height:calc(14 * var(--u));border:1.5px solid var(--c-line-2);border-radius:calc(4 * var(--u));color:#fff;transition:background-color .2s,border-color .2s}.cdm-check svg{width:calc(10 * var(--u));height:calc(10 * var(--u));stroke-width:3;opacity:0;transition:opacity .2s}.cdm-check.on{background:var(--c-blue);border-color:var(--c-blue)}.cdm-check.on svg{opacity:1}.cdm-toast{position:absolute;z-index:4;display:flex;align-items:center;gap:calc(7 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));background:var(--c-ink);color:var(--c-card);font-size:calc(11.5 * var(--u));font-weight:500;white-space:nowrap;box-shadow:0 8px 24px -8px #00000059;transition:opacity .3s,transform .45s var(--ease, ease)}.cdm-toast svg{color:var(--c-mint)}.cdm-h{font-size:calc(13.5 * var(--u));font-weight:600;letter-spacing:-.005em}.cdm-lbl{font-size:calc(10 * var(--u));font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--c-faint)}.cdm-mini .cdm-stage{--dw: 480;aspect-ratio:4 / 3;display:grid;place-items:center}.cdm-mcard{position:relative;width:calc(420 * var(--u));background:var(--c-card);border:1px solid var(--c-line-2);border-radius:calc(14 * var(--u));box-shadow:var(--c-shadow);overflow:hidden;font-size:calc(12 * var(--u))}.cdm-mhead{display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(11 * var(--u)) calc(14 * var(--u));border-bottom:1px solid var(--c-line)}.cdm-mhead b{flex:1;font-size:calc(13 * var(--u));font-weight:600}@container (max-width: 360px){.cdm-mini .cdm-stage{--dw: 440}}