.number-cloud{flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;display:flex}.number-cloud span{border-radius:var(--radius);background:var(--ink);min-width:96px;color:var(--paper);text-align:center;background:linear-gradient(145deg, color-mix(in srgb, var(--product-accent), black 8%), var(--ink));border:1px solid #15191d29;padding:16px 18px;font-size:2rem;font-weight:900;line-height:1;box-shadow:inset 0 1px #ffffff29,0 18px 38px #141c2024}.number-display{align-content:center;gap:22px;width:min(100%,760px);min-height:clamp(330px,42vw,500px);padding:clamp(24px,5vw,60px);display:grid}.number-primary{border:1px solid color-mix(in srgb, var(--product-accent), transparent 58%);border-radius:var(--radius);background:linear-gradient(145deg, color-mix(in srgb, var(--product-accent), #111820 28%), #111820), repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 24px);min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:inherit;place-items:center;padding:clamp(28px,6vw,64px) 20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 30px 70px #141c2038}.number-primary:disabled,.number-display .number-cloud button:disabled{cursor:default}.number-primary:after{border-radius:calc(var(--radius) - 2px);content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:12px}.number-primary strong{color:#f8fbff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;max-width:100%;font-size:clamp(4rem,11vw,8.5rem);font-weight:950;line-height:.82;overflow:hidden}.number-display[data-generating=true] .number-primary strong{filter:blur(.35px);animation:.144s steps(2,end) infinite number-cycle}.number-display .number-cloud{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:9px;display:grid}.number-display .number-cloud span,.number-display .number-cloud button{border:1px solid color-mix(in srgb, var(--product-accent), transparent 72%);background:color-mix(in srgb, var(--surface), var(--product-accent) 8%);min-width:0;color:inherit;cursor:pointer;font-variant-numeric:tabular-nums;border-radius:12px;padding:12px;font-family:inherit;font-size:clamp(1.1rem,2.2vw,1.65rem)}.number-primary{border-radius:calc(var(--radius) + 7px);background:linear-gradient(#ffffff0f,#0000 22%),repeating-linear-gradient(90deg,#0000 0 27px,#ffffff06 28px 29px),linear-gradient(145deg,#13232d,#071117 62%,#03090d);border:1px solid #70becc57;box-shadow:inset 0 0 0 7px #75bec90f,inset 0 -26px 54px #00000057,0 32px 72px #0d1d2542}.number-primary strong{z-index:2;color:#e9fbff;letter-spacing:-.055em;text-shadow:0 0 18px #58e0ef38,0 4px #00000061;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:relative}.number-module-glass,.number-module-hinge{z-index:1;pointer-events:none;display:block;position:absolute}.number-module-glass{border-radius:calc(var(--radius) - 1px);background:linear-gradient(120deg,#ffffff14,#0000 34% 70%,#58d5e209);border:1px solid #aee5ec17;inset:14px}.number-module-hinge{background:linear-gradient(90deg,#0000,#aae0e72e 12% 88%,#0000);height:1px;top:50%;left:18px;right:18px;box-shadow:0 1px #000000a3}.number-display[data-generating=true] .number-primary strong{filter:none}html .table-page .number-display{min-height:0;padding:clamp(8px,2vw,20px) 0}html .table-page .number-primary{min-height:clamp(150px,100svh - 620px,240px);box-shadow:inset 0 1px #ffffff1f,0 6px #121e2d40,0 26px 50px #1d2a3a40}@media (max-width:960px){html .table-page .number-primary{min-height:150px}}@keyframes number-cycle{0%{opacity:.72;transform:translateY(-3px)}to{opacity:1;transform:translateY(3px)}}