.rn-root{white-space:pre;vertical-align:baseline;unicode-bidi:isolate;display:inline-block;position:relative}.rn-root>.rn-measure,.rn-root>.rn-visual{display:none}.rn-root[data-rn-measuring]>.rn-measure{visibility:hidden;white-space:pre;border:0;padding:0;display:inline-flex;position:relative}.rn-token{border:0;padding:0;display:inline-block}.rn-root[data-rn-measuring]>.rn-value,.rn-react[data-rn-hydrated]>.rn-semantic,.rn-solid[data-rn-hydrated]>.rn-semantic{color:#0000;z-index:1;margin:0;padding:0;position:absolute;inset:0}.rn-value::selection{color:highlighttext;background:highlight}.rn-semantic::selection{color:highlighttext;background:highlight}.rn-root[data-rn-ready]>.rn-visual{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.rn-slot{box-sizing:content-box;-webkit-mask-image:var(--rn-mask,linear-gradient(to bottom, transparent, #000 var(--rn-edge-fade,.12em), #000 calc(100% - var(--rn-edge-fade,.12em)), transparent));-webkit-mask-image:var(--rn-mask,linear-gradient(to bottom, transparent, #000 var(--rn-edge-fade,.12em), #000 calc(100% - var(--rn-edge-fade,.12em)), transparent));mask-image:var(--rn-mask,linear-gradient(to bottom, transparent, #000 var(--rn-edge-fade,.12em), #000 calc(100% - var(--rn-edge-fade,.12em)), transparent));margin-inline-start:-.15em;padding-inline:.15em;position:absolute;left:0;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@supports (overflow:clip){.rn-slot{overflow:visible clip}}.rn-slot:not([data-rn-wheel]){overflow:visible;-webkit-mask-image:none;mask-image:none}.rn-enter,.rn-reel,.rn-face{display:block}.rn-reel{position:relative}.rn-ink{will-change:transform;display:block;position:absolute;inset:0}.rn-smear .rn-ink{will-change:auto}.rn-slot[data-rn-flap]{-webkit-mask-image:none;mask-image:none}:where(.rn-slot[data-rn-flap]) .rn-face{background:var(--rn-flap-background,Canvas)}.rn-flap{transform-origin:50%;backface-visibility:hidden;position:absolute;inset:0}.rn-flap-top{clip-path:inset(0 0 calc(50% + var(--rn-crease,1px) / 2) 0)}.rn-flap-bottom{clip-path:inset(calc(50% + var(--rn-crease,1px) / 2) 0 0 0)}.rn-sharp,.rn-smear{display:block}.rn-smear{pointer-events:none;position:absolute;inset:0}.rn-blur-defs{width:0;height:0;position:absolute;overflow:hidden}.rn-face{text-align:center;white-space:pre}.rn-react,.rn-solid{white-space:pre;unicode-bidi:isolate;display:inline-block;position:relative}.rn-mount{-webkit-user-select:none;user-select:none;display:inline-block}.rn-mount .rn-value{pointer-events:none}.rn-react:not([data-rn-hydrated])>.rn-mount,.rn-solid:not([data-rn-hydrated])>.rn-mount{display:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ededeb;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#ededeb;--muted:#999b9f;--line:#27292d;--accent:#d5d9df;--icon:#6b727c;--mono:"SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;background:#0d0e10;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{color:inherit}button{background:#17191c;border:0;border-radius:7px;min-height:40px;padding:0 16px;font-size:13px}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:1px solid #4b515a}::selection{color:#fff;background:#3a4048}h1,h2,p{margin:0}.site-shell{width:min(1040px,100%);margin-inline:auto;padding:0 40px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--ink);color:#111;padding:12px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:96px;display:flex}.brand{align-items:center;min-height:44px;display:inline-flex}.brand h1{letter-spacing:-.065em;font-size:20px;font-weight:550}.site-header nav{color:var(--muted);gap:25px;font-size:13px;display:flex}.site-header nav a{align-items:center;gap:6px;min-height:44px;display:inline-flex}.playground{padding:10px 0 32px}.number-stage{min-height:290px;font-size:calc(clamp(3.5rem, 12.4vw, 9rem) * var(--number-scale));letter-spacing:-.065em;justify-content:center;align-items:center;padding:36px 0;font-weight:450;line-height:1.25;display:flex}.number-frame{justify-content:safe center;width:100%;max-width:100%;padding:.05em .08em .12em;display:flex;overflow:visible}.number-frame>.rn-react{flex-shrink:0}.number-frame .rn-slot[data-rn-key^=unit\:]{color:var(--muted)}.font-serif{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif}.font-mono{font-family:var(--mono)}.digits-tabular{font-variant-numeric:tabular-nums lining-nums}.digits-proportional{font-variant-numeric:proportional-nums lining-nums}.settings-panel{flex-direction:column;align-items:center;margin-top:27px;display:flex}.settings-panel .disclosure{width:100%}.settings-toggle{color:var(--muted);gap:8px;min-height:36px;padding:10px;font-size:12px}.disclosure{clip-path:inset(0 -8px)}.disclosure[hidden]{display:none}.settings{background:#111316;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;max-width:720px;margin:14px auto 0;padding:20px;display:grid}.settings>label,.size-control,.seat-control label{color:var(--muted);flex-direction:column;gap:8px;font-size:11px;display:flex}select{width:100%;min-width:0;height:32px;color:var(--ink);background:#0c0e11;border:0;border-radius:7px;padding-inline:9px;font-size:12px}.settings .size-control{grid-column:span 2;grid-template-columns:1fr auto;display:grid}.size-control input{grid-column:1/-1;width:100%}input[type=range]{accent-color:var(--accent);height:20px;margin:0}input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;margin:0}.toggles{flex-wrap:wrap;grid-column:span 2;align-items:center;gap:14px;display:flex}.toggles label{color:var(--muted);align-items:center;gap:7px;min-height:30px;font-size:11px;display:flex}.locale-note{text-align:center;color:var(--muted);margin-top:12px;font-size:12px}.install{justify-content:center;align-items:center;width:min(720px,100%);margin-inline:auto;padding:0 0 34px;display:flex}.install-command{background:#111316;border-radius:9px;align-items:center;gap:4px;min-height:40px;padding:3px;display:flex}.install-command code{font:12px var(--mono);color:var(--ink);white-space:nowrap;scrollbar-width:none;min-width:0;padding:0 14px;overflow-x:auto}.install-copy{min-width:60px;min-height:30px;font:11px var(--mono);color:var(--muted);transition:color calc(var(--duration) * .5) var(--spring);background:0 0;border-radius:6px;flex:none;padding:0 10px}.install-copy:hover{color:var(--ink)}.segmented{gap:2px;display:flex;position:relative}.segmented button{min-height:30px;font:11px var(--mono);color:var(--muted);transition:color calc(var(--duration) * .5) var(--spring);background:0 0;border:0;border-radius:6px;padding:0 9px;position:relative}.segmented button[aria-pressed=true]{color:var(--ink)}.segmented-pill{background:#22262c;border-radius:6px;width:0;position:absolute;top:0;bottom:0;left:0}.segmented-pill[data-live]{transition:transform var(--duration) var(--spring), width var(--duration) var(--spring)}[data-reduced=true] .segmented-pill,[data-reduced=true] .segmented button{transition:none}.examples{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.example{background:#111316;border-radius:13px;min-width:0;padding:20px;position:relative;overflow:visible}.shirt-graphic,.file-graphic,.weather-graphic,.ledger-graphic,.activity-graphic{color:var(--icon)}.example:focus-within{z-index:1}.example h2{color:var(--muted);font-size:11px;font-weight:450}.example-number{letter-spacing:-.055em;font-variant-numeric:tabular-nums;max-width:100%;padding:18px 0;font-size:clamp(2.3rem,5vw,3.5rem);font-weight:450;line-height:1.25;overflow:visible}.revenue-number{--revenue-ink:#d2d4d8;color:var(--revenue-ink)}.example-actions{gap:18px;display:flex}.quiet{color:#b8babd;background:0 0;align-items:center;gap:20px;min-height:36px;padding:0;font-size:12px;display:inline-flex}.quiet span,.muted{color:#999b9f}.price{align-items:baseline;gap:12px;min-width:0;display:flex}.price>span{color:var(--muted);flex:none;font-size:12px}.seat-control{align-items:center;gap:20px;min-height:36px;display:flex}.seat-control label{white-space:nowrap;flex-direction:row;gap:8px}.seat-control output{color:var(--ink);min-width:2ch}.seat-control input{width:min(200px,60%);min-width:0}.bigint-number{align-items:center;min-height:106px;font-size:clamp(1rem,3vw,1.875rem);display:flex}.site-footer{color:#94979b;flex-wrap:wrap;align-items:center;gap:24px;padding:28px 0 36px;font-size:11px;display:flex}.site-footer code{font-family:var(--mono);color:#b0b2b6;margin-right:auto}.mini-app{flex-direction:column;gap:12px;min-height:210px;display:flex}.shop-app{grid-column:span 5}.likes-app{grid-column:span 3}.team-app{grid-column:span 4}.example-bigint{grid-column:span 5}.upload-app{grid-column:span 7}.weather-app{grid-column:span 3}.invoice-app{grid-column:span 4}.audience-app{grid-column:span 5}.scrub-app{grid-column:span 7}.heart{touch-action:none;-webkit-user-select:none;user-select:none}.likes-app[data-charge=ready] .heart{color:#f0a6b7}.scrub-number{--rn-blur:2.4}.scrub-control{flex-direction:column;gap:10px;margin-top:auto;display:flex}.scrub-control input{width:100%}.weather-app .rn-root{transition:color calc(var(--duration) * .65) var(--spring)}.weather-app[data-temperature-trend=warming] .rn-root{color:#f0dcc0}.weather-app[data-temperature-trend=cooling] .rn-root{color:#c4d8f0}.shop-app,.likes-app,.team-app{min-height:242px}.mini-app .example-number{padding:0;font-size:36px}.mini-app .bigint-number{min-height:0;font-size:clamp(15px,2vw,22px)}.mini-label{color:var(--muted);letter-spacing:0;font-size:11px;line-height:1.5}.mini-app strong{font-size:13px;font-weight:500}.mini-button{background:#1c2025;justify-content:center;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;min-height:32px;padding:0 11px;font-size:11px;display:inline-flex}.mini-button.square{width:32px;padding:0;font-size:16px}.mini-app>.example-actions,.mini-app>.seat-control,.weather-controls,.currency-switch{margin-top:auto}.mini-app .centered{justify-content:center}.app-metric{min-width:0}.shop-product{align-items:center;gap:16px;display:flex}.product-art{background:#0c0e11;border-radius:8px;flex:none;place-items:center;width:98px;height:98px;display:grid}.shirt-graphic{width:72px;height:72px}.product-info{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.product-info>span{color:var(--muted);font-size:11px}.product-info button{margin-top:5px}.shop-app .app-metric{justify-content:space-between;align-items:baseline;gap:16px;margin-top:auto;display:flex}.shop-app .example-number{font-size:32px}.likes-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.heart{color:#d5d9df;background:#1c2025;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;display:grid}.heart svg{fill:currentColor;transform-origin:50%;width:24px;height:24px}.centered-label{text-align:center}.avatar-stack{align-items:center;min-height:34px;margin-top:6px;display:flex}.mini-avatar{color:#8a9099;width:34px;height:34px;transition:width var(--duration) var(--spring), margin-right var(--duration) var(--spring), border-width var(--duration) var(--spring), transform var(--duration) var(--spring), opacity calc(var(--duration) * .65) var(--spring);background:#1e2227;border:2px solid #111316;border-radius:50%;margin-right:-9px;overflow:hidden}.mini-avatar[data-present=false]{opacity:0;border-width:0;width:0;margin-right:0;transform:scale(.4)}.mini-avatar>svg{flex:none;width:30px;height:30px}.extra-members{transition:opacity calc(var(--duration) * .65) var(--spring), transform var(--duration) var(--spring)}.extra-members[data-present=false]{opacity:0;transform:translate(-6px)}.avatar-stack[data-animated=false] :is(.mini-avatar,.extra-members){transition:none}.mini-avatar:nth-child(2n){background:#262a30}.mini-avatar:nth-child(3n){background:#1a1d21}.mini-avatar{flex:none;justify-content:center;align-items:center;display:flex}.extra-members{color:var(--muted);padding-left:20px;font-size:11px}.team-app .price{margin-top:2px}.team-app .seat-control{justify-content:space-between}.team-app .seat-control input{width:min(240px,70%)}.ledger-graphic{width:110px;height:37px;position:absolute;top:12px;right:16px}.example-bigint .app-metric{margin-top:18px}.upload-file{align-items:center;gap:12px;margin-top:8px;display:flex}.file-graphic{flex:none;width:36px;height:44px}.upload-file>div:not(.example-number),.invoice-body>div{flex-direction:column;gap:6px;display:flex}.upload-file .example-number{margin-left:auto;font-size:32px}.upload-track{background:#23272d;border-radius:2px;height:3px;overflow:hidden}.upload-track>span{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform var(--duration) var(--spring);display:block}.weather-summary{margin-top:8px}.weather-graphic{width:54px;height:50px;position:absolute;top:12px;right:14px}.weather-controls{align-items:center;display:flex}.weather-controls>.mini-label{display:none}.weather-controls .example-actions{gap:8px}.invoice-body{align-items:center;gap:10px;display:flex}.invoice-body .file-graphic{width:30px;height:36px}.invoice-total{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.invoice-total .example-number{font-size:30px}.currency-switch{background:#0d0f12;border-radius:9px;align-self:flex-start;padding:3px;display:flex}.currency-switch .segmented button{min-height:28px;font:9px var(--mono);padding:0 8px}.activity-graphic{width:100%;height:46px}.activity-graphic rect{transform-box:fill-box;transform-origin:bottom;transition:transform var(--duration) var(--spring)}.activity-graphic rect:nth-child(3){transition-delay:20ms}.activity-graphic rect:nth-child(4){transition-delay:40ms}.activity-graphic rect:nth-child(5){transition-delay:60ms}.activity-graphic rect:nth-child(6){transition-delay:80ms}.activity-graphic rect:nth-child(7){transition-delay:.1s}.activity-graphic rect:nth-child(8){transition-delay:.12s}.activity-graphic[data-animated=false] rect,[data-reduced=true] :is(.upload-track>span,.activity-graphic rect,.mini-avatar,.extra-members){transition:none}@media (prefers-reduced-motion:reduce){.upload-track>span,.activity-graphic rect,.mini-avatar,.extra-members,.segmented-pill,.segmented button{transition:none}}@media (hover:hover){button:not(:disabled):hover{background:#25282d}.segmented button:hover{color:var(--ink);background:0 0}.quiet:hover{color:var(--ink);background:0 0!important}a:hover{color:var(--ink)}}@media (min-width:641px) and (max-width:900px){.examples{grid-template-columns:repeat(6,minmax(0,1fr))}.shop-app,.example-bigint{grid-column:span 4}.likes-app,.team-app{grid-column:span 2}.upload-app,.weather-app,.invoice-app,.audience-app,.scrub-app{grid-column:span 3}}@media (max-width:640px){.site-shell{padding-inline:22px}.site-header{min-height:80px}.brand h1{font-size:18px}.site-header nav{gap:18px;font-size:12px}.number-stage{min-height:230px;font-size:calc(11.6vw * var(--number-scale))}.settings{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.examples{grid-template-columns:1fr}.install-command{width:100%}.install-command .segmented{display:none}.install-command code{flex:1;padding-left:10px;font-size:11px}.example{grid-column:1/-1;padding:20px}.example-number{font-size:48px}.bigint-number{min-height:92px;font-size:clamp(1rem,4.8vw,1.6rem)}.site-footer{gap:20px}.site-footer code{width:100%}.mini-app{min-height:210px}.example-bigint,.upload-app{min-height:190px}.mini-app .bigint-number{font-size:clamp(16px,4.8vw,24px)}.currency-switch .segmented button{min-height:34px}}