.thought-cards__ransom-line{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75em;margin:0;display:inline-flex}.thought-cards__ransom-plain{font-size:var(--type-2);letter-spacing:-.015em;font-weight:600;line-height:1}.fx-ransom{color:var(--text);font-family:"JetBrains Mono", var(--font-mono), monospace;font-size:var(--type-2);letter-spacing:0;gap:4px;font-weight:600;line-height:1;display:inline-flex}.fx-ransom b{background:light-dark(var(--neutral-25),var(--neutral-88));color:var(--text);outline:1px solid var(--text-muted);font-weight:inherit;text-transform:uppercase;transform:rotate(calc((var(--i) - 2) * 4deg));border-radius:3px;place-items:center;padding:.28em .3em;display:grid}@media (prefers-reduced-motion:reduce){.fx-ransom b{transform:none}}@media print{.fx-ransom b{transform:none}}@property --cast-blur{syntax:"<length>";inherits:true;initial-value:12px}@property --cast-y{syntax:"<length>";inherits:true;initial-value:6px}@property --cast-opacity{syntax:"<number>";inherits:true;initial-value:.16}@property --lift-y{syntax:"<length>";inherits:true;initial-value:0}@property --lift-rot{syntax:"<angle>";inherits:true;initial-value:0deg}@property --lift-scale{syntax:"<number>";inherits:true;initial-value:1}@property --tilt-rx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --tilt-ry{syntax:"<angle>";inherits:true;initial-value:0deg}.card-physics{--tc-perspective:1200px;--tc-tilt-ms:.2s;--cast-x:0px;--cast-y:6px;--cast-blur:12px;--cast-opacity:.16;--tilt-rx:0deg;--tilt-ry:0deg;--tilt-tx:0px;--tilt-ty:0px;--glare-x:50%;--glare-y:40%;--lift-y:0px;--lift-rot:0deg;--lift-scale:1;transform-origin:50%;transition:--cast-blur var(--tc-tilt-ms) cubic-bezier(.2, 0, 0, 1), --cast-y var(--tc-tilt-ms) cubic-bezier(.2, 0, 0, 1), --cast-opacity var(--tc-tilt-ms) cubic-bezier(.2, 0, 0, 1), --lift-y var(--tc-tilt-ms) cubic-bezier(.2, 0, 0, 1), --lift-rot var(--tc-tilt-ms) cubic-bezier(.2, 0, 0, 1), --lift-scale var(--tc-tilt-ms) cubic-bezier(.2, 0, 0, 1);position:relative}.card-physics .card-cast{z-index:0;border-radius:inherit;pointer-events:none;background:light-dark(oklch(0 0 0 / var(--cast-opacity)),oklch(0 0 0 / calc(var(--cast-opacity) * 2)));transform-origin:50%;transform:translate3d(var(--cast-x), calc(var(--lift-y) + var(--cast-y)), 0) scale(var(--lift-scale));filter:blur(var(--cast-blur));position:absolute;inset:0}.card-physics .card-fly{z-index:1;border-radius:inherit;transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;perspective:var(--tc-perspective);display:block;position:relative}.card-physics .card-tilt{z-index:1;border-radius:inherit;width:100%;height:100%;transform:translate3d(0, var(--lift-y), 0) rotate(var(--lift-rot)) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) scale(var(--lift-scale));transform-style:preserve-3d;transition:none;display:block;position:relative}.card-physics .card-tilt.is-settling{transition:--tilt-rx var(--tc-tilt-ms) cubic-bezier(.2, 0, 0, 1), --tilt-ry var(--tc-tilt-ms) cubic-bezier(.2, 0, 0, 1)}.card-physics:active .card-cast{scale:var(--press-scale)}@media (hover:hover) and (pointer:fine){.card-physics:hover,.card-physics:focus-visible{--lift-y:-10px;--lift-rot:1.5deg;--cast-y:14px;--cast-blur:22px;--cast-opacity:.2}.thought-cards.is-open .card-physics:hover,.thought-cards.is-open .card-physics:focus-visible,.thought-cards.is-dealing .card-physics:hover,.thought-cards.is-dealing .card-physics:focus-visible{--lift-y:0px;--lift-rot:0deg;--lift-scale:1;--cast-y:6px;--cast-blur:12px;--cast-opacity:.16}.thought-cards-dialog .card-physics:hover,.thought-cards-dialog .card-physics:focus-visible{--lift-y:0px;--lift-rot:0deg;--lift-scale:1}}@media (prefers-reduced-motion:reduce){.card-physics,.card-physics .card-tilt,.card-physics .card-cast{transition:none}.card-physics:hover,.card-physics:focus-visible{--lift-y:0px;--lift-rot:0deg;--lift-scale:1;--cast-y:6px;--cast-blur:12px;--cast-opacity:.16}}@media (forced-colors:active){.card-physics .card-tilt{transform:none}.card-physics .card-cast{display:none}}@view-transition{navigation:auto}:root{view-transition-name:none}.thought-cards{--tc-max-w:260px;--tc-table-w:200px;--tc-gap:2rem;--tc-row-gap:4rem;--tc-perspective:1200px;--tc-thickness:0px;--tc-edge:#c4b49a;--tc-open-ms:.56s;--tc-tilt-ms:.2s;--tc-overlay-ms:.18s;--tc-stack-ms:.4s;--tc-stack-spring:cubic-bezier(.34, 1.56, .64, 1);--tc-radius-sm:.5rem;--tc-radius-md:.75rem;--tc-radius-lg:1rem;--card-back-canvas:oklch(21% .018 70);--card-back-ink:oklch(96% .02 85);--card-back-muted:color-mix(in oklch, var(--card-back-ink) 72%, transparent);--tc-scrim:light-dark(oklch(0% none none/.42),oklch(0% none none/.58));box-sizing:border-box;grid-template-columns:minmax(0, var(--article-side)) minmax(0, 1fr) minmax(0, var(--article-side));justify-content:center;column-gap:var(--article-gutter);padding-block:6.5rem 8rem;padding-inline:var(--page-inline);display:grid}.thought-cards__header,.thought-cards__empty,.thought-cards__grid,.thought-cards__draw{grid-column:1/-1;min-width:0}.thought-cards__header{width:min(100%, var(--layout-tracks));text-align:center;margin-block-end:2.5rem;margin-inline:auto}.thought-cards__header h1,.thought-cards__title{font-size:var(--type-2);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.3}.thought-cards__empty{max-width:36ch;color:var(--text-muted);margin:.85rem auto 0}.thought-cards__grid{grid-template-columns:repeat(4, minmax(0, var(--tc-table-w)));justify-content:center;gap:var(--tc-row-gap) var(--tc-gap);width:min(100%, var(--layout-tracks));margin-inline:auto;padding:0;list-style:none;display:grid}.thought-card-slot{aspect-ratio:2/3;width:100%;margin-inline:auto;position:relative}.thought-card-slot.is-undealt{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.thought-card-slot.is-placeholder .thought-card-shell{visibility:hidden}.thought-card-shell{flex-direction:column;gap:.65rem;width:100%;height:100%;display:flex;position:relative}.thought-card{aspect-ratio:2/3;width:100%;color:inherit;transform-origin:50%;border-radius:var(--tc-radius,var(--tc-radius-lg));outline:none;text-decoration:none;display:block;position:relative}.thought-card:focus-visible{outline:2px solid var(--accent-interactive);outline-offset:4px}.thought-card-slot .thought-card.is-flying .card-cast{visibility:hidden;opacity:0;transition:none}.thought-card-slot:has(.thought-card.is-flying){z-index:1000}.card-tilt.is-gesture{--lift-y:0px;--lift-rot:0deg;--lift-scale:1;--tilt-rx:0deg;--tilt-ry:0deg;transition:transform var(--tc-open-ms) cubic-bezier(.22, 1, .36, 1)}.thought-card.is-flying,.thought-cards-dialog .thought-card{--tc-thickness:1px}.thought-cards-dialog .thought-card{--cast-y:28px;--cast-blur:48px;--cast-opacity:.22;transition:--cast-blur var(--tc-open-ms) cubic-bezier(.22, 1, .36, 1), --cast-y var(--tc-open-ms) cubic-bezier(.22, 1, .36, 1), --cast-opacity var(--tc-open-ms) cubic-bezier(.22, 1, .36, 1)}.card-flip__scene{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d}.card-flip__inner{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;background:0 0;transition:none;position:relative}.thought-card.is-flying .card-flip__inner,.thought-cards-dialog .card-flip__inner{background:var(--tc-edge)}.thought-card.is-flipped .card-flip__inner,.thought-card--back .card-flip__inner{transform:rotateY(180deg)}.card-face{border-radius:var(--tc-radius,var(--tc-radius-sm));-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.thought-card[data-radius=sm]{--tc-radius:var(--tc-radius-sm)}.thought-card[data-radius=md]{--tc-radius:var(--tc-radius-md)}.thought-card[data-radius=lg]{--tc-radius:var(--tc-radius-lg)}.card-face--front{background:var(--neutral-88);transform:translateZ(var(--tc-thickness))}.card-face--front:before{content:"";z-index:1;background:radial-gradient(120% 80% at var(--glare-x) var(--glare-y), #ffffff4d, transparent 55%);mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.card-face--front img{object-fit:cover;width:100%;height:100%;display:block}.card-face--front.is-soft:after{content:"";pointer-events:none;background:linear-gradient(#0000 42%,oklch(0% none none/.38));position:absolute;inset:0}.card-face--back{background-color:var(--card-back-canvas);background-image:var(--card-back-bg);color:var(--card-back-ink);-webkit-font-smoothing:antialiased;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;padding:1.15rem 1.05rem 1rem;display:flex;transform:rotateY(180deg)translateZ(1px)}.card-face__title,.card-face__mark,.card-face__body{transform:translateZ(0)}.card-face__title{letter-spacing:-.02em;text-align:center;text-wrap:balance;margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}h1.card-face__title{font-size:1.125rem;font-weight:600}.card-face__mark{text-align:center;opacity:.85;margin:.65rem 0;font-size:1rem;line-height:1}.card-face__body{overscroll-behavior:contain;min-height:0;color:var(--card-back-muted);flex:0 auto;margin:0;font-size:.875rem;font-weight:400;line-height:1.55;overflow:auto}.thought-card-shell__caption{color:var(--text-muted);letter-spacing:-.01em;text-align:center;text-wrap:balance;margin:0;font-size:1rem;font-weight:500;line-height:1.35;transition:opacity .15s}.thought-card-slot.is-caption-buried .thought-card-shell__caption{opacity:0;visibility:hidden}.thought-card-slot .thought-card-shell:has(.is-flying) .thought-card-shell__caption{visibility:hidden;opacity:0;transition:none}.thought-cards__draw{width:min(100%, var(--layout-tracks));justify-content:center;margin-block-start:var(--tc-gap);margin-inline:auto;display:flex}.thought-cards-stack{width:min(100%, var(--tc-table-w));aspect-ratio:2/3;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.thought-cards-stack:focus-visible{outline:2px solid var(--accent-interactive);outline-offset:4px}.thought-cards-stack[hidden],.thought-cards-stack.is-empty{display:none}.thought-cards-stack__face{border-radius:var(--tc-radius-lg);transform:translate3d(var(--stack-x,0), var(--stack-y,0), 0) rotate(var(--stack-rot,0deg)) scale(var(--stack-scale,1));transform-origin:50%;transition:transform .3s var(--tc-stack-spring), opacity .3s ease;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 1px oklch(0% none none/.36),0 8px 18px oklch(0% none none/.2)}.thought-cards-stack__face img{object-fit:cover;width:100%;height:100%;display:block}.thought-cards-dialog{z-index:20;width:100%;max-width:none;height:100%;max-height:none;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));overscroll-behavior:contain;background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.thought-cards-dialog:not([open]){display:none}.thought-cards-dialog[open]{place-items:center;display:grid}.thought-cards-dialog.thought-cards__stage{perspective:var(--tc-perspective);perspective-origin:50% 45%}.thought-cards-dialog.thought-cards__stage .card-fly,.thought-cards-dialog.thought-cards__stage .card-flip__scene{perspective:none}@starting-style{.thought-cards-dialog[open]:modal{opacity:0}.thought-cards-dialog[open]:modal::backdrop{opacity:0}}.thought-cards-dialog[open],.thought-cards-dialog[open]::backdrop{opacity:1;transition:opacity var(--tc-overlay-ms) ease, overlay var(--tc-overlay-ms) ease allow-discrete, display var(--tc-overlay-ms) ease allow-discrete}.thought-cards-dialog::backdrop{background:var(--tc-scrim)}.thought-cards-dialog[open]:not(:modal){background:var(--tc-scrim)}.thought-cards-dismiss{z-index:0;position:absolute;inset:0}.thought-cards-dialog .thought-card-shell{z-index:1;position:relative}.thought-cards-dialog .thought-card-shell__caption{display:none}.thought-cards-dialog .thought-card-shell,.thought-cards-dialog .thought-card{width:min(85vw,360px);height:auto;max-height:80svh}@media (width<=47.99rem){.thought-cards{--tc-row-gap:2rem}.thought-cards__grid{align-items:center;gap:var(--tc-row-gap);flex-direction:column;display:flex}.thought-card-slot,.thought-cards-stack{width:min(100%, var(--tc-max-w))}.thought-cards-dialog .thought-card-shell,.thought-cards-dialog .thought-card{width:min(85vw,300px)!important;height:auto!important}@media (prefers-reduced-motion:no-preference){.thought-card-slot:not(.is-undealt){top:max(1rem, env(safe-area-inset-top,0px));z-index:calc(20 + var(--tc-stack-i,0));aspect-ratio:auto;height:auto;position:sticky}.thought-card-slot:not(.is-undealt) .thought-card-shell{height:auto}.thought-card-slot:not(.is-undealt) .thought-card{transform:rotate(var(--tc-scatter,0deg));transform-origin:50%}.thought-card-slot:not(.is-undealt).is-placeholder{flex-direction:column;gap:.65rem;display:flex}.thought-card-slot:not(.is-undealt).is-placeholder:before{content:"";aspect-ratio:2/3;border-radius:var(--tc-radius-lg);visibility:hidden;pointer-events:none;width:100%;display:block}.thought-card-slot:not(.is-undealt).is-placeholder:after{content:"";visibility:hidden;pointer-events:none;height:2.7rem;display:block}}}@media (prefers-reduced-motion:reduce){.card-tilt,.card-fly,.card-flip__inner,.thought-cards-stack__face,.thought-cards-dialog[open],.thought-cards-dialog[open]::backdrop,.thought-card,.thought-card-shell__caption{transition:none}}@media (forced-colors:active){.card-face--front:before{display:none}.card-tilt{transform:none}.card-cast{display:none}.thought-card:focus-visible,.thought-cards-stack:focus-visible{outline:2px solid canvastext}.card-face--back{color:canvastext;forced-color-adjust:none;background:canvas}}@media print{.thought-cards__draw,.thought-card-slot.is-undealt,.thought-cards-dismiss{display:none!important}.thought-card-slot:not(.is-undealt){z-index:auto!important;position:static!important}.thought-cards:not(:has(.thought-cards-dialog[open])) .thought-cards-dialog,.thought-cards:has(.thought-cards-dialog[open]) .thought-cards__header,.thought-cards:has(.thought-cards-dialog[open]) .thought-cards__grid,.thought-cards:has(.thought-cards-dialog[open]) .thought-cards__draw{display:none!important}.thought-cards-dialog[open]{width:auto;height:auto;max-height:none;padding:0;position:static;inset:auto;background:0 0!important;display:grid!important}.thought-card-slot.is-undealt{display:none}}
