.prediction-card.svelte-x30r3o{border:1px solid var(--line);background:var(--paper);border-radius:14px;width:100%;min-width:0;padding:20px;box-shadow:0 8px 20px -12px #14161c38}.context.svelte-x30r3o{font:500 var(--text-code)/1.5 var(--body);color:var(--label)}.reading.svelte-x30r3o{justify-content:space-between;align-items:center;gap:12px;margin:15px 0;display:flex}strong.svelte-x30r3o{font:700 var(--text-title)/1.15 var(--display);letter-spacing:-.035em;color:var(--blue);font-variant-numeric:tabular-nums;white-space:nowrap}strong.long.svelte-x30r3o{font-size:var(--text-title)}.gauge.svelte-x30r3o{flex:none;width:42px;height:42px}.caption.svelte-x30r3o{border-top:1px solid var(--line);font-size:var(--text-body);padding-top:12px;line-height:1.4}@media (width<=600px){.prediction-card.svelte-x30r3o{border-radius:10px;padding:11px}.context.svelte-x30r3o{font-size:var(--text-code)}.reading.svelte-x30r3o{gap:6px;margin:10px 0}strong.svelte-x30r3o,strong.long.svelte-x30r3o{font-size:var(--text-title)}.gauge.svelte-x30r3o{width:28px;height:28px}.caption.svelte-x30r3o{font-size:var(--text-body);padding-top:9px}}.examples.svelte-10pikdk{padding:52px 0}.intro.svelte-10pikdk{max-width:760px;margin-bottom:28px}.intro.svelte-10pikdk h1:where(.svelte-10pikdk){font-size:var(--text-title);letter-spacing:-.025em}.intro.svelte-10pikdk p:where(.svelte-10pikdk){font-size:var(--text-body);margin-top:12px}.case-index.svelte-10pikdk{top:calc(var(--nav-h) + 8px);z-index:10;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:4px 28px;padding:8px 22px;display:flex;position:sticky}.case-index.svelte-10pikdk a:where(.svelte-10pikdk){color:var(--grey);align-items:center;gap:8px;padding-block:5px;font-size:14px;text-decoration:none;display:inline-flex}.case-index.svelte-10pikdk a:where(.svelte-10pikdk):hover,.case-index.svelte-10pikdk a.active:where(.svelte-10pikdk){color:var(--blue)}.case-item.svelte-10pikdk{scroll-margin-top:calc(var(--nav-h) + 72px)}.code-toggle.svelte-10pikdk{display:none}.case-list.svelte-10pikdk{margin:0;padding:0;list-style:none}.case-item.svelte-10pikdk{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:52px;padding:48px 0;display:grid}.case-code.svelte-10pikdk{order:1}.case-summary.svelte-10pikdk,.case-item.reverse.svelte-10pikdk .case-code:where(.svelte-10pikdk){order:2}.case-item.reverse.svelte-10pikdk .case-summary:where(.svelte-10pikdk){order:1}.case-summary.svelte-10pikdk,.case-code.svelte-10pikdk{min-width:0}.case-heading.svelte-10pikdk{margin-bottom:24px}.case-heading.svelte-10pikdk h2:where(.svelte-10pikdk){font:600 28px/1.25 var(--display);letter-spacing:-.025em;text-wrap:balance;max-width:25ch}.case-heading.svelte-10pikdk p:where(.svelte-10pikdk){color:var(--grey);font-size:var(--text-body);max-width:52ch;margin-top:16px;line-height:1.65}.result-stage.svelte-10pikdk{isolation:isolate;background:radial-gradient(ellipse at 30% 15%, var(--case-tint), transparent 80%), linear-gradient(140deg, #f6f8ff, #eaf6f6);border:1px solid #e0e5ef;border-radius:20px;place-items:center;min-width:0;min-height:250px;padding:32px;display:grid;position:relative}.result-stage.svelte-10pikdk:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(#7185a529 .8px,#0000 .8px) 0 0/9px 9px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0008,#0000 72%);mask-image:radial-gradient(#0008,#0000 72%)}.result-card.svelte-10pikdk{width:100%;min-width:0;max-width:340px;transition:transform .25s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.case-item.svelte-10pikdk:hover .result-card:where(.svelte-10pikdk){transform:translateY(-4px)}}.next-step.svelte-10pikdk{justify-content:space-between;align-items:center;gap:20px;margin-top:32px;display:flex}.guide.svelte-10pikdk{color:var(--blue);font-size:var(--text-body);text-decoration:none}.guide.svelte-10pikdk:hover{text-decoration:underline}@media (width<=1000px){.case-item.svelte-10pikdk{gap:28px}.result-stage.svelte-10pikdk{padding:24px}}@media (width<=760px){.examples.svelte-10pikdk{padding:32px 0}.case-index.svelte-10pikdk{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);box-shadow:none;border-inline:0;border-radius:0;flex-wrap:nowrap;justify-content:flex-start;gap:18px;overflow-x:auto}.case-index.svelte-10pikdk a:where(.svelte-10pikdk){flex:none}.case-code.svelte-10pikdk{position:relative}.case-code.svelte-10pikdk:not(.open) pre{max-height:240px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.code-toggle.svelte-10pikdk{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:500 14px var(--body);cursor:pointer;margin-top:8px;display:block}.case-item.svelte-10pikdk{grid-template-columns:minmax(0,1fr);gap:22px;padding:32px 0}.case-summary.svelte-10pikdk{display:contents}.case-heading.svelte-10pikdk{order:0;margin-bottom:0}.case-code.svelte-10pikdk,.case-item.reverse.svelte-10pikdk .case-code:where(.svelte-10pikdk){order:1}.case-heading.svelte-10pikdk h2:where(.svelte-10pikdk){max-width:none;font-size:25px}.result-stage.svelte-10pikdk{border-radius:14px;order:2;min-height:220px;padding:24px}}@media (width<=600px){.next-step.svelte-10pikdk{text-align:center;flex-direction:column-reverse;align-items:stretch;gap:18px}}