.viewer-screen.svelte-1uha8ag{background:var(--viewer-background) center / cover no-repeat, #f4efe4;color:#fff;min-height:100vh;position:relative;overflow:hidden}.viewer-settings{z-index:4;color:#0f1612;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-color:#ffffff47;position:fixed;top:24px;right:24px}.viewer-content.svelte-1uha8ag{--title-gap:clamp(18px, 2.6vh, 34px);--title-reserve:calc(var(--session-title-font-size) * 1.08 + var(--session-title-margin-top) + var(--session-title-margin-bottom) + var(--title-gap));--available-board-width:calc(100vw - var(--viewer-margin-left) - var(--viewer-margin-right));--available-board-height:calc(100vh - var(--viewer-margin-top) - var(--viewer-margin-bottom) - var(--title-reserve));--board-gap-x:calc(var(--board-gap) * (var(--board-columns) - 1));--board-gap-y:calc(var(--board-gap) * (var(--board-rows) - 1));--ball-size:max(24px, min(calc((var(--available-board-width) - var(--board-gap-x)) / var(--board-columns)), calc((var(--available-board-height) - var(--board-gap-y)) / var(--board-rows))));z-index:2;gap:var(--title-gap);min-height:100vh;padding:var(--viewer-margin-top) var(--viewer-margin-right) var(--viewer-margin-bottom) var(--viewer-margin-left);grid-template-rows:minmax(0,1fr);justify-items:center;display:grid;position:relative}.viewer-content.has-title.svelte-1uha8ag{grid-template-rows:auto minmax(0,1fr)}.viewer-content.title-hidden.svelte-1uha8ag{--title-reserve:0px}.viewer-content.align-center.svelte-1uha8ag{--title-align:center;--title-justify:center}.viewer-content.align-left.svelte-1uha8ag{--title-align:left;--title-justify:start}.viewer-content.svelte-1uha8ag h1:where(.svelte-1uha8ag){max-width:min(1320px, calc(100% - var(--session-title-margin-left) - var(--session-title-margin-right)));justify-self:var(--title-justify);margin:var(--session-title-margin-top) var(--session-title-margin-right) var(--session-title-margin-bottom) var(--session-title-margin-left);color:var(--session-title-color);font-family:var(--session-title-font-family);text-align:var(--title-align);font-size:var(--session-title-font-size);letter-spacing:0;text-shadow:0 2px 8px color-mix(in oklch, var(--session-title-shadow-color) 46%, transparent), 0 10px 28px color-mix(in oklch, var(--session-title-shadow-color) 32%, transparent);font-weight:850;line-height:1.02}.result-viewport.svelte-1uha8ag{align-self:stretch;width:100%;max-width:100%;height:100%;min-height:0;margin-inline:auto;position:relative;overflow:visible}.result-board.svelte-1uha8ag{grid-template-columns:repeat(var(--board-columns), var(--ball-size));grid-template-rows:repeat(var(--board-rows), var(--ball-size));place-content:space-between;gap:var(--board-gap);width:100%;height:100%;display:grid}.result-ball.svelte-1uha8ag,.result-placeholder.svelte-1uha8ag{width:var(--ball-size);height:var(--ball-size);border-radius:999px;container-type:size}.result-ball.svelte-1uha8ag{color:#123226;animation:.28s both svelte-1uha8ag-number-in;animation-delay:var(--delay);background:radial-gradient(circle at 34% 24%,#fffffff5,#ffffffb8 34%,#e2faf1e0 100%),#fff;border:2px solid #ffffffc7;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 16px 30px #0c221a38,inset 0 -8px 18px #2a826029}.result-svg.svelte-1uha8ag{pointer-events:none;font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;width:100%;height:100%;font-family:Inter Variable,Inter,sans-serif;font-size:clamp(18px,58cqmin,999px);font-weight:900;display:block;overflow:visible}.result-svg.svelte-1uha8ag text:where(.svelte-1uha8ag){fill:currentColor}.result-placeholder.svelte-1uha8ag{background:#ffffff24;border:1px dashed #ffffff75;box-shadow:inset 0 0 0 1px #ffffff14}.result-pager{top:50%;right:clamp(18px, var(--viewer-margin-right), 80px);z-index:3;gap:12px;display:grid;position:fixed;transform:translateY(-50%)}.result-page-button{color:#123226;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-color:#ffffff52;box-shadow:0 14px 34px #0c221a38}.viewer-settings-form.svelte-1uha8ag{gap:16px;padding:0 16px 16px;display:grid}.field-grid.svelte-1uha8ag{gap:10px;display:grid}.connection-card.svelte-1uha8ag{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong);color:var(--foreground);align-items:center;gap:12px;padding:14px;display:flex}.connection-text.svelte-1uha8ag{justify-items:start;gap:6px;display:grid}.connection-card.svelte-1uha8ag small:where(.svelte-1uha8ag){color:var(--muted-foreground)}@keyframes svelte-1uha8ag-number-in{0%{opacity:0;transform:translateY(10px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}