:root{--ui-card-l-w: 17.5rem;--ui-card-l-h: 24.5rem;--ui-card-m-w: 14.75rem;--ui-card-m-h: 20.625rem;--ui-card-s-w: 12.25rem;--ui-card-s-h: 17.125rem;--ui-card-frame-pad: 0.3125rem;--ui-card-band-h: 1.625rem;--ui-card-gap: 0.3125rem;--ui-card-text-pad: 0.6875rem;--ui-card-title-line: 1.3125rem;--ui-card-summary-line: 1.1875rem;--ui-card-foot-h: 1.0625rem;--ui-card-heart-box: 1.625rem;--ui-card-heart-glyph: 1rem;--ui-card-heart-hit: 2.75rem;--ui-card-share-gap: 0.125rem;--ui-card-suit-icon: 0.75rem;--ui-card-dealt-glyph: 0.8125rem;--ui-card-fs-index: 0.625rem;--ui-card-strip-mark: 1.375rem;--ui-card-heart-top: calc(var(--card-edge) + var(--ui-card-frame-pad));--ui-card-heart-right: calc(var(--card-edge) + var(--ui-card-frame-pad) + 0.25rem);--ui-card-share-right: calc(var(--ui-card-heart-right) + var(--ui-card-heart-box) + var(--ui-card-share-gap));--ui-card-controls-w: calc(2 * var(--ui-card-heart-box) + var(--ui-card-share-gap));--ui-card-deck-gap: 1.5rem;--ui-card-deck-pitch: calc(var(--ui-card-m-w) + var(--ui-card-deck-gap));--ui-card-deck-spread: 40px;--ui-card-deck-add-w: 13.6875rem;--ui-card-deck-gutter: calc(var(--s-8) + 36px);--ui-card-deck-base: calc(var(--ui-card-m-w) + var(--ui-card-deck-spread) + var(--ui-card-deck-gap) + var(--ui-card-deck-add-w));--ui-card-deck-pad: max(var(--ui-card-deck-gutter), calc((100% - var(--ui-card-deck-base) - max(0px, round(down, 100% - 2 * var(--ui-card-deck-gutter) - var(--ui-card-deck-base), var(--ui-card-deck-pitch)))) / 2))}.ui-card{--ui-card-w: var(--ui-card-m-w);--ui-card-h: var(--ui-card-m-h);--ui-card-summary-lines: 1;--ui-card-radius: 14px;--ui-card-frame-radius: var(--r-3);--ui-card-band-radius: 7px;--ui-card-window-radius: 6px;--ui-card-suit: var(--suit-lesson);--ui-card-edge-paint: var(--suit-lesson);position:relative;display:block;flex-shrink:0;box-sizing:border-box;width:var(--ui-card-w);height:var(--ui-card-h);margin:0;padding:var(--card-edge);border-radius:var(--ui-card-radius);background:var(--ui-card-edge-paint);color:var(--ink);font-family:var(--font);line-height:normal;text-align:left;text-decoration:none}a.ui-card,a.ui-card:hover{color:var(--ink);text-decoration:none}.ui-card *,.ui-card *::before,.ui-card *::after{box-sizing:border-box}.ui-card--l{--ui-card-w: var(--ui-card-l-w);--ui-card-h: var(--ui-card-l-h);--ui-card-summary-lines: 2}.ui-card--m{--ui-card-w: var(--ui-card-m-w);--ui-card-h: var(--ui-card-m-h);--ui-card-summary-lines: 2;--ui-card-art-ratio: 109 / 71}.ui-card--s{--ui-card-w: var(--ui-card-s-w);--ui-card-h: var(--ui-card-s-h)}.ui-card[data-suit=lesson]{--ui-card-suit: var(--suit-lesson);--ui-card-edge-paint: var(--suit-lesson)}.ui-card[data-suit=idea]{--ui-card-suit: var(--suit-idea);--ui-card-edge-paint: var(--suit-idea)}.ui-card[data-suit=activity]{--ui-card-suit: var(--suit-activity);--ui-card-edge-paint: var(--suit-activity-foil)}.ui-card[data-suit=tip]{--ui-card-suit: var(--suit-tip);--ui-card-edge-paint: var(--suit-tip)}.ui-card__frame{display:flex;flex-direction:column;height:100%;padding:var(--ui-card-frame-pad);border-radius:var(--ui-card-frame-radius);background:var(--card-frame)}.ui-card__band{display:flex;align-items:center;gap:0.3125rem;flex-shrink:0;height:var(--ui-card-band-h);margin-bottom:var(--ui-card-gap);padding:0 calc(0.25rem + var(--ui-card-controls-w)) 0 0.375rem;border-radius:var(--ui-card-band-radius);background:var(--ui-card-suit);color:var(--ink)}.ui-card[data-suit=tip] .ui-card__band{background:transparent;border:1.5px solid var(--suit-tip);color:var(--suit-tip)}.ui-card__suit-icon{width:var(--ui-card-suit-icon);height:var(--ui-card-suit-icon)}.ui-card__suit,.ui-card__number{font-family:var(--mono);font-size:var(--ui-card-fs-index);white-space:nowrap}.ui-card__suit{font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.ui-card__number{letter-spacing:0.06em}.ui-card[data-suit=tip] .ui-card__number{opacity:0.75}.ui-card__dealt{display:inline-grid;place-items:center;flex-shrink:0;margin-left:auto;color:inherit}.ui-card__dealt-icon{width:var(--ui-card-dealt-glyph);height:var(--ui-card-dealt-glyph)}.ui-card__padlock{display:grid;place-items:center;flex-shrink:0;width:var(--ui-card-heart-box);height:var(--ui-card-heart-box);margin-left:auto;margin-right:calc(-1 * var(--ui-card-controls-w));color:inherit}.ui-card__dealt+.ui-card__padlock{margin-left:calc(var(--ui-card-heart-box) + var(--ui-card-share-gap) - 0.3125rem)}.ui-card__padlock-icon{width:var(--ui-card-heart-glyph);height:var(--ui-card-heart-glyph)}.ui-card__art{position:relative;display:block;flex-shrink:0;aspect-ratio:var(--ui-card-art-ratio, 4 / 3);border-radius:var(--ui-card-window-radius);overflow:hidden;background:var(--bg)}.ui-card__img{display:block;width:100%;height:100%;object-fit:cover}.ui-card__img{transform:scale(var(--card-art-zoom))}.ui-card[data-suit=tip] .ui-card__img,.ui-card__img--close{transform:none}.ui-card__art--plain{background:var(--bg-deep)}.ui-card__progress{position:absolute;left:0;right:0;bottom:0;height:0.25rem;background:var(--card-progress-track)}.ui-card__progress-fill{display:block;height:100%;background:var(--suit-activity)}.ui-card__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.ui-card__chips{position:absolute;left:0.375rem;right:0.375rem;bottom:0.375rem;display:flex;flex-wrap:wrap;gap:0.25rem}.ui-card__chip{position:relative;display:inline-flex;align-items:center;gap:0.25rem;padding:0.1875rem 0.375rem;border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:var(--ui-fs-micro);line-height:normal;letter-spacing:var(--ls-micro);text-transform:uppercase;white-space:nowrap}.ui-card{--ui-card-mark-w: 1.875rem;--ui-card-mark-h: 7rem;--ui-card-mark-right: 1rem;--ui-card-label-fs: 0.8125rem;--ui-card-lock-ring: 3.5rem;--ui-card-lock-glyph: 1.625rem;--ui-card-done-title: 1.25rem;--ui-card-done-title-line: 1.5625rem}.ui-card--m{--ui-card-mark-w: 1.75rem;--ui-card-mark-h: 6.5rem;--ui-card-mark-right: 0.875rem}.ui-card--s{--ui-card-mark-w: 1.625rem;--ui-card-mark-h: 6rem;--ui-card-mark-right: 0.75rem;--ui-card-label-fs: var(--ui-fs-micro);--ui-card-lock-ring: 2.75rem;--ui-card-lock-glyph: 1.25rem;--ui-card-done-title: 1.0625rem;--ui-card-done-title-line: 1.375rem}.ui-card__bookmark{position:absolute;top:0;right:var(--ui-card-mark-right);width:var(--ui-card-mark-w);height:var(--ui-card-mark-h);filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--ink) 30%,transparent))}.ui-card__bookmark-tab{position:relative;display:flex;justify-content:center;height:100%;padding-top:0.625rem;background:var(--surface);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}.ui-card__bookmark-tab::before{content:"";position:absolute;top:0;bottom:1.125rem;left:0.25rem;right:0.25rem;border-left:1px solid var(--ink);border-right:1px solid var(--ink)}.ui-card__bookmark-word{writing-mode:vertical-rl;font-family:var(--mono);font-size:0.65625rem;font-weight:700;line-height:1;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink)}.ui-card{--ui-card-k: 1}.ui-card--m{--ui-card-k: 0.846}.ui-card--s{--ui-card-k: 0.7}.ui-card[data-face=done]{background:var(--ui-card-suit)}.ui-card__badge{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;padding:calc(1.125rem * var(--ui-card-k)) calc(0.75rem * var(--ui-card-k)) calc(0.625rem * var(--ui-card-k));text-align:center;color:var(--ink)}.ui-card__medal{position:relative;flex-shrink:0;width:calc(11.5rem * var(--ui-card-k));height:calc(11.5rem * var(--ui-card-k))}.ui-card[data-face=done] .ui-card__art{width:100%;height:100%;aspect-ratio:auto;border-radius:50%;box-shadow:0 0 0 4px var(--card-frame)}.ui-card__medal-tick{position:absolute;right:calc(0.125rem * var(--ui-card-k));bottom:calc(0.375rem * var(--ui-card-k));display:grid;place-items:center;width:calc(3.25rem * var(--ui-card-k));height:calc(3.25rem * var(--ui-card-k));border-radius:50%;background:var(--card-frame);box-shadow:0 0 0 4px var(--ui-card-suit);color:var(--ui-card-suit)}.ui-card__medal-tick-icon{display:block;width:54%;height:54%}.ui-card__done-word{margin-top:calc(1rem * var(--ui-card-k));font-size:calc(1.875rem * var(--ui-card-k));font-weight:700;line-height:1;letter-spacing:-0.03em}.ui-card[data-face=done] .ui-card__title{min-height:0;max-width:100%;margin-top:calc(0.375rem * var(--ui-card-k));padding:0 0.25rem;font-size:max(0.75rem,calc(0.875rem * var(--ui-card-k)));line-height:1.3;letter-spacing:0}.ui-card__badge-foot{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;width:100%;margin-top:auto}.ui-card__badge-meta{font-family:var(--mono);font-size:max(var(--ui-card-fs-index),calc(0.65625rem * var(--ui-card-k)));font-weight:400;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap}.ui-card__badge-mark{display:block;flex-shrink:0;width:calc(1.625rem * var(--ui-card-k));height:calc(1.0625rem * var(--ui-card-k))}.ui-card--s .ui-card__badge{padding-top:1.5rem}.ui-card__badge>.ui-card__dealt{position:absolute;top:calc(var(--ui-card-heart-top) - var(--card-edge));left:0.625rem;height:var(--ui-card-heart-box);margin:0}.ui-card__chip--done{align-self:flex-start;margin-bottom:0.25rem;padding:0.1875rem 0.4375rem;border:1.5px solid var(--ink);border-radius:var(--r-1);font-size:0.71875rem;font-weight:700;letter-spacing:0.1em}.ui-card[data-face=locked] .ui-card__chip--done,.ui-card[data-face=soon] .ui-card__chip--done{margin-bottom:0}.ui-card[data-face=soon] .ui-card__art>:not(.ui-card__over),.ui-card[data-face=locked] .ui-card__art>:not(.ui-card__over){filter:blur(9px) saturate(1.1);transform:scale(1.2)}.ui-card[data-face=locked] .ui-card__art>:not(.ui-card__over){filter:blur(9px) grayscale(1) brightness(0.85)}.ui-card__lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.625rem}.ui-card__lock-mark{display:grid;place-items:center;width:var(--ui-card-lock-ring);height:var(--ui-card-lock-ring);border-radius:50%;background:var(--surface);color:var(--ink)}.ui-card__lock-mark .ui-icon{width:var(--ui-card-lock-glyph);height:var(--ui-card-lock-glyph)}.ui-card__chip--lock{padding:0.375rem 0.75rem;border:0;font-size:var(--ui-card-label-fs);font-weight:700;letter-spacing:0.12em}.ui-card[data-face=locked] .ui-card__title,.ui-card[data-face=locked] .ui-card__summary{color:var(--ink-muted)}.ui-card__note{margin-left:auto;font-size:var(--ui-fs-small);white-space:nowrap;color:var(--ink-soft)}.ui-card__text{display:flex;flex-direction:column;gap:var(--ui-card-gap);flex:1 1 auto;min-height:0;margin-top:var(--ui-card-gap);padding:var(--ui-card-text-pad);border-radius:var(--ui-card-window-radius);background:var(--surface)}.ui-card__title{display:block;flex-shrink:0;margin:0;min-height:calc(var(--ui-card-title-line) * 2);font-size:var(--ui-fs-body);font-weight:600;letter-spacing:-0.01em;line-height:var(--ui-card-title-line);color:var(--ink)}.ui-card__summary{display:block;flex-shrink:0;margin:0;min-height:calc(var(--ui-card-summary-line) * var(--ui-card-summary-lines));font-size:var(--ui-fs-small);line-height:var(--ui-card-summary-line);color:var(--ink-soft)}.ui-card__title,.ui-card__summary{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ui-card__title{-webkit-line-clamp:2}.ui-card__summary{-webkit-line-clamp:var(--ui-card-summary-lines)}.ui-card__foot{display:flex;align-items:center;gap:0.4375rem;flex-shrink:0;height:var(--ui-card-foot-h);margin-top:auto}.ui-card__time{font-family:var(--mono);font-size:var(--ui-card-fs-index);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;color:var(--accent)}.ui-card__action{display:inline-flex;align-items:center;gap:0.3125rem;margin-left:auto;font-size:var(--ui-fs-small);font-weight:600;white-space:nowrap;color:inherit}.ui-card__action-word{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.ui-card__action .ui-icon,.ui-card__action svg{width:0.6875rem;height:0.6875rem}a.ui-card:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.ui-card-hold{position:relative}.ui-card__heart,.ui-card__share{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:var(--ui-card-heart-box);height:var(--ui-card-heart-box);margin:0;padding:0;border:0;border-radius:var(--r-1);background:none;color:var(--ink);cursor:pointer}.ui-card-hold .ui-card__heart{position:absolute;z-index:2;top:var(--ui-card-heart-top);right:var(--ui-card-heart-right)}.ui-card-hold .ui-card__share{position:absolute;z-index:2;top:var(--ui-card-heart-top);right:var(--ui-card-share-right)}.ui-card-hold[data-suit=tip] .ui-card__heart,.ui-card-hold[data-suit=tip] .ui-card__share{color:var(--suit-tip)}.ui-card-hold .ui-card__share--end{right:var(--ui-card-heart-right)}.ui-card-hold--fit{width:fit-content}.ui-card-hold[data-suit=tip]:has(>.ui-card[data-face=done]) .ui-card__heart,.ui-card-hold[data-suit=tip]:has(>.ui-card[data-face=done]) .ui-card__share{color:var(--ink)}.ui-card__heart::before,.ui-card__share::before{content:"";position:absolute;inset:calc((var(--ui-card-heart-box) - var(--ui-card-heart-hit)) / 2)}.ui-card__heart .ui-icon,.ui-card__share .ui-icon{width:var(--ui-card-heart-glyph);height:var(--ui-card-heart-glyph)}.ui-card__heart .ui-icon-heart-filled{display:none}.ui-card__heart[aria-pressed=true] .ui-icon-heart{display:none}.ui-card__heart[aria-pressed=true] .ui-icon-heart-filled{display:block}.ui-card__heart:focus-visible,.ui-card__share:focus-visible{outline:3px solid currentColor;outline-offset:-3px}.ui-card__heart:disabled{cursor:default;opacity:0.45}.ui-card__heart--decorative{cursor:default}.ui-card__heart--decorative[data-pressed=true] .ui-icon-heart{display:none}.ui-card__heart--decorative[data-pressed=true] .ui-icon-heart-filled{display:block}.ui-card__share[aria-expanded=true]{background:var(--card-frame);color:var(--surface)}.ui-card-hold[data-suit=tip] .ui-card__share[aria-expanded=true]{background:var(--suit-tip);color:var(--card-frame)}.ui-card-strip{--ui-card-strip-suit: var(--suit-lesson);background:var(--surface);color:var(--ink);font-family:var(--font)}.ui-card-strip[data-suit=lesson]{--ui-card-strip-suit: var(--suit-lesson)}.ui-card-strip[data-suit=idea]{--ui-card-strip-suit: var(--suit-idea)}.ui-card-strip[data-suit=activity]{--ui-card-strip-suit: var(--suit-activity-foil)}.ui-card-strip[data-suit=tip]{--ui-card-strip-suit: transparent}.ui-card-strip__row{display:flex;align-items:center;gap:var(--ui-s-2);padding:var(--ui-s-2) var(--ui-s-4);border-bottom:1px solid var(--line)}.ui-card-strip__mark{display:grid;place-items:center;flex-shrink:0;width:var(--ui-card-strip-mark);height:var(--ui-card-strip-mark);border-radius:var(--r-1);background:var(--ui-card-strip-suit);color:var(--ink)}.ui-card-strip[data-suit=tip] .ui-card-strip__mark{border:1.5px solid var(--line-strong);color:var(--ink-muted)}.ui-card-strip__icon{width:var(--ui-card-suit-icon);height:var(--ui-card-suit-icon)}.ui-card-strip__text{flex:1 1 auto;min-width:0}.ui-card-strip__eyebrow{display:block;font-family:var(--mono);font-size:var(--ui-fs-micro);line-height:normal;letter-spacing:var(--ls-meta);text-transform:uppercase;color:var(--ink-soft)}.ui-card-strip__title{margin:0;font-size:var(--ui-fs-ui);font-weight:600;line-height:1.3;color:var(--ink)}.ui-card-strip__back{display:grid;place-items:center;flex-shrink:0;width:var(--ui-ctl);height:var(--ui-ctl);margin-left:calc(-1 * var(--ui-s-3));border-radius:var(--r-1);color:var(--ink)}.ui-card-strip__back:hover{color:var(--ink)}.ui-card-strip__back:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:calc(-1 * var(--focus-width))}.ui-card-strip__back-icon{width:1.1875rem;height:1.1875rem}.ui-card-strip__steps{flex-shrink:0;font-family:var(--mono);font-size:var(--ui-fs-micro);letter-spacing:var(--ls-micro);white-space:nowrap;color:var(--ink-soft)}.ui-card-strip__heart,.ui-card-strip__share{width:var(--ui-ctl);height:var(--ui-ctl)}.ui-card-strip__heart::before,.ui-card-strip__share::before{inset:0}.ui-card-strip__heart .ui-icon,.ui-card-strip__share .ui-icon{width:1.125rem;height:1.125rem}.ui-card-strip__share{margin-left:auto}.ui-card-strip__steps+.ui-card-strip__share{margin-left:0}.ui-card-strip__bar{height:3px;background:var(--line)}.ui-card-strip__bar-fill{display:block;height:100%;background:var(--accent)}@media(max-width:600px){.ui-card-snap-row{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:auto;scrollbar-width:none}.ui-card-snap-row::-webkit-scrollbar{display:none}.ui-card-snap-row>*{flex:0 0 auto;scroll-snap-stop:normal}}
/*# sourceMappingURL=card.css.map */