@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}:root{--jones-duration:.36s;--jones-delay:0s;--jones-easing:cubic-bezier(.22, 1, .36, 1);--jones-distance:16px;--jones-blur:4px;--jones-scale:.94}.jones-collapse{transition:grid-template-rows var(--jones-duration) var(--jones-easing) var(--jones-delay);grid-template-rows:0fr;display:grid}.jones-collapse[data-open=true]{grid-template-rows:1fr}.jones-collapse-inner{min-height:0;overflow:hidden}.jones-checkmark path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--jones-duration) var(--jones-easing) var(--jones-delay)}.jones-checkmark[data-checked=true] path{stroke-dashoffset:0}.jones-skeleton{background:var(--jones-skeleton-color,#e9e8e3);border-radius:4px;animation:1.6s ease-in-out infinite jones-pulse}.jones-skeleton[data-paused=true]{animation:none}.jones-flip{perspective:1000px}.jones-flip-inner{transform-style:preserve-3d;transition:transform var(--jones-duration) var(--jones-easing) var(--jones-delay);display:grid}.jones-flip-face{backface-visibility:hidden;grid-area:1/1;min-width:0}.jones-flip-back,.jones-flip[data-flipped=true] .jones-flip-inner{transform:rotateY(180deg)}.jones-flip[data-axis=x] .jones-flip-back,.jones-flip[data-axis=x][data-flipped=true] .jones-flip-inner{transform:rotateX(180deg)}.jones-flip[data-reduced=true] .jones-flip-inner,.jones-flip[data-reduced=true] .jones-flip-face{transition:none;transform:none}.jones-flip[data-reduced=true] .jones-flip-face[aria-hidden=true]{visibility:hidden}.jones-reveal{clip-path:inset(0);transition:clip-path var(--jones-duration) var(--jones-easing) var(--jones-delay)}.jones-reveal[data-open=false][data-direction=up]{clip-path:inset(100% 0 0)}.jones-reveal[data-open=false][data-direction=down]{clip-path:inset(0 0 100%)}.jones-reveal[data-open=false][data-direction=left]{clip-path:inset(0 0 0 100%)}.jones-reveal[data-open=false][data-direction=right]{clip-path:inset(0 100% 0 0)}.jones-progress{background:var(--jones-progress-track,#e3e5db);border-radius:999px;height:6px;overflow:hidden}.jones-progress-fill{border-radius:inherit;background:var(--jones-progress-color,currentColor);transform-origin:0;width:100%;height:100%;transition:transform var(--jones-duration) var(--jones-easing) var(--jones-delay);display:block}.jones-progress:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .jones-progress-fill{transform-origin:100%}@keyframes jones-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.jones-collapse,.jones-checkmark path,.jones-flip-inner,.jones-reveal,.jones-progress-fill{transition:none}.jones-flip-inner,.jones-flip-face{transform:none!important}.jones-flip-face[aria-hidden=true]{visibility:hidden}.jones-skeleton{animation:none}}*{box-sizing:border-box}:root{color:#262b25;font-synthesis:none;--paper:#f5f4ef;--ink:#262b25;--muted:#647159;--line:#dedfd6;--blue:#3651e8;--serif:"Instrument Serif", Georgia, serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#f5f4ef;font-family:DM Sans Variable,sans-serif}body{-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.35}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.stage button:focus-visible{outline-color:#fbfbc4}button{touch-action:manipulation}svg{vertical-align:middle;flex-shrink:0}p,h1,h2,h3{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.micro,.eyebrow{font-family:var(--mono);letter-spacing:1.05px;font-size:10px;font-weight:400}.eyebrow{letter-spacing:1.2px;font-size:10px}.serif{font-family:var(--serif);font-weight:400}.muted{color:var(--muted)}.icon-button{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .16s;display:inline-flex}.icon-button:not(:disabled):hover{background:#e8e9e0}.site-header{border-bottom:1px solid var(--line);z-index:20;background:var(--paper);justify-content:space-between;align-items:center;height:84px;padding:0 38px 0 29px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:13px;padding:0;display:flex}.jones-mark{width:22px;height:28px}.wordmark{font-family:var(--serif);letter-spacing:-1.9px;padding-bottom:5px;font-size:38px;line-height:1}.brand-slash{color:#b6baac;margin:0 3px 0 7px;font-size:24px;font-weight:300}.brand-product{letter-spacing:-.2px;font-size:14px}.header-right{align-items:center;gap:27px;display:flex}.version-badge{font:9px var(--mono);letter-spacing:.5px;align-items:center;gap:7px;display:flex}.version-badge>span:first-child{background:#758965;border-radius:50%;width:5px;height:5px}.version-number{color:var(--muted);padding-left:3px}.get-sdk{background:var(--ink);color:#f7f7ee;border-radius:5px;align-items:center;gap:17px;height:36px;padding:0 15px;font-size:12px;display:inline-flex}.get-sdk:hover{background:#444c3c}.mobile-nav-button{display:none}.desktop-sidebar{border-right:1px solid var(--line);flex-direction:column;width:245px;padding:33px 18px 0;display:flex;position:fixed;top:84px;bottom:0;left:0}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:19px;padding:0 11px;display:flex}.sidebar-top .eyebrow{color:#636b5c;letter-spacing:.85px;font-size:9px}.catalog-count{font:9px var(--mono);color:var(--muted)}.search-field{color:#7c8274;border:1px solid #daddd2;border-radius:5px;align-items:center;gap:8px;height:36px;margin:0 8px 23px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:none;outline:none;font-size:11px}.search-field input::placeholder{color:#74796d}.search-field input:focus-visible{outline:none}.search-field kbd{font:10px var(--mono);border:1px solid var(--line);border-radius:3px;padding:1px 4px}.recipe-nav{scrollbar-width:thin;scrollbar-color:#d3d7ca transparent;flex:1;min-height:0;padding-bottom:24px;overflow-y:auto}.nav-group{margin-bottom:21px}.nav-group h2{color:#71786a;margin-bottom:8px;padding:0 11px;font-size:10px;font-weight:500}.nav-item{text-align:left;border-radius:4px;align-items:center;gap:12px;width:100%;min-height:32px;padding:7px 11px;font-size:11px;font-weight:450;display:flex;position:relative}.nav-item:hover{background:#eaece2}.nav-item.is-active{color:#2a3623;background:#e6e9dd;font-weight:650}.nav-number{font:9px var(--mono);color:#89907e;width:14px}.active-dot{background:#687959;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-footer{border-top:1px solid var(--line);text-align:left;flex-shrink:0;align-items:center;gap:9px;min-height:77px;padding:10px 7px;font-size:9px;line-height:1.6;display:flex}.sidebar-footer-mark{font-family:var(--serif);font-size:29px}.sidebar-footer small{color:var(--muted);font-size:9px;display:block}.sidebar-footer>svg{margin-left:auto}.search-empty{color:var(--muted);padding:10px;font-size:12px}.search-empty button{color:var(--ink);align-items:center;gap:8px;margin-top:15px;padding:0;text-decoration:underline;display:flex}.main-content{max-width:1650px;margin-left:245px;padding:33px 45px 0}.page-overline{color:#5f6858;justify-content:space-between;align-items:center;font-size:10px;display:flex}.breadcrumb-root{color:#8c9183}.breadcrumb-slash{color:#a6aa9f;margin:0 11px}.edition-label{font:9px var(--mono);letter-spacing:1px;color:#737b6a}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:29px 0 28px;display:flex}.title-line{align-items:flex-start;gap:14px;display:flex}.title-line h1{font-family:var(--serif);letter-spacing:-1.3px;font-size:62px;font-weight:400;line-height:1.05}.title-index{font:10px var(--mono);color:#858d7b;margin-top:8px}.page-heading p{color:#6d7366;margin-top:12px;font-size:12px;line-height:1.6}.pager{flex-shrink:0;gap:7px;margin-top:12px;display:flex}.pager .icon-button{width:32px;height:32px}.workbench{border:1px solid #d6dacf;border-radius:8px;grid-template-columns:minmax(0,1fr) 250px;display:grid;overflow:hidden}.preview-section{min-width:0}.stage{background:var(--blue);color:#fff;isolation:isolate;height:421px;position:relative;overflow:hidden}.stage-topline{font:8px var(--mono);letter-spacing:1.35px;color:#c3ccff;justify-content:space-between;display:flex;position:absolute;top:23px;left:25px;right:25px}.stage-topline>span:first-child{align-items:center;gap:7px;display:flex}.live-dot{background:#d5e9a2;border-radius:50%;width:4px;height:4px}.demo-mount{justify-content:center;align-items:center;width:100%;height:100%;padding:65px 36px 42px;display:flex}.playback-bar{background:#fafaf6;align-items:center;gap:18px;min-height:55px;padding:0 20px;display:flex}.replay-button{align-items:center;gap:7px;padding:8px 0;font-size:10px;font-weight:550;display:flex}.replay-button kbd{color:#939889;font-family:var(--mono);margin-left:1px;font-size:10px}.playback-hint{text-align:center;color:#737b6a;flex:1;font-size:9px}.speed-select{position:relative}.speed-select select{appearance:none;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:0 0;border-radius:3px;padding:5px 19px 5px 9px;font-size:10px}.speed-select svg{pointer-events:none;position:absolute;top:10px;right:5px}.inspector{border-left:1px solid var(--line);flex-direction:column;min-width:0;padding:24px 21px 20px;display:flex}.inspector-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.inspector-heading .eyebrow{letter-spacing:1px;font-size:9px}.inspector-heading svg{color:#7c8570}.range-control{margin-bottom:23px;display:block}.control-label{justify-content:space-between;margin-bottom:13px;font-size:11px;display:flex}.control-label output{font:10px var(--mono)}.control-label output>span{color:#838b78;margin-left:4px;font-size:9px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, #5c6d4e var(--range-progress), #daddd1 var(--range-progress));border:0;border-radius:3px;width:100%;height:3px;margin:0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#f9faf4;border:2px solid #5b6c4d;border-radius:50%;width:10px;height:10px}input[type=range]::-moz-range-thumb{background:#f9faf4;border:2px solid #5b6c4d;border-radius:50%;width:7px;height:7px}.easing-control{grid-template-columns:1fr auto;align-items:center;margin-bottom:23px;display:grid}.easing-control>label{font-size:11px}.easing-select{position:relative}.easing-select select{appearance:none;border:1px solid var(--line);color:#46513c;cursor:pointer;background:#fbfbf7;border-radius:3px;padding:6px 24px 6px 10px;font-size:10px}.easing-select svg{pointer-events:none;position:absolute;top:8px;right:7px}.easing-graph{background:#eeefe7;border:1px solid #e5e7dc;border-radius:4px;grid-column:1/-1;align-items:center;gap:12px;margin-top:12px;padding:12px 11px 8px;display:flex}.easing-graph svg{width:79px;height:54px;overflow:visible}.easing-graph>span{color:#66735b;font-size:8px;line-height:1.7}.graph-guide{stroke:#cfd5c4;stroke-width:.7px;stroke-dasharray:2 3;fill:none}.graph-curve{stroke:#71835f;fill:none;stroke-width:2px}.easing-graph circle{fill:#71835f}.inspector-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.reduce-control{cursor:pointer;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:relative}.reduce-control input{opacity:0;cursor:pointer;width:29px;height:18px;margin:0;position:absolute;right:0}.small-switch{pointer-events:none;background:#d8dccf;border-radius:15px;width:27px;height:15px;padding:3px}.small-switch:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;transition:transform .15s;display:block;box-shadow:0 1px 2px #262b2526}.reduce-control input:checked+.small-switch{background:#5a6b4b}.reduce-control input:checked+.small-switch:after{transform:translate(12px)}.reduce-control input:focus-visible+.small-switch{outline:2px solid var(--blue);outline-offset:4px}.inspector-bottom>p{color:#7d8573;margin-top:9px;font-size:8px;line-height:1.5}.reset-button{color:#6b765e;align-items:center;gap:6px;margin-top:22px;padding:0;font-size:9px;display:flex}.reset-button:hover{color:var(--ink)}.implementation-heading{justify-content:space-between;align-items:center;margin:30px 0 14px;display:flex}.implementation-heading>div{align-items:center;gap:11px;display:flex}.section-number{font:9px var(--mono);color:#8a9380}.implementation-heading h2{letter-spacing:-.1px;font-size:13px;font-weight:500}.code-section{color:#e0e4d7;background:#262d25;border:1px solid #373e31;border-radius:6px;overflow:hidden}.code-toolbar{background:#2c332b;border-bottom:1px solid #414839;justify-content:space-between;align-items:center;height:46px;padding:0 19px;display:flex}.code-tabs{gap:25px;height:100%;display:flex}.code-tabs button{color:#a6b09c;align-items:center;gap:7px;padding:0;font-size:10px;display:flex;position:relative}.code-tabs button[aria-selected=true]:after{content:"";background:#c6d6a7;height:2px;position:absolute;bottom:-1px;left:0;right:0}.copy-button{align-items:center;gap:6px;padding:6px 0;font-size:9px;display:flex}.code-toolbar>.copy-button{color:#bac5ae}.code-section button:focus-visible,.code-section [tabindex="0"]:focus-visible{outline-offset:-3px;outline-color:#d5e5b5}.code-body{position:relative}.code-file{color:#b5bfaa;font:9px var(--mono);align-items:center;gap:7px;padding:17px 21px 9px;display:flex}.file-dot{background:#b5c696;border-radius:50%;width:4px;height:4px}.code-file>span:last-child{color:#a5b196;letter-spacing:.5px;margin-left:auto;font-size:8px}pre{font:11px/1.9 var(--mono);tab-size:2;white-space:pre;margin:0;padding:9px 21px 21px;overflow:auto}.code-body pre{scrollbar-width:thin;scrollbar-color:#616d52 transparent;max-height:230px}.syntax-keyword{color:#cfb3df}.syntax-string{color:#c5d7a3}.syntax-number{color:#e2b891}.api-panel{padding:20px;overflow-x:auto}.api-title{align-items:center;gap:18px;margin-bottom:20px;display:flex}.api-title>code{color:#d0dfb5;font-size:13px}.api-title>span{color:#adb8a3;font-size:10px}.api-panel table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.api-panel th{color:#adb8a3;font-weight:500}.api-panel td,.api-panel th{vertical-align:top;border-bottom:1px solid #414839;padding:10px 13px 10px 0}.api-panel td>code{font-size:10px}.api-panel p{color:#adb8a3;margin-top:20px;font-size:10px;line-height:1.7}.main-footer{color:#7b8371;justify-content:space-between;align-items:center;gap:15px;padding:23px 0;font-size:9px;display:flex}.main-footer>span{align-items:center;gap:7px;display:flex}.footer-dot{background:#798b66;border-radius:50%;width:4px;height:4px}.main-footer button{color:#626f56;align-items:center;gap:7px;padding:0;font-size:9px;display:flex}.demo-surface{color:#292e26;background:#fcfcf7;border:1px solid #fff9;box-shadow:0 14px 32px #132d9a33,0 2px 4px #18319014}.demo-surface h2{font-family:var(--serif);font-weight:400}.demo-button{color:#f2f5e9;background:#283024;border-radius:4px;justify-content:space-between;align-items:center;gap:22px;padding:12px 15px;font-size:11px;display:inline-flex}.demo-button:hover{background:#46513c}.text-link{align-items:center;gap:18px;padding:0;font-size:11px;display:inline-flex}.resize-scene{width:300px;max-width:100%}.note-card{color:#282f24;background:#fcfcf7;border-radius:7px;width:100%;box-shadow:0 12px 20px #122a9433,0 1px 2px #172a9226}.note-button{text-align:left;width:100%;padding:22px 24px 0;display:block}.note-topline{align-items:center;gap:8px;display:flex}.note-icon{color:#61714b;background:#eef0e5;border-radius:4px;padding:7px;display:flex}.note-topline .micro{color:#7b866c;letter-spacing:.7px;margin-left:3px;font-size:7px}.note-topline>svg{color:#7d896c;margin-left:auto}.note-button h2{font-family:var(--serif);letter-spacing:-.25px;margin-top:20px;font-size:34px;font-weight:400;line-height:.99}.note-button>p{color:#838a78;margin-top:11px;font-size:9px}.note-bottom{color:#748064;border-top:1px solid #e6e9dc;align-items:center;gap:6px;margin-top:22px;padding:12px 0;font-size:7px;display:flex}.note-bottom>svg{margin-left:auto}.note-dot{background:#a3b08c;border-radius:50%;width:4px;height:4px}.note-rule{background:#b3bf9d;width:25px;height:1px;margin:17px 0 11px}.note-expanded>p{color:#616f53;font-size:10px;line-height:1.8}.note-check{color:#7c876e;align-items:center;gap:6px;margin-top:13px;font-size:8px;display:flex}.note-check>span{color:#6a7956;border:1px solid #bac5a8;border-radius:2px;display:flex}.accordion-demo{border-radius:8px;width:350px;padding:22px}.accordion-demo>.micro{color:#778565;margin-bottom:15px;font-size:8px;display:block}.accordion-item{border-top:1px solid #e4e8dc}.accordion-item button{text-align:left;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:16px 0;font-size:11px;display:flex}.accordion-item p{color:#748168;padding:0 24px 16px 0;font-size:10px;line-height:1.8}.mini-app{border-radius:7px;width:390px;height:270px;position:relative;overflow:hidden}.mini-app-bar{border-bottom:1px solid #e3e8da;justify-content:space-between;align-items:center;height:44px;padding:0 19px;display:flex}.mini-app-bar .micro{color:#7d8a6d;font-size:8px}.mini-app-bar button{padding:4px}.mini-app-body{padding:22px}.mini-stamp{color:#5b7046;font-family:var(--serif);font-size:28px}.mini-app-body h2{margin:10px 0 19px;font-size:32px;line-height:1}.side-panel{background:#edf1e4;border-left:1px solid #d3dcc5;width:195px;padding:16px;position:absolute;top:44px;bottom:0;right:0;box-shadow:-8px 0 20px #384b2f0d}.side-panel-title{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:12px;display:flex}.side-panel .micro{color:#7a886a;margin-top:12px;font-size:7px;display:block}.side-panel p{margin-top:5px;font-size:10px}.status-dot{background:#728b52;border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.page-demo{border-radius:8px;width:320px;overflow:hidden}.page-swap{text-align:center;width:100%}.page-content{flex-direction:column;gap:13px;padding:25px 20px;display:flex}.page-content .serif{font-size:29px}.page-content .muted{font-size:9px}.page-symbol{color:#758854;font-size:48px;line-height:1}.page-demo>.text-link{border-top:1px solid #e4e8dc;justify-content:space-between;padding:16px 20px;display:flex}.number-demo{border-radius:8px;width:320px;padding:30px}.number-demo .micro{color:#7b866c;font-size:8px}.number-value{font-family:var(--serif);letter-spacing:-1.5px;margin-top:18px;font-size:57px}.number-trend{color:#7b8a63;align-items:center;gap:5px;margin-top:8px;font-size:10px;display:flex}.number-demo .demo-button{width:100%;margin-top:26px}.centered-demo{flex-direction:column;align-items:center;gap:26px;display:flex}.stage-caption{color:#d7dfff;font-size:11px}.bell-button{color:#303b29;background:#fcfcf7;border-radius:24px;width:92px;height:92px;position:relative;box-shadow:0 10px 30px #0f288733}.notification-badge{color:#45512d;border:4px solid var(--blue);background:#e4f0af;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex;position:absolute;top:-4px;right:-4px}.status-card{border-radius:8px;align-items:center;gap:13px;padding:24px;display:flex}.large-status-dot{background:#cbb178;border-radius:50%;width:8px;height:8px}.large-status-dot.is-saved{background:#7c9b63}.status-message{font-size:13px}.status-card>svg{color:#a0a88f;margin-left:15px}.success-demo{border-radius:10px;flex-direction:column;align-items:center;width:260px;padding:30px 25px;display:flex}.success-ring{color:#728654;background:#f3f5ed;border:1px solid #d6decb;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:18px;display:flex}.success-demo.is-done .success-ring{background:#e5edcd;border-color:#e5edcd}.success-demo .serif{font-size:31px}.success-demo .muted{margin-top:10px;font-size:9px}.invite-demo{border-radius:8px;width:310px;padding:26px}.invite-demo .micro{color:#7b8868;font-size:8px}.invite-demo h2{margin:10px 0 24px;font-size:34px}.invite-demo label{color:#6b775b;margin-bottom:7px;font-size:9px;display:block}.invite-demo input{outline-offset:2px;background:#fff;border:1px solid #d9dfcf;border-radius:4px;width:100%;padding:11px;font-size:11px}.invite-demo input[aria-invalid=true]{background:#fff8f5;border-color:#b65e50}.validation-space{align-items:center;height:31px;font-size:8px;display:flex}.error-text{color:#a64c42}.success-text{color:#647b48}.invite-demo .demo-button{width:100%}.toast-demo{flex-direction:column;align-items:center;width:100%;display:flex}.toast-demo>.demo-button{color:#334127;background:#f8f9ef;margin-top:40px}.toast-slot{justify-content:center;width:100%;height:110px;padding-top:28px;display:flex}.toast-message{color:var(--ink);background:#fcfcf7;border-radius:7px;align-self:flex-start;align-items:center;gap:12px;padding:17px 18px;display:flex;box-shadow:0 12px 26px #13278f44}.toast-check{color:#71824f;background:#e6edd7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast-message strong{font-size:11px;font-weight:500}.toast-message small{color:#7f8a6e;margin-top:4px;font-size:9px;display:block}.toast-message button{color:#8d9780;margin-left:12px}.profile-demo{border-radius:9px;width:330px}.profile-content{padding:28px 23px}.profile-loaded{align-items:center;gap:16px;display:flex}.profile-avatar{width:54px;height:54px;font-family:var(--serif);color:#667444;background:#e7ebca;border-radius:50%;justify-content:center;align-items:center;font-size:27px;display:flex}.profile-loaded strong{font-size:13px;font-weight:500}.profile-loaded p{color:#7d886c;margin-top:7px;font-size:10px}.profile-lines{flex-direction:column;gap:12px;display:flex}.profile-footer{border-top:1px solid #e3e8da;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.profile-footer .micro{color:#7a8769;font-size:7px}.dropdown-demo{width:240px;min-height:237px;padding-top:10px;position:relative}.dropdown-trigger{color:#34412a;background:#fcfcf7;border-radius:5px;justify-content:space-between;width:100%;padding:14px 16px;font-size:12px;display:flex}.dropdown-menu{color:#34412a;background:#fcfcf7;border-radius:5px;margin-top:8px;padding:8px;box-shadow:0 14px 26px #13258b33}.dropdown-menu .micro{color:#849275;padding:7px 8px 10px;font-size:7px;display:block}.dropdown-menu>button{border-radius:3px;align-items:center;gap:9px;width:100%;padding:12px 8px;font-size:10px;display:flex}.dropdown-menu>button:hover{background:#edf1e3}.dropdown-menu>button>span{font:8px var(--mono);color:#99a18d;margin-left:auto}.dropdown-result{text-align:center;color:#d9e0ff;margin-top:16px;font-size:10px;display:block}dialog{border:0}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a211db3}.demo-dialog{width:min(360px,100vw - 32px);color:var(--ink);background:0 0;padding:0;overflow:visible}.demo-dialog-content{background:var(--paper);border-radius:10px;padding:30px;position:relative;box-shadow:0 25px 80px #10160c33}.demo-dialog .micro{color:#71825d;font-size:9px}.dialog-close{width:28px;height:28px;position:absolute;top:18px;right:18px}.dialog-flower{color:#81945c;margin-top:22px;font-size:58px;display:block}.demo-dialog h2{font-family:var(--serif);margin-top:14px;font-size:47px;font-weight:400;line-height:1}.demo-dialog p{color:#77816b;margin:18px 0 26px;font-size:11px;line-height:1.9}.demo-dialog .demo-button{width:100%}.tabs-demo{flex-direction:column;align-items:center;gap:28px;display:flex}.sliding-tabs{background:#243ec5;border:1px solid #6a7fea;border-radius:8px;width:304px;padding:5px;display:flex;position:relative}.sliding-highlight{width:calc(33.3333% - 3.33333px);transition:transform var(--jones-duration) var(--jones-easing);background:#f6f9ed;border-radius:4px;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 2px 4px #152d9c26}.sliding-tabs>button{z-index:1;color:#d4ddff;flex:1;padding:12px 6px;font-size:11px;position:relative}.sliding-tabs>button[aria-pressed=true]{color:#3c4c30}.tooltip-demo{position:relative}.tooltip-trigger{color:#526741;background:#fcfcf7;border-radius:18px;width:75px;height:75px;box-shadow:0 10px 20px #19329b33}.tooltip-bubble{white-space:nowrap;color:#f4f6ed;background:#263320;border-radius:5px;padding:10px 13px;font-size:10px;position:absolute;bottom:calc(100% + 14px);left:50%;translate:-50%}.tooltip-bubble:after{content:"";border:4px solid #0000;border-top-color:#263320;position:absolute;top:100%;left:calc(50% - 4px)}.icon-swap-button{color:#596f3c;background:#e9eec2;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:flex;box-shadow:0 12px 23px #0b258e33}.checkbox-demo{cursor:pointer;border-radius:8px;align-items:center;gap:15px;padding:27px;display:flex;position:relative}.checkbox-demo>input{opacity:0;width:26px;height:26px;position:absolute}.custom-checkbox{color:#5c7541;background:#f5f7ee;border:1px solid #abb997;border-radius:4px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.checkbox-demo input:checked+.custom-checkbox{background:#e1eacb}.checkbox-demo input:focus-visible+.custom-checkbox{outline:2px solid var(--blue);outline-offset:3px}.checkbox-demo strong{font-size:12px;font-weight:500;display:block}.checkbox-demo small{color:#7f8d6d;margin-top:5px;font-size:10px;display:block}.toggle-demo{border-radius:9px;align-items:center;gap:28px;padding:27px;display:flex}.toggle-demo .micro{color:#808d71;font-size:7px}.toggle-demo h2{margin:7px 0;font-size:29px}.toggle-demo p{color:#7b896a;font-size:9px}.demo-switch{background:#d6ddc8;border-radius:20px;width:52px;height:29px;padding:4px}.demo-switch>span{width:21px;height:21px;transition:transform var(--jones-duration) var(--jones-easing);background:#fcfff8;border-radius:50%;display:block;box-shadow:0 2px 3px #45563326}.demo-switch[aria-checked=true]{background:#738954}.demo-switch[aria-checked=true]>span{transform:translate(23px)}.list-demo{flex-direction:column;gap:10px;width:330px;display:flex}.list-demo-item{color:#37472c;background:#fbfcf5;border-radius:6px;align-items:center;gap:16px;padding:21px 20px;font-size:11px;display:flex;box-shadow:0 5px 15px #142b8d26}.list-demo-item>span{font:9px var(--mono);color:#8d9b7a}.list-demo-item>svg{color:#8c9a79;margin-left:auto}.text-reveal-demo{width:370px}.text-reveal-demo>.micro{color:#c5d1ff;letter-spacing:1.4px;margin-bottom:22px;font-size:8px;display:block}.text-reveal-demo h2{font-family:var(--serif);letter-spacing:-1px;font-size:60px;font-weight:400;line-height:1.05}.text-reveal-demo .text-reveal-rule{background:#97a7f7;width:43px;height:1px;margin-top:28px;display:block}.membership-card{color:#3d502d;background:#e7edac;border-radius:10px;width:315px;padding:25px;box-shadow:0 14px 28px #09248444}.membership-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.membership-card .micro{letter-spacing:1.5px;font-size:8px}.membership-symbol{float:right;margin-top:22px;font-size:69px}.membership-card h2{font-family:var(--serif);margin-top:38px;font-size:38px;font-weight:400;line-height:1.03}.membership-bottom{font:7px var(--mono);border-top:1px solid #baca85;justify-content:space-between;margin-top:28px;padding-top:14px;display:flex}.like-demo{color:#9aab82;border-radius:10px;flex-direction:column;align-items:center;gap:24px;width:260px;padding:30px;display:flex}.like-demo>span{color:#6d7e59;align-items:center;gap:5px;font-size:10px;display:flex}.like-demo.is-liked>div{color:#c9756c}.avatars-demo{flex-direction:column;align-items:center;gap:38px;display:flex}.avatar-row{padding-right:10px;display:flex}.avatar{width:76px;height:76px;font-family:var(--serif);border:3px solid var(--blue);color:#525b44;transition:transform var(--jones-duration) var(--jones-easing);border-radius:50%;justify-content:center;align-items:center;margin-right:-10px;padding-bottom:5px;font-size:40px;display:flex;position:relative}.avatar-eye{background:#647151;border-radius:50%;width:3px;height:3px;position:absolute;bottom:21px;right:20px}.spinner-demo{text-align:left;border-radius:9px;align-items:center;gap:18px;padding:25px;display:flex}.spinner-demo strong{font-size:12px;font-weight:500;display:block}.spinner-demo small{color:#7c8b6a;margin-top:7px;font-size:9px;display:block}.demo-spinner{border:2px solid #e0e7d1;border-top-color:#839a5e;border-radius:50%;width:30px;height:30px;animation:1s linear infinite demo-spin;display:block}.demo-spinner[data-reduced=true]{animation:none}.spinner-done{color:#7f965b;width:30px;height:30px;display:block}@keyframes demo-spin{to{transform:rotate(360deg)}}.docs-dialog{background:var(--paper);width:min(700px,100vw - 32px);max-height:88vh;color:var(--ink);border-radius:10px;padding:0}.docs-content{padding:45px;position:relative}.docs-close{position:absolute;top:22px;right:22px}.docs-content>.eyebrow{color:#73805f;font-size:9px}.docs-content h2{font:58px/.96 var(--serif);letter-spacing:-.8px;margin:23px 0}.docs-intro{color:#6d7a5e;max-width:380px;margin-bottom:33px;font-size:13px;line-height:1.8}.docs-content h3{font:10px var(--mono);color:#606f51;margin:28px 0 11px}.docs-content h3+p{color:#788569;font-size:11px;line-height:1.8}.docs-command{background:#e9eddf;border:1px solid #d8e0ca;border-radius:4px;align-items:center;gap:15px;margin-top:12px;padding:15px;display:flex}.docs-command code{white-space:nowrap;flex:1;font-size:10px;overflow-x:auto}.docs-command .copy-button{color:#5f704d;flex-shrink:0}.docs-content>pre{color:#e4e8dc;background:#262d25;border-radius:5px;margin-top:15px;padding:20px;font-size:10px}.docs-notes{border-top:1px solid var(--line);margin-top:28px}.docs-notes>div{margin-top:22px}.docs-notes strong{font-size:12px;font-weight:500}.docs-notes p{color:#76836a;margin-top:7px;font-size:11px;line-height:1.8}.mobile-nav-dialog{background:var(--paper);width:min(330px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;margin:0;padding:22px 20px 0}.mobile-nav-dialog[open]{flex-direction:column;display:flex}.mobile-nav-heading{justify-content:space-between;align-items:center;margin-bottom:31px;display:flex}.mobile-nav-dialog .nav-item{min-height:40px;font-size:13px}.mobile-nav-dialog .sidebar-top .eyebrow{font-size:10px}.mobile-nav-dialog .search-field{height:42px}.mobile-nav-dialog .search-field input{font-size:13px}.mobile-nav-dialog .nav-group h2{font-size:11px}.mobile-nav-dialog .nav-number{font-size:10px}.page-heading p{color:#606b56;font-size:14px}.nav-group h2{color:#627054;font-size:11px}.search-field input{font-size:12px}.sidebar-footer,.sidebar-footer small,.inspector-heading .eyebrow{font-size:10px}.control-label output,.easing-select select{font-size:11px}.easing-graph>span{color:#5a694c;font-size:10px}.reduce-control{font-size:12px}.inspector-bottom>p{color:#68755b;font-size:10px}.reset-button{font-size:11px}.playback-hint{color:#647356;font-size:11px}.replay-button{font-size:12px}.stage-topline{color:#d1d9ff;font-size:9px}.note-topline .micro{color:#64744f;font-size:9px}.note-button>p{color:#6a7958;font-size:11px}.note-bottom{color:#5e704b;font-size:9px}.note-button h2{font-size:38px}.note-expanded>p{font-size:12px}.note-check{font-size:10px}.code-tabs button{font-size:12px}.code-toolbar>.copy-button{font-size:11px}.code-file{font-size:10px}.code-body pre{max-height:none;font-size:12px}.code-body.code-expanded pre{max-height:400px}.expand-code{color:#cedabe;text-align:left;border-top:1px solid #3f4936;align-items:center;gap:8px;width:100%;padding:12px 21px;font-size:10px;display:flex}.expand-code>span{color:#aebb9e;margin-left:auto;font-size:9px}.main-footer,.main-footer button{color:#667557;font-size:10px}.implementation-heading h2{font-size:14px}.implementation-heading>span{color:#667557;font-size:11px}.nav-number,.is-active .nav-number,.breadcrumb-root,.edition-label,.title-index,.control-label output>span,.inspector-bottom>p,.reset-button,.section-number,.implementation-heading>span,.main-footer,.main-footer button{color:#5f704f}.stage-topline,.stage-caption,.dropdown-result,.text-reveal-demo>.micro{color:#e1e6ff}.range-control.is-inapplicable{opacity:.55}.range-control.is-inapplicable input{cursor:default}.demo-surface .micro,.note-card .micro,.demo-dialog .micro,.note-button>p,.note-bottom,.note-check,.accordion-item p,.mini-app-bar .micro,.side-panel .micro,.number-trend,.toast-message small,.profile-loaded p,.profile-footer .micro,.dropdown-menu .micro,.dropdown-menu>button>span,.demo-dialog p,.checkbox-demo small,.toggle-demo p,.list-demo-item>span,.spinner-demo small,.like-demo>span{color:#5f714b}.is-active .nav-number{color:#536543}.resize-scene{width:340px}.note-button{padding:26px 28px 0}.note-button h2{margin-top:22px;font-size:43px}.note-button>p{font-size:12px;line-height:1.6}.note-topline .micro{font-size:10px}.note-bottom{padding:15px 0;font-size:11px}.stage{height:445px}.code-section{color:#36442c;background:#f0f2e9;border-color:#d7ddcc}.code-toolbar{background:#f0f2e9;border-color:#d7ddcc}.code-tabs button,.code-toolbar>.copy-button{color:#61714f}.code-tabs button[aria-selected=true]{color:#283a20}.code-tabs button[aria-selected=true]:after{background:#526943}.code-file,.code-file>span:last-child{color:#5c6f4a}.code-section .syntax-keyword{color:#80547b}.code-section .syntax-string{color:#526b3d}.code-section .syntax-number{color:#805333}.code-body pre{font-size:13px}.expand-code{color:#526743;border-color:#d7ddcc;font-size:12px}.expand-code>span{color:#5d714b;font-size:11px}.code-section button:focus-visible,.code-section [tabindex="0"]:focus-visible{outline-color:var(--blue)}.api-title>code{color:#3e5930}.api-title>span,.api-panel th,.api-panel p{color:#5c6f4a}.api-panel td,.api-panel th{border-color:#d7ddcc}.sidebar-footer>svg:first-child{margin:0 5px 0 0}.docs-content>.eyebrow,.docs-intro,.docs-content h3+p,.docs-notes p{color:#5f704f}@media (width>=1600px){.main-content{padding-left:65px;padding-right:65px}.workbench{grid-template-columns:minmax(0,1fr) 255px}.stage{height:460px}.note-card,.resize-scene{width:320px}.note-button{padding:26px 27px 0}.note-button h2{font-size:39px}}@media (width<=1180px){.desktop-sidebar{width:218px;padding-left:12px;padding-right:12px}.main-content{margin-left:218px;padding-left:27px;padding-right:27px}.workbench{grid-template-columns:minmax(0,1fr) 200px}.inspector{padding-left:16px;padding-right:16px}.easing-graph{gap:7px;padding-left:7px;padding-right:7px}.easing-graph svg{width:65px}.playback-hint{display:none}.speed-select{margin-left:auto}.demo-mount{padding-left:25px;padding-right:25px}.edition-label{font-size:8px}.text-reveal-demo h2{font-size:49px}}@media (width<=860px){.desktop-sidebar{display:none}.mobile-nav-button{border:0;width:32px;height:32px;margin-right:13px;display:flex}.site-header{justify-content:flex-start;height:72px;padding:0 23px}.header-right{gap:18px;margin-left:auto}.brand{gap:9px}.wordmark{font-size:34px}.brand-product{font-size:12px}.jones-mark{width:18px}.brand-slash{margin:0 1px 0 3px}.version-badge{display:none}.main-content{margin-left:0;padding:27px 25px 0}.workbench{grid-template-columns:minmax(0,1fr) 215px}.page-heading{margin-top:24px}.title-line h1{font-size:55px}.stage{height:405px}.inspector-heading{margin-bottom:23px}}@media (width<=620px){.site-header{height:66px;padding:0 16px 0 10px}.mobile-nav-button{margin-right:5px}.brand{gap:7px}.brand-product{font-size:11px}.brand-slash{font-size:19px}.jones-mark{display:none}.wordmark{font-size:34px}.get-sdk{gap:8px;height:33px;padding:0 11px;font-size:10px}.main-content{padding:26px 18px 0}.edition-label{display:none}.page-heading{align-items:flex-start;gap:7px;margin:23px 0}.title-line h1{font-size:clamp(36px,10vw,48px);line-height:1.05}.title-line{gap:8px}.title-index{font-size:8px}.page-heading p{max-width:280px;margin-top:13px;font-size:11px;line-height:1.8}.pager{gap:3px;margin-top:6px}.pager .icon-button{width:27px;height:27px}.pager .icon-button svg{width:14px}.workbench{flex-direction:column;display:flex}.stage{height:391px}.stage-topline{font-size:7px;top:20px;left:19px;right:19px}.stage-corner{display:none}.demo-mount{padding:61px 25px 36px}.resize-scene{width:270px}.note-button{padding:19px 20px 0}.note-button h2{margin-top:18px;font-size:33px}.note-topline .micro{font-size:9px}.note-bottom{margin-top:18px}.playback-bar{min-height:54px;padding:0 16px}.playback-hint{font-size:10px;display:block}.replay-button{font-size:10px}.replay-button kbd{display:none}.inspector{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:25px;padding:22px 20px;display:grid}.inspector-heading{grid-column:1/-1;margin-bottom:0}.range-control{margin-bottom:0}.easing-control{grid-area:2/2;align-self:start;margin:0}.easing-graph{display:none}.easing-select select{padding-top:4px;padding-bottom:4px}.easing-select svg{top:6px}.control-label{margin-bottom:15px}.inspector-bottom{grid-column:1/-1;grid-template-columns:1fr auto;column-gap:20px;margin:0;display:grid}.inspector-bottom .reduce-control{grid-row:1}.inspector-bottom p{grid-row:2}.reset-button{grid-area:1/2/3;align-self:center;margin:0}.implementation-heading{margin-top:28px}.implementation-heading>span{display:none}.code-toolbar{padding:0 14px}.code-tabs{gap:17px}.code-tabs button{font-size:11px}.copy-button{font-size:8px}.code-file{padding:15px 15px 8px;font-size:10px}.code-file>span:last-child{font-size:7px}pre,.code-body pre{padding-left:15px;padding-right:15px;font-size:10px}.expand-code{padding:12px 15px}.expand-code>span{display:none}.main-footer{padding-bottom:28px;font-size:8px;line-height:1.7;display:block}.main-footer button{margin-top:13px;font-size:8px}.docs-content{padding:35px 24px}.docs-content h2{font-size:49px}.docs-content .eyebrow{font-size:8px}.docs-command{gap:10px;padding:11px}.docs-command code{font-size:9px}.text-reveal-demo h2{font-size:43px}.status-card{gap:10px;padding:20px 14px}.status-message{font-size:11px}.status-card>svg{margin-left:2px}.toggle-demo{gap:15px;padding:23px 20px}.checkbox-demo{gap:10px;padding:22px 16px}.checkbox-demo strong{font-size:10px}.checkbox-demo small{font-size:8px}.toast-message{gap:8px;padding:14px 12px}.toast-message strong{font-size:9px}.toast-message small{font-size:8px}.toast-message button{margin-left:0}.sliding-tabs{width:276px}.membership-card{width:275px;padding:22px}.membership-card h2{font-size:33px}.membership-symbol{font-size:62px}.membership-bottom{font-size:6px}.avatar{width:65px;height:65px;font-size:35px}.avatar-eye{bottom:18px;right:16px}.list-demo-item{gap:12px;padding:20px 14px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}}.search-field{flex-shrink:0;margin-bottom:12px}.library-filter{gap:5px;padding:0 8px 20px;display:flex}.library-filter button{color:#5d6852;border-radius:5px;flex:1;justify-content:space-between;align-items:center;gap:15px;min-height:35px;padding:0 12px;font-size:12px;display:flex}.library-filter button[aria-pressed=true]{color:#283122;background:#e4e8da}.library-filter button span{font:10px var(--mono)}.sidebar-top .eyebrow,.inspector-heading .eyebrow{letter-spacing:0;color:#46503e;font-family:DM Sans Variable,sans-serif;font-size:13px;font-weight:500}.nav-number{display:none}.nav-item{min-height:38px;font-size:14px}.nav-group h2{margin-bottom:9px;font-size:12px}.search-field input,.library-filter button{font-size:13px}.search-field{height:40px}.sidebar-footer,.sidebar-footer small{font-size:11px}.page-overline{font-size:12px}.control-label,.easing-control>label{font-size:13px}.control-label output{font-size:12px}.range-control.is-inapplicable{opacity:1;color:#6b765f;margin-bottom:13px}.range-control.is-inapplicable input{display:none}.range-control.is-inapplicable .control-label{margin-bottom:0}.range-control.is-inapplicable output{font:11px DM Sans Variable,sans-serif}.easing-select select,.reduce-control,.reset-button{font-size:12px}.inspector-bottom>p{font-size:11px}.easing-graph{background:0 0;border:0;padding-left:0}.easing-graph svg{width:92px;height:64px}.easing-graph>span,.replay-button{font-size:12px}.speed-select{margin-left:auto}.speed-select select{font-size:12px}.get-sdk{font-size:13px}.stage-topline>span:last-child{display:none}.preview-section:has(.stage-action) .playback-hint{display:none}.code-body:not(.code-expanded) .code-file{display:none}.code-body:not(.code-expanded) pre{padding-top:20px;padding-bottom:20px}.expand-code{font-size:12px}.expand-code>span{display:none}.main-footer,.main-footer button{font-size:11px}.stage-action{color:#f2f3ff;align-items:center;gap:9px;width:100%;min-height:46px;padding:14px 2px 0;font-size:13px;display:flex}.stage-action>span:last-child{font:9px var(--mono);letter-spacing:.5px;color:#dbe2ff;margin-left:auto}.flip-scene{width:min(100%,370px)}.postcard{width:100%}.postcard-front,.postcard-back{text-align:left;border-radius:5px;height:238px;position:relative;overflow:hidden;box-shadow:0 8px 24px #18319028}.postcard-front{color:#303d2c;background:#e9eda9;padding:22px 26px}.postcard-back{color:#333d30;background:#faf7ec;padding:22px 26px}.postcard-caption{font:9px var(--mono);letter-spacing:.7px;z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.postcard h2{font:56px/.98 var(--serif);letter-spacing:-.6px;z-index:1;margin-top:27px;position:relative}.postcard h2 em,.art-print h2 em,.topics-card h2 em{font-style:normal}.postcard-route{color:#74814c;width:128px;height:169px;position:absolute;bottom:0;right:-4px}.postcard-footer{font:8px var(--mono);letter-spacing:.55px;position:absolute;bottom:21px;left:26px}.postcard-back h2{margin-top:17px;font-size:35px;line-height:1.02}.postcard-signature{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:17px;left:26px;right:26px}.postcard-signature>span:first-child{color:#627057;font-size:10px}.postcard-signature .wordmark{font-size:30px}.print-scene{width:min(100%,265px)}.print-frame{background:#faf7ec;padding:9px;position:relative;box-shadow:0 10px 25px #18319040}.print-covered{color:#c0c9a0;background:#414d3c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:9px}.print-covered>span{font:85px var(--serif)}.print-covered small{font:7px var(--mono);letter-spacing:1px}.art-print{color:#2f3d36;background:#ebeba9;height:255px;padding:16px 17px;position:relative;overflow:hidden}.print-caption{font:7px var(--mono);letter-spacing:.5px;justify-content:space-between;display:flex}.art-print h2{z-index:1;font:47px/.93 var(--serif);letter-spacing:-1px;margin-top:18px;position:relative}.print-art{width:100%;position:absolute;bottom:0;left:0}.reading-scene{width:min(100%,355px)}.reading-heading{justify-content:space-between;align-items:baseline;margin:0 0 17px;display:flex}.reading-heading h2{font:28px var(--serif);color:#f6f5e9}.reading-heading>span{font:9px var(--mono);color:#dbe2ff}.reading-list{gap:8px;display:grid}.reading-book{height:69px;color:var(--ink);background:#fbfaf3;border-radius:4px;align-items:center;gap:14px;padding:10px 15px 10px 11px;display:flex;box-shadow:0 2px 3px #2033931a}.book-spine{border-left:3px solid #303e2e25;border-radius:1px 3px 3px 1px;flex-shrink:0;place-items:center;width:33px;height:47px;display:grid;box-shadow:1px 1px #27382830}.book-spine span{font:26px var(--serif)}.reading-book strong{font-size:13px;font-weight:550;display:block}.reading-book small{color:#68725f;margin-top:4px;font-size:11px;display:block}.book-pages{font:12px var(--mono);text-align:right;margin-left:auto}.book-pages small{font-family:DM Sans Variable,sans-serif;font-size:9px}.topics-card{border-radius:9px;width:min(100%,340px);padding:25px}.topics-heading,.progress-heading,.steps-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.topics-heading>span:last-child,.steps-heading>span:last-child{font:10px var(--mono);white-space:nowrap;color:#67745a}.topics-heading .micro,.progress-heading .micro,.steps-heading .micro{letter-spacing:.8px;font-size:8px}.topics-card h2{margin:21px 0 22px;font-size:40px;line-height:1.05}.topic-chips{flex-wrap:wrap;gap:8px;display:flex}.topic-chips button{color:#4a573e;background:#eef0e5;border:1px solid #dde1d2;border-radius:4px;align-items:center;gap:9px;padding:9px 10px;font-size:11px;display:flex}.topic-chips button:hover{background:#e2e7d3}.topics-footer{color:#626f57;border-top:1px solid #e0e4d6;justify-content:space-between;align-items:center;gap:8px;margin-top:22px;padding-top:13px;font-size:10px;display:flex}.topics-footer button{align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.topics-footer button[aria-disabled=true]{opacity:.5;cursor:default}.topics-empty{color:#65715b;padding-bottom:8px;font-size:12px;line-height:1.7}.progress-card{border-radius:9px;width:min(100%,340px);padding:25px 28px}.progress-heading{color:#69785a}.progress-card h2{margin-top:23px;font-size:28px}.progress-total{font:67px/1 var(--serif);letter-spacing:-2px;align-items:baseline;margin:17px 0 21px;display:flex}.progress-total>span:nth-child(2){color:#748166;margin-left:5px;font-size:30px}.progress-complete{color:#5d7340;margin-left:auto}.collection-progress{color:#748651;height:7px}.progress-milestones{color:#617253;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.progress-next{border-top:1px solid #e0e4d6;justify-content:space-between;align-items:center;width:100%;margin-top:23px;padding:16px 0 0;font-size:12px;display:flex}.search-scene{width:min(100%,310px);min-height:310px}.search-scene h2{font:31px var(--serif);text-align:center;margin-bottom:25px}.search-scene-content{text-align:center;min-height:211px}.search-resize{vertical-align:top;border-radius:28px}.search-capsule{width:56px;height:56px;color:var(--ink);background:#fbfaf3;border-radius:28px;display:flex;overflow:hidden}.search-capsule[data-open=true]{width:270px}.search-capsule button{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.search-capsule input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0 18px 0 0;font-size:13px}.search-capsule input:focus-visible{outline:none}.search-capsule:focus-within{box-shadow:inset 0 0 0 2px #dce39a}.note-search-results{width:270px;color:var(--ink);text-align:left;background:#fbfaf3;border-radius:7px;margin:10px auto 0;padding:12px 14px}.note-search-results>.micro{color:#6b755f;margin-bottom:5px;font-size:8px;display:block}.note-search-results button{text-align:left;align-items:center;gap:9px;width:100%;min-height:34px;padding:6px 0;font-size:11px;display:flex}.note-search-results button svg:last-child{color:#738163;margin-left:auto}.note-search-results p{overflow-wrap:anywhere;padding:10px 0;font-size:12px;line-height:1.7}.search-selection{color:#e0e6ff;text-align:center;min-height:28px;font-size:11px;line-height:1.6}.steps-card{border-radius:9px;width:min(100%,340px);padding:24px}.steps-heading{margin-bottom:17px}.steps-card>.jones-progress{color:#748651;height:3px}.step-content{padding:22px 0 25px}.step-content h2{margin-bottom:15px;font-size:34px;line-height:1.05}.step-content label{color:#67735d;margin-bottom:8px;font-size:11px;display:block}.step-content input{width:100%;color:var(--ink);background:#f6f7ef;border:1px solid #d4dbc7;border-radius:5px;padding:12px;font-size:13px}.step-content p{color:#637159;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.cover-colors{gap:10px;margin-top:18px;display:flex}.cover-colors button{background:var(--cover-color);border-left:4px solid #29372720;border-radius:3px 7px 7px 3px;width:53px;height:60px}.cover-colors button[aria-pressed=true]{outline-offset:3px;outline:1px solid #69785a}.step-actions{border-top:1px solid #dde1d2;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.step-actions button{align-items:center;gap:8px;padding:5px 0;font-size:12px;display:flex}.collection-cover{color:#4a5e34;border-left:3px solid #303e2e25;border-radius:2px 5px 5px 2px;place-items:center;width:45px;height:53px;margin-bottom:13px;display:grid}.sheet-trigger-scene{text-align:center;width:min(100%,310px)}.sheet-note{color:#596840;background:#e6eaa5;border-left:6px solid #a8b479;border-radius:3px 8px 8px 3px;place-items:center;width:66px;height:78px;margin:0 auto 24px;display:grid;box-shadow:7px 9px #233eae}.sheet-collection h2{font:36px var(--serif)}.sheet-collection p{color:#dfe5ff;margin:11px 0 23px;font-size:12px}.sheet-trigger-scene>p{color:#dfe5ff;min-height:18px;margin-top:17px;font-size:11px}.sheet-trigger-scene .demo-button{margin:auto}.bottom-sheet-dialog{width:min(480px,100%);max-width:100%;max-height:90dvh;color:var(--ink);background:0 0;border:0;margin:auto auto 0;padding:0;overflow:visible}.bottom-sheet-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e294966}.bottom-sheet-content{padding:26px 32px max(28px, env(safe-area-inset-bottom));background:#f7f7ef;border-radius:18px 18px 0 0;max-height:90dvh;overflow-y:auto}.sheet-topline{color:#667454;justify-content:space-between;align-items:center;display:flex}.sheet-topline .micro{color:#59694d}.bottom-sheet-content h2{font:46px var(--serif);margin:20px 0 9px}.bottom-sheet-content>p{color:#647357;font-size:13px;line-height:1.6}.sheet-choices{margin:22px 0}.sheet-choices button{text-align:left;border-bottom:1px solid #dfe4d4;align-items:center;gap:15px;width:100%;min-height:56px;font-size:14px;display:flex}.sheet-choices button svg:first-child{color:#697e51}.sheet-choices button svg:last-child{margin-left:auto}.sheet-choices button:hover{background:#edf0e3}.sheet-footnote{color:#6a765f;font-size:11px}@media (width>=1181px){.flip-scene{width:min(100%,440px)}.postcard-front,.postcard-back{height:270px;padding:26px 30px}.postcard h2{margin-top:30px;font-size:64px}.postcard-caption{font-size:10px}.postcard-route{width:148px;height:195px}.postcard-footer{font-size:9px;bottom:24px;left:30px}.postcard-back h2{margin-top:18px;font-size:42px}.postcard-signature{bottom:19px;left:30px;right:30px}.postcard-signature>span:first-child{font-size:12px}}@media (width>=621px) and (width<=1180px){.stage:has(.topics-card){min-height:445px}}@media (width<=620px){.range-control.is-inapplicable{margin-bottom:0}.flip-scene{width:100%}.postcard-front,.postcard-back{height:208px;padding:20px}.postcard h2{margin-top:23px;font-size:46px}.postcard-route{width:103px;height:137px;right:-8px}.postcard-caption{gap:7px;font-size:7px}.postcard-footer{font-size:6px;bottom:18px;left:20px}.postcard-back h2{margin-top:15px;font-size:31px}.postcard-signature{bottom:12px;left:20px;right:20px}.postcard-signature>span:first-child{font-size:8px}.postcard-signature .wordmark{font-size:26px}.stage-action{font-size:11px}.stage-action>span:last-child{font-size:8px}.reading-heading h2{font-size:25px}.reading-book{gap:9px;padding-right:11px}.reading-book strong{font-size:11px}.reading-book small{font-size:9px}.book-pages{font-size:10px}.topics-card{padding:21px}.topics-card h2{margin:17px 0;font-size:35px}.topic-chips{gap:6px}.topic-chips button{gap:6px;padding:8px;font-size:10px}.topics-footer{margin-top:17px}.topics-heading .micro{font-size:7px}.progress-card{padding:21px}.progress-card h2{font-size:26px}.progress-total{margin:16px 0;font-size:57px}.progress-next{margin-top:18px}.search-scene{min-height:290px}.search-scene h2{margin-bottom:20px;font-size:28px}.search-capsule[data-open=true],.note-search-results{width:245px}.search-scene-content{min-height:206px}.steps-card{padding:21px}.step-content{padding:18px 0 20px}.step-content h2{font-size:30px}}@media (width<=360px){.search-capsule[data-open=true],.note-search-results{width:220px}.topics-card{padding:16px}}