@font-face{font-family:Inter;src:url(/fonts/inter-regular.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{color:#292b2c;font-synthesis:none;--ease:cubic-bezier(.22, 1, .36, 1);--cursor-ease:cubic-bezier(.35, .17, .3, .86);-webkit-font-smoothing:antialiased;background:#f7f6f2;font-family:Inter,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button,a,input[type=range],.cursor-option{touch-action:manipulation}button,a,input[type=range]{cursor:pointer}button{color:inherit}svg{flex-shrink:0}svg path{stroke-linecap:round;stroke-linejoin:round}::selection{color:#252729;background:#c4b0e3}:focus-visible{outline-offset:5px;outline:2px solid}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.masthead{justify-content:space-between;align-items:center;gap:24px;height:100px;padding-inline:42px;display:flex}.masthead h1{letter-spacing:-.04em;margin:0;font-size:37px;font-weight:650}.brand-dot{color:#85709e}.masthead p{color:#656662;margin:0;font-size:13px}.playgrounds{grid-template-columns:repeat(3,minmax(0,1fr));min-height:calc(100svh - 100px);display:grid}.playground{--surface:#f7f6f2;--ink:#292b2c;--muted:#6b6c68;--line:#d9d9d2;--fill:#eeeee7;background:var(--surface);min-width:0;color:var(--ink);flex-direction:column;padding:32px clamp(24px,3vw,48px) 172px;display:flex}.playground--lilac{--surface:#ded5ed;--ink:#40364e;--muted:#6c5d7e;--line:#bfb0d0;--fill:#d2c5e2}.playground--ink{--surface:#252729;--ink:#f0f0e9;--muted:#b0b3b2;--line:#54575a;--fill:#35383b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.surface-caption{color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.surface-caption h2,.surface-caption span{margin:0;font-size:12px;font-weight:400}.surface-caption h2{align-items:center;gap:8px;display:flex}.surface-caption h2:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.surface-caption span{font-variant-numeric:tabular-nums}.specimen{width:100%;max-width:272px;margin:auto;padding-block:50px 44px}.specimen h3{letter-spacing:-.04em;margin:0 0 22px;font-size:clamp(64px,6.6vw,96px);font-weight:450;line-height:1.05}.sample-copy{color:var(--muted);margin:0 0 30px;font-size:14px;line-height:1.8}.sample-actions{align-items:center;gap:12px;display:flex}.sample-button,.like-button{height:46px;transition:transform .22s var(--ease), background .18s, box-shadow .18s;border:0}.sample-button{background:var(--ink);min-width:150px;color:var(--surface);border-radius:9px;justify-content:space-between;align-items:center;gap:28px;padding:0 20px;font-size:13px;display:flex}.sample-button svg,.sample-link svg{fill:none;stroke:currentColor;stroke-width:1.5px}.like-button{background:var(--fill);border-radius:50%;place-items:center;width:46px;display:grid}.like-button svg{fill:none;stroke:currentColor;stroke-width:1.4px;transition:transform .22s var(--ease)}.like-button[aria-pressed=true] svg{fill:currentColor}.sample-button[aria-pressed=true] svg{transform:translate(3px)}.sample-button:active,.like-button:active{transform:scale(.94)}.sample-link{color:var(--ink);text-underline-offset:5px;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);align-items:center;gap:6px;margin-top:24px;font-size:12px;transition:text-decoration-color .18s;display:inline-flex}.sample-controls{margin-top:44px}.range-label{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.range-label output{font-variant-numeric:tabular-nums}.sample-range{--progress:50%;appearance:none;width:100%;height:32px;color:var(--ink);background:0 0;margin:5px 0 19px;padding:0}.sample-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--progress), var(--line) var(--progress));border-radius:3px;height:3px}.sample-range::-moz-range-track{background:var(--line);border-radius:3px;height:3px}.sample-range::-moz-range-progress{background:var(--ink);height:3px}.sample-range::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5.5px}.sample-range::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:14px;height:14px}.sample-input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);caret-color:var(--ink);cursor:text;background:0 0;border-radius:8px;padding:14px 12px;font-size:12px}.sample-input::placeholder{color:var(--muted);opacity:1}.surface-note{text-align:center;color:var(--muted);margin:0;font-size:12px}.cursor-picker{bottom:max(26px, env(safe-area-inset-bottom));z-index:10;text-align:center;max-width:calc(100% - 24px);position:fixed;left:50%;transform:translate(-50%)}.cursor-description{color:#595956;background:#f6f5f1ed;border-radius:20px;max-width:100%;margin:0 auto 12px;padding:6px 12px;font-size:12px;line-height:1.5;display:table}.dock{-webkit-backdrop-filter:blur(24px)saturate(140%);width:362px;max-width:100%;animation:dock-arrive .6s var(--ease) both;background:#eeeee9b5;border:0;border-radius:23px;gap:4px;margin:0;padding:7px;display:flex;box-shadow:inset 0 1px 1px #ffffffea,inset 0 -1px 1px #ffffff80,0 8px 32px #17151e24,0 2px 6px #17151e0d}.cursor-option{cursor:pointer;flex:1;min-width:0;position:relative}.cursor-option input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.option-surface{color:#555650;min-height:74px;transition:background .22s var(--ease), color .22s, box-shadow .22s;pointer-events:none;border-radius:17px;flex-direction:column;align-items:center;gap:5px;padding:9px 14px;font-size:12px;display:flex}.cursor-icon{width:30px;height:30px;transition:transform .28s var(--ease)}.ring-icon{padding:1px}.selection-dot{opacity:0;background:currentColor;border-radius:50%;width:4px;height:4px;transition:opacity .18s;position:absolute;top:10px;right:10px}.cursor-option input:checked+.option-surface{color:#252729;background:#ffffffda;box-shadow:0 2px 5px #29272e0a}.cursor-option input:checked+.option-surface .selection-dot{opacity:1}.cursor-option input:focus-visible+.option-surface{outline-offset:2px;outline:2px solid #67527f}.ring-position,.cursor-dot{pointer-events:none;opacity:0;z-index:1000;position:fixed;top:0;left:0}.ring-position{transition:opacity .16s}.ring-visual{-webkit-backdrop-filter:blur(2px)contrast(110%);width:28px;height:28px;transition:transform .26s var(--cursor-ease), background-color .24s, border-color .24s, box-shadow .24s, backdrop-filter .24s;background:#ffffff0a;border:2px solid #a1a1aab3;border-radius:50%;box-shadow:0 0 12px #00000026}.cursor-dot{background:#71717abf;border-radius:50%;width:8px;height:8px;transition:opacity .16s,background-color .2s,box-shadow .2s;box-shadow:0 0 6px #71717a4d}@media (hover:hover){.sample-button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #00000015}.like-button:hover svg{transform:scale(1.12)}.sample-link:hover{text-decoration-color:currentColor}.cursor-option:hover .cursor-icon{transform:translateY(-2px)}.cursor-option:hover .option-surface{background:#fff6}}@media (hover:hover) and (pointer:fine){[data-cursor=biggie],[data-cursor=biggie] *{cursor:url(/cursors/biggie.svg) 4 3,auto}[data-cursor=biggie] input[type=text]{cursor:text}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){[data-cursor=ring][data-ring-live],[data-cursor=ring][data-ring-live] *{cursor:none}[data-cursor=ring][data-ring-live] input[type=text]{cursor:text}[data-ring-live] .ring-position,[data-ring-live] .cursor-dot{opacity:1}[data-ring-live][data-ring-text]:not([data-ring-shift]) .ring-position{opacity:.25}[data-ring-live][data-ring-text]:not([data-ring-shift]) .cursor-dot{opacity:.2}[data-ring-hover] .ring-visual{-webkit-backdrop-filter:none;background:0 0;border-color:#ffffffeb;transform:scale(.85);box-shadow:0 0 0 1px #0000008c,0 0 16px #ffffff38}[data-ring-hover] .cursor-dot{background:#fffffff2;box-shadow:0 0 0 1px #00000080,0 0 8px #fff9}[data-ring-shift] .ring-visual{transition-timing-function:cubic-bezier(.22,1.35,.36,1);transform:scale(1.6)}[data-ring-shift][data-ring-hover] .ring-visual{transform:scale(1.25)}[data-ring-shift]:not([data-ring-hover]) .ring-visual{-webkit-backdrop-filter:blur(5px)contrast(115%);background:#ffffff14;border-color:#ffffffd9;box-shadow:0 0 0 1px #0006,0 0 20px #00000040}[data-ring-shift]:not([data-ring-hover]) .cursor-dot{background:#ffffffe6;box-shadow:0 0 6px #00000059}}@keyframes dock-arrive{0%{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(10px)}to{-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);transform:translateY(0)}}@media (width>=761px) and (height<=800px){.masthead{height:80px}.playgrounds{min-height:calc(100svh - 80px)}.playground{padding-top:24px;padding-bottom:148px}.specimen{padding-block:32px}.specimen h3{margin-bottom:16px;font-size:72px}.sample-copy{margin-bottom:23px}.sample-controls{margin-top:30px}}@media (width<=760px){.masthead{gap:12px;height:84px;padding-inline:24px}.masthead h1{font-size:32px}.masthead p{font-size:11px}.playgrounds{grid-template-columns:minmax(0,1fr)}.playground{min-height:630px;padding:26px 28px 38px}.playground:last-child{padding-bottom:182px}.specimen{max-width:310px;padding-block:40px}.specimen h3{font-size:80px}.sample-copy{font-size:14px}.sample-input{font-size:16px}.cursor-picker{bottom:max(16px, env(safe-area-inset-bottom))}.dock{width:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (forced-colors:active){.dock,.option-surface,.sample-button,.like-button{border:1px solid buttontext}.cursor-option input:checked+.option-surface{outline:3px solid highlight}}.no-script{text-align:center;background:#f7f6f2;width:100%;padding:16px;position:fixed;top:0}