.example-stack{display:grid;position:relative;gap:12px;justify-items:center;min-width:0}.example-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.example-block{width:min(100%,330px);min-width:0}.example-chat{display:grid;gap:8px}.example-wide{width:min(100%,520px);min-width:0}.example-sidebar-content{padding:0 12px}.example-checklist{width:min(100%,288px)}.example-accordion{width:min(100%,320px)}.example-composer{width:min(100%,420px)}.example-chat-tile{width:min(100%,300px);display:grid;gap:4px}.example-chat-thread{width:min(100%,568px);display:grid;gap:8px}.example-carousel{display:grid;justify-items:center;gap:12px}.example-carousel-card{display:grid;place-items:center;width:160px;height:160px;border:1px solid color-mix(in oklab,var(--rf-border) 60%,transparent);border-radius:var(--rf-panel-radius);background:var(--rf-bg);overflow:hidden}.site-gallery [data-component=carousel-dots] .example-carousel{width:min(100%,192px)}.site-gallery [data-component=carousel-dots] .example-carousel-card{width:100%;height:64px}.example-carousel-card>span{animation:example-slide-in .22s var(--rf-ease-out)}@keyframes example-slide-in{0%{opacity:0;translate:calc(28px * var(--slide-direction)) 0}}@media(prefers-reduced-motion:reduce){.example-carousel-card>span{animation:none}}.example-scroll{max-height:126px;padding:0 12px;border:1px solid var(--rf-border);border-radius:var(--rf-panel-radius)}.example-surfaces{display:grid;grid-template-columns:repeat(4,1fr)}.example-surfaces>span{padding:12px;text-align:center;border:1px solid var(--rf-border)}.example-note,.example-status{color:var(--rf-muted);font-size:var(--rf-text-body);line-height:var(--rf-leading-body)}.example-status{position:absolute;top:calc(100% + 8px);white-space:nowrap}.example-thinking-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.example-slider{display:grid;gap:32px;width:min(100%,280px);min-width:0}.example-slider-opacity{display:grid;gap:6px}.example-slider-readout{display:flex;justify-content:space-between;color:var(--rf-muted);font-variant-numeric:tabular-nums;font-variation-settings:var(--rf-weight-normal);-webkit-font-smoothing:antialiased}.site-gallery [data-component=slider] .site-preview-stage{padding-inline:24px}.doc-slider-steps,.doc-slider-positions{display:grid;width:min(100%,288px)}.doc-slider-positions{gap:24px}.example-command{width:min(100%,540px);min-width:0}.example-questions{width:min(100%,520px);min-width:0}.example-questions[data-showcase]{width:min(100%,420px)}.site-gallery .example-questions[data-showcase]{align-self:end}.example-inset-sidebar{width:min(100%,600px);min-width:0}.example-workspace-name{display:flex;gap:8px;align-items:center}.example-workspace-name>span{display:grid;place-items:center;width:28px;height:28px;background:var(--rf-neutral-fill);border-radius:6px;font-size:var(--rf-text-caption)}.skill-page{width:100%}.skill-page>section{margin:0 0 40px}.skill-page p{color:var(--rf-muted);font-size:13px;line-height:1.6}.skill-page h2{margin:0 0 8px;font-size:18px;font-weight:600}.skill-page h3{margin:0 0 8px;font-size:15px;font-weight:600}.skill-page>.site-doc-section{gap:8px}.skill-page>.site-doc-section+.site-doc-section{border-top:0;padding-top:0}.skill-page>.site-doc-section>:is(h2,p){margin:0}.skill-timeline{display:grid;gap:16px;margin:4px 0 0;padding:0 0 0 24px;list-style:none}.skill-timeline li{color:var(--rf-muted)}.skill-timeline li:hover strong{color:var(--rf-fg)}.skill-timeline p{margin:2px 0 0}.skill-example{margin:26px 0 0}.skill-demo-shell{border:1px solid var(--rf-border);border-radius:12px;overflow:hidden}.skill-comparison{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:24px 20px 16px;gap:24px}.skill-stage{min-width:0;height:196px;display:flex;align-items:center;justify-content:center}.skill-side{min-width:0}.skill-caption{font-size:11px;color:var(--rf-muted);text-align:center;padding-top:20px}.skill-cursor{position:absolute;top:-3px;left:-3px;pointer-events:none;z-index:10;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .1s}.skill-cursor svg{fill:var(--rf-fg);stroke:var(--rf-bg);stroke-width:1.5;stroke-linejoin:round}.skill-menu{position:relative;width:100%;padding:8px}.skill-menu button{position:relative;z-index:1;display:flex;gap:8px;align-items:center;width:100%;height:36px;border:0;border-radius:var(--rf-radius);padding:0 12px;font:inherit;font-size:13px;color:var(--rf-fg);background:transparent;cursor:pointer}.skill-menu-label{display:inline-grid}.skill-menu-label>span{grid-area:1 / 1}.skill-menu-label>span:last-child{font-weight:600;visibility:hidden}.skill-menu [aria-pressed=true] .skill-menu-label>span:first-child{font-weight:600}.skill-menu small{color:var(--rf-muted);font-size:11px}.skill-check{margin-left:auto;min-width:16px}.skill-menu[data-generic] button:hover{background:var(--rf-hover)}.skill-menu[data-generic] button[aria-pressed=true]{background:var(--rf-active);font-weight:700}.skill-generic-tabs{display:flex}.skill-generic-tabs button{border:0;border-radius:var(--rf-radius);background:transparent;color:var(--rf-muted);height:36px;padding:0 12px;font:inherit;font-size:13px;cursor:pointer}.skill-generic-tabs [aria-selected=true]{background:var(--rf-active);color:var(--rf-fg);font-weight:700}.skill-generic-copy{display:flex;align-items:center;gap:4px;width:100%;min-width:0;border:1px solid var(--rf-border);padding:4px 8px;border-radius:var(--rf-radius)}.skill-generic-copy code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.skill-generic-copy button{border:0;color:var(--rf-muted);background:transparent;cursor:pointer}.skill-stage .rf-input-copy{width:100%}.skill-press{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:256px}.skill-generic-button{border:0;background:var(--rf-fg);color:var(--rf-bg);padding:6px 12px;border-radius:var(--rf-radius);cursor:pointer;font:inherit;font-size:11px;transition:transform .15s}.skill-generic-button[data-wide]{height:36px;width:100%;font-size:13px}.skill-generic-button:active,.skill-generic-button[data-demo-pressed]{transform:scale(.9)}.skill-press .rf-button[data-demo-pressed]:before{inset:1px;box-shadow:none}.skill-playback{display:flex;justify-content:end;gap:8px;padding:6px 10px;border-top:1px solid var(--rf-border)}.skill-playback button{border:0;background:transparent;color:var(--rf-muted);font:inherit;font-size:11px;padding:4px 8px;cursor:pointer}@media(max-width:600px){.skill-comparison{grid-template-columns:1fr;gap:20px}.skill-stage{height:196px}}@media(prefers-reduced-motion:reduce){.skill-cursor{display:none}.skill-generic-button{transition:none}}.skill-menu .rf-hover-highlight{background:var(--rf-hover)}.skill-menu .rf-selection-highlight{background:var(--rf-active)}.system-page{width:100%}.system-section{margin-bottom:40px}.system-section>h2{margin:0 0 8px;font-size:18px;font-weight:600}.system-section>p{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--rf-muted)}.system-toolbar{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--rf-border)}.system-toolbar button{background:transparent;color:var(--rf-muted);font:inherit;font-size:12px;border:0;padding:8px 12px;border-radius:6px;cursor:pointer}.system-toolbar [aria-pressed=true]{color:var(--rf-fg);background:var(--rf-hover)}.system-stage{padding:40px 24px;display:flex;justify-content:center;min-width:0}.system-code{position:relative;padding:20px;overflow:auto}.system-code pre{font-size:12px;line-height:1.7}.system-code>button{float:right}.system-hover-demo{display:grid;justify-items:center;gap:16px;width:min(100%,380px)}.system-hover-list{width:100%;max-height:240px;position:relative;padding:8px}.system-hover-list button{position:relative;z-index:1;width:100%;height:36px;padding:0 12px;border:0;background:transparent;color:var(--rf-fg);text-align:left;font:inherit;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:14px}.system-hover-surface{background:var(--rf-hover)}.system-selection-surface{background:var(--rf-active)}.system-center-dot{width:5px;height:5px;border-radius:50%;background:var(--rf-accent)}.system-hover-metrics{font-size:11px;color:var(--rf-muted)}.system-axes{width:min(100%,420px);display:grid;justify-items:center;gap:18px}.system-axes>.rf-card-group{width:100%}.system-motion-demo{display:grid;gap:20px;width:min(100%,448px)}.system-motion-row{display:grid;gap:6px}.system-motion-row>div{display:flex;align-items:baseline;gap:8px}.system-motion-row code,.system-motion-reference span{font-size:var(--rf-text-micro);color:var(--rf-muted)}.system-motion-row>div>span{margin-inline-start:auto;color:var(--rf-muted);font-size:var(--rf-text-caption)}.system-motion-demo>p{margin:0;text-align:center;font-size:var(--rf-text-caption);color:var(--rf-muted)}.system-motion-track{position:relative;display:block;width:100%;max-width:100%;height:40px;padding:0;border:0;border-radius:999px;background:var(--rf-hover);cursor:pointer}.system-motion-track span{position:absolute;top:4px;left:4px;display:block;width:32px;height:32px;border-radius:inherit;background:var(--rf-fg);transition:left var(--system-motion-curve)}.system-motion-track[data-at-end] span{left:calc(100% - 36px)}.system-motion-reference>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-block:20px}.system-motion-reference>div+div{border-top:1px solid var(--rf-border)}.system-motion-reference .system-motion-track{margin-block:10px;height:28px}.system-motion-reference .system-motion-track span{width:24px;height:24px;top:2px;left:2px}.system-motion-reference .system-motion-track[data-at-end] span{left:calc(100% - 26px)}[data-shape=sharp] .system-motion-track{border-radius:0}@media(max-width:540px){.system-motion-row>div>span{display:none}}@media(prefers-reduced-motion:reduce){.system-motion-track span{transition:none}}.system-density-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.system-density-pair>div{display:grid;gap:16px;align-content:start}.system-surfaces{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.system-surfaces>div{display:grid;place-items:center;gap:8px;padding:22px 8px}.system-surfaces code{font-size:10px;color:var(--rf-muted)}.system-surface-stack{padding:20px;background:var(--rf-surface-1);width:100%}.system-surface-stack>div{padding:20px;background:var(--rf-surface-2);border-radius:var(--rf-panel-radius)}.system-surface-stack>div>div{margin-top:14px;padding:20px;display:grid;gap:16px;background:var(--rf-surface-3);border-radius:var(--rf-panel-radius)}.system-type-scale{display:grid;gap:20px;width:100%}.system-type-scale>div{display:flex;align-items:center;justify-content:space-between}.system-type-scale code{font-size:11px;color:var(--rf-muted)}@media(max-width:600px){.system-reveal-grid,.system-density-pair{grid-template-columns:1fr}.system-surfaces{grid-template-columns:repeat(2,1fr)}}.system-exit-demo{width:100%;display:grid;justify-items:center;gap:20px}.system-exit-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.system-exit-demo>p,.system-exit-pair>div{margin:0;text-align:center;font-size:var(--rf-text-caption);color:var(--rf-muted)}.system-exit-pair>div{display:grid;justify-items:center;gap:12px}.system-exit-stage{width:100%;height:200px;display:grid;place-items:center;background:var(--rf-surface-2);border:1px solid var(--rf-border);border-radius:var(--rf-panel-radius)}.system-mini-dialog{padding:20px;background:var(--rf-surface-5);color:var(--rf-fg);border-radius:var(--rf-panel-radius);box-shadow:var(--rf-elevation);max-width:90%}.system-mini-dialog p{color:var(--rf-muted);font-size:12px}@media(max-width:600px){.system-exit-pair{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.system-mini-dialog{transition:none!important}}.system-overflow-table{border-collapse:collapse;min-width:760px;font-size:12px;text-align:left}.system-overflow-table :is(td,th){padding:10px 16px;border-bottom:1px solid var(--rf-border);white-space:nowrap}.system-row-selected{margin-left:auto}.system-pointer-guide{position:absolute;left:8px;right:8px;height:1px;background:var(--rf-accent);pointer-events:none;z-index:3}.system-hover-list[data-show-math] button{outline:1px dashed var(--rf-border);outline-offset:-1px}.system-split-list{width:min(100%,480px);height:300px}.system-split-list .rf-sidebar-shell{min-height:300px;height:300px}.system-navigation-result{padding:20px;text-transform:capitalize;font-size:13px}.system-density-demo{width:min(100%,380px);display:grid;justify-items:stretch;gap:20px}.system-density-demo>.rf-tabs{justify-self:center}.system-density-region{display:grid;gap:var(--rf-gap);padding:20px;border-radius:var(--rf-panel-radius);background:var(--rf-surface-2)}.system-density-region .rf-checkbox{min-height:var(--rf-control-height)}.system-elevation-demo{width:min(100%,440px);display:grid;gap:24px}.system-elevation-stack{min-height:240px;display:flex;align-items:center}.system-elevation-layer{padding:16px;border-radius:var(--rf-panel-radius);width:100%;box-sizing:border-box;box-shadow:0 0 0 1px var(--rf-border)}.system-elevation-layer>code{display:block;margin-bottom:12px;font-size:11px;color:var(--rf-muted)}.system-substrates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:12px}.system-substrates>div{padding:16px 12px;border-radius:var(--rf-panel-radius)}.system-substrates>div>code{font-size:11px;color:var(--rf-muted)}.system-substrates>div>div{display:grid;gap:8px;padding:14px 10px;margin-top:12px;border-radius:var(--rf-panel-radius);box-shadow:var(--rf-elevation);font-size:12px}@media(max-width:600px){.system-substrates{grid-template-columns:1fr}}.system-heading-demo,.system-spacing-demo{width:100%;display:grid;gap:24px}.system-heading-controls,.system-heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.system-heading-controls{justify-content:space-between}.system-heading-sample{display:grid;gap:8px}.system-heading-sample :is(h3,p){margin:0}.system-heading-sample h3{font-family:inherit;font-size:var(--rf-text-title);line-height:var(--rf-leading-title)}.system-heading-sample h3:first-child{font-size:var(--rf-text-display);line-height:var(--rf-leading-display)}.system-heading-sample p{color:var(--rf-muted);font-family:var(--rf-font)}.system-number-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.system-number-demo{display:grid;gap:20px;justify-items:center;width:100%}.system-number-pair{width:100%}.system-number-pair p{font-size:24px;margin:12px 0}.system-prose{padding:24px;background:var(--rf-surface-2);border-radius:var(--rf-panel-radius)}.system-prose h3{margin:0;font-size:var(--rf-text-title);line-height:var(--rf-leading-title)}.system-prose p{color:var(--rf-muted);font-size:var(--rf-text-body);line-height:var(--rf-leading-body)}@media(max-width:600px){.system-number-pair{grid-template-columns:1fr}}.skill-stage [data-demo-copied] .rf-copy-action{position:relative}.skill-stage [data-demo-copied] .rf-copy-action svg{visibility:hidden}.skill-stage [data-demo-copied] .rf-copy-action:after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:var(--rf-fg)}.skill-stage [data-demo-copied] mark{background:color-mix(in oklab,var(--rf-accent) 20%,transparent)}.system-stage{position:relative}.system-toolbar-actions{display:flex;align-items:center;gap:8px}.system-scroll-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,536px)}.system-scroll-comparison figure{min-width:0;margin:0}.system-scroll-comparison figcaption{margin-top:8px;text-align:center;color:var(--rf-muted);font-size:var(--rf-text-caption)}.system-scroll-native,.system-scroll-comparison-area,.system-scroll-vertical{height:224px;border:1px solid var(--rf-border);border-radius:var(--rf-panel-radius)}.system-scroll-native{overflow-y:auto}.system-scroll-vertical{width:min(100%,288px);height:256px}.system-release-rows{padding:12px;margin:0;list-style:none}.system-release-rows li{padding:8px 12px;white-space:nowrap}.system-scroll-horizontal,.system-scroll-both{width:100%}.system-scroll-both{height:320px}.system-scroll-months{display:flex;gap:8px;width:max-content;padding:12px}.system-scroll-months span{display:grid;place-items:center;width:112px;height:80px;border:1px solid var(--rf-border);border-radius:var(--rf-radius)}.system-overflow-table{font-variant-numeric:tabular-nums}.system-overflow-table td{text-align:end}@media(max-width:620px){.system-scroll-comparison{grid-template-columns:minmax(0,256px);justify-content:center}}.system-scroll-reveal{display:grid;gap:18px;width:min(100%,440px)}.system-reveal-landing{padding:24px;background:var(--rf-surface-2)}.system-reveal-landing header{min-height:220px;padding:28px 0}.system-reveal-landing section{min-height:160px;padding:28px 20px;margin:24px 0;background:var(--rf-surface-3);border-radius:var(--rf-panel-radius)}.system-reveal-landing h3{margin:8px 0;font-size:20px;line-height:1.25;text-wrap:balance}.system-reveal-landing p{font-size:12px;line-height:1.6;color:var(--rf-muted)}.system-markdown-specimen{width:100%}.system-markdown-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.system-markdown-specimen>textarea{margin-bottom:24px;font-family:ui-monospace,monospace;font-size:12px}.system-markdown{font:var(--rf-text-body) / var(--rf-leading-body) var(--rf-font);color:var(--rf-fg)}.system-markdown :where(h1,h2,h3,h4,h5,h6,p,ul,ol,pre,blockquote,table,hr){margin:0}.system-markdown>*+*,.system-markdown li>*+*{margin-top:12px}.system-markdown :is(h1,h2,h3,h4,h5,h6){font-family:var(--rf-heading-font);text-wrap:balance}.system-markdown h1{font-size:var(--rf-text-display);line-height:var(--rf-leading-display);font-weight:700}.system-markdown h2{font-size:var(--rf-text-title);line-height:var(--rf-leading-title);font-weight:550;margin-top:28px}.system-markdown :is(h3,h4,h5,h6){font-size:var(--rf-text-subtitle);line-height:var(--rf-leading-subtitle);font-weight:550;margin-top:20px}.system-markdown p{color:var(--rf-muted)}.system-markdown strong{color:var(--rf-fg);font-weight:550}.system-markdown :is(ul,ol){padding-left:24px}.system-markdown li{padding-left:2px;margin-top:4px}.system-markdown a{text-decoration:underline;text-underline-offset:3px;color:var(--rf-fg)}.system-markdown :not(pre)>code{padding:2px 4px;border-radius:4px;background:var(--rf-hover);font-size:11px}.system-markdown pre{padding:16px;border-radius:var(--rf-panel-radius);background:var(--rf-surface-2);overflow:auto;font:11px/18px ui-monospace,monospace}.system-markdown blockquote{padding-left:16px;border-left:2px solid var(--rf-border)}.system-markdown-table{overflow:auto}.system-markdown table{border-collapse:collapse;width:100%;font-size:12px}.system-markdown :is(th,td){border-bottom:1px solid var(--rf-border);padding:8px 12px;text-align:left}.system-markdown hr{border:0;border-top:1px solid var(--rf-border);margin-block:24px}.system-markdown .system-markdown-task{display:flex;gap:8px;align-items:flex-start;margin-left:-24px;list-style:none}.system-markdown-task input{flex:none;margin-top:4px;accent-color:var(--rf-fg)}.system-markdown-task input:checked+div>p:first-child{color:var(--rf-muted)}.doc-card-features{display:flex;flex-direction:column;gap:12px}.doc-demo-restore{padding:0;border:0;background:none;color:var(--rf-muted);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.doc-demo-restore:hover{color:var(--rf-fg)}.doc-calendar-prices{inline-size:min(100%,408px);container-type:inline-size}.doc-calendar-prices>.rf-calendar{--rf-date-cell-limit: calc((100cqi - 16px) / 7)}.doc-request-form{display:grid;gap:24px;width:min(100%,384px)}.doc-request-form .rf-fieldset>legend{margin-block-end:4px}.doc-request-form .rf-fieldset>.rf-field-group{gap:16px}.doc-request-form .rf-field>.rf-field-content>.rf-select{display:grid}.doc-request-form .rf-select>.rf-picker-trigger{width:100%}.system-install{margin-bottom:44px}.system-install p{margin:0;font-size:var(--rf-text-body);line-height:var(--rf-leading-body)}.system-install .site-copy-action{flex-shrink:0}.system-page .system-section{gap:12px}.system-page .system-section+.system-section{border-top:0;padding-top:0}.system-page .system-section>:is(h2,p){margin:0}.system-hover-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(100%,576px)}.system-hover-comparison-list{position:relative;display:grid;gap:4px;padding:8px;border:1px solid color-mix(in oklab,var(--rf-border) 60%,transparent);border-radius:var(--rf-panel-radius)}.system-hover-comparison-list button{position:relative;z-index:1;height:36px;padding:0 12px;border:0;border-radius:var(--rf-radius);background:transparent;color:var(--rf-fg);text-align:left;font:inherit;cursor:pointer}.system-hover-comparison-list:not([data-fluid]) button:is(:hover,[data-highlighted]){background:var(--rf-hover)}.system-hover-comparison-list svg{display:none;position:absolute;z-index:2;top:0;left:min(47%,120px);pointer-events:none;fill:var(--rf-fg);stroke:var(--rf-bg);stroke-width:1.5;stroke-linejoin:round}.system-hover-comparison[data-script-playing] svg{display:block}.system-hover-comparison p{margin:12px 0 0;color:var(--rf-muted);text-align:center;font-size:var(--rf-text-caption)}.system-hover-comparison p span{margin-inline-end:4px}.system-hover-guidance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.system-hover-guidance ul{display:grid;gap:6px;margin:0;padding-inline-start:20px;color:var(--rf-muted)}@media(max-width:540px){.system-hover-comparison,.system-hover-guidance{grid-template-columns:minmax(0,1fr)}}.system-reveal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--rf-border)}.system-reveal-toolbar .rf-button{flex:none}.system-reveal-viewport{height:560px;overflow-y:auto}.system-reveal-frame[data-reveal-kind=product] .system-reveal-viewport{height:500px}.system-reveal-site>header{display:flex;align-items:center;gap:20px;padding:20px clamp(20px,6vw,40px);font-size:var(--rf-text-caption);color:var(--rf-muted)}.system-reveal-site>header strong{margin-inline-end:auto;color:var(--rf-fg)}.system-reveal-site>header span:last-child{color:var(--rf-fg)}.system-reveal-site-content{display:grid;gap:112px;padding:0 clamp(20px,6vw,40px) 112px;overflow:clip}.system-reveal-hero{display:grid;justify-items:center;gap:12px;padding-top:64px;text-align:center}.system-reveal-site small,.system-reveal-site p{color:var(--rf-muted)}.system-reveal-hero h3{margin:0;max-width:510px;font-size:clamp(32px,5vw,48px);line-height:1.08;font-weight:700;text-wrap:balance}.system-reveal-hero>p{max-width:380px;margin:0;font-size:var(--rf-text-subtitle);text-wrap:balance}.system-reveal-cta{display:flex;gap:8px;margin-top:4px}.system-reveal-cta span,.system-reveal-inbox-heading>span{display:inline-grid;place-items:center;padding:0 12px;height:var(--rf-control-height);border-radius:var(--rf-radius);background:var(--rf-fg);color:var(--rf-bg)}.system-reveal-cta span+span{background:var(--rf-hover);color:var(--rf-fg)}.system-reveal-app-shot{width:calc(100% + 24px);margin-top:36px;overflow:hidden;border:1px solid var(--rf-border);border-radius:var(--rf-panel-radius)}.system-reveal-inbox{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:500px;text-align:start}.system-reveal-inbox aside{display:flex;flex-direction:column;gap:4px;padding:12px;border-inline-end:1px solid var(--rf-border);color:var(--rf-muted)}.system-reveal-inbox aside strong{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--rf-fg)}.system-reveal-inbox aside strong span,.system-reveal-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--rf-radius);background:var(--rf-fg);color:var(--rf-bg)}.system-reveal-inbox aside>span{padding:6px 8px;border-radius:var(--rf-radius);font-size:var(--rf-text-caption)}.system-reveal-inbox aside>span[data-selected]{background:var(--rf-hover);color:var(--rf-fg)}.system-reveal-inbox aside>small{margin-top:auto}.system-reveal-inbox-main{padding:24px}.system-reveal-inbox-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.system-reveal-inbox-heading strong{font-size:20px}.system-reveal-inbox-heading>span{height:28px;white-space:nowrap}.system-reveal-inbox-main small{display:block;color:var(--rf-muted)}.system-reveal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.system-reveal-stats>div{padding:8px;border:1px solid var(--rf-border);border-radius:var(--rf-radius)}.system-reveal-inbox-main ul{margin:16px 0 0;padding:0;list-style:none}.system-reveal-inbox-main li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;height:50px;border-bottom:1px solid var(--rf-border)}.system-reveal-inbox-main li small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.system-reveal-avatar{border-radius:50%;background:var(--rf-hover);color:var(--rf-muted);font-size:9px}.system-reveal-placeholder{grid-column:1 / -1;display:block;width:65%;height:10px;border-radius:6px;background:var(--rf-hover)}.system-reveal-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.system-reveal-features p{margin:6px 0 0}.system-reveal-figures{text-align:center;padding-block:36px;border-block:1px solid var(--rf-border)}.system-reveal-figures strong{font-size:32px}.system-reveal-quote{text-align:center}.system-reveal-quote blockquote{font-size:24px;line-height:1.35;margin:0 0 12px}.system-reveal-spec{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0;padding:16px 24px;border-top:1px solid var(--rf-border);font-size:var(--rf-text-caption)}.system-reveal-spec dt{color:var(--rf-muted)}.system-reveal-spec dd{margin:2px 0 0}@media(max-width:620px){.system-reveal-inbox{grid-template-columns:minmax(0,1fr)}.system-reveal-inbox aside{display:none}.system-reveal-site>header span:not(:last-child){display:none}.system-reveal-features:not(.system-reveal-figures){grid-template-columns:minmax(0,1fr)}}.system-invite-stage{position:relative;display:grid;align-content:start;justify-items:center;gap:30px;width:100%;min-height:540px}.system-invite-stage[data-flat]{min-height:560px}.system-invite-panel{display:grid;gap:18px;width:min(100%,320px);padding:24px;border-radius:var(--rf-panel-radius);background:var(--rf-surface-5);box-shadow:var(--rf-elevation)}.system-invite-panel header{display:flex;align-items:center;gap:10px}.system-invite-panel header>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--rf-fg);color:var(--rf-bg)}.system-invite-panel header strong{margin-inline-end:auto;font-size:var(--rf-text-title)}.system-invite-panel :is(label,.system-invite-role){display:grid;gap:7px;min-width:0}.system-invite-role>.rf-button,.system-invite-static-trigger{justify-content:space-between}.system-invite-static-trigger{display:flex;align-items:center;padding:0 12px;min-height:36px;background:var(--rf-active);border-radius:var(--rf-radius)}.system-invite-flat-menu,.system-invite-role .rf-dropdown-surface{margin:-3px 0 0;padding:4px;border-radius:var(--rf-panel-radius);background:var(--rf-surface-7);box-shadow:var(--rf-elevation);width:100%}.system-invite-flat-menu{background:var(--rf-surface-5);list-style:none}.system-invite-flat-menu li{display:flex;align-items:flex-start;gap:9px;padding:9px;border-radius:var(--rf-radius)}.system-invite-flat-menu li[data-selected]{background:var(--rf-active)}.system-invite-flat-menu li>svg{flex:none}.system-invite-flat-menu small{display:block;color:var(--rf-muted);font-size:var(--rf-text-micro);line-height:1.4}.system-invite-panel footer{display:flex;justify-content:flex-end;align-items:center;gap:12px}.system-invite-annotation,.system-invite-closed{text-align:center;color:var(--rf-muted)}.system-surface-token-preview{display:grid;gap:18px;min-width:0;width:100%}.system-surface-token-preview>div{min-width:0;color:light-dark(#171717,#f5f5f5)}.system-surface-token-preview strong{display:block;margin-bottom:7px;color:var(--rf-muted);font-size:var(--rf-text-micro)}.system-surface-token-preview .rf-scroll-root{border-radius:var(--rf-panel-radius);background:var(--rf-surface-1)}.system-surface-token-preview .system-surfaces{display:flex;width:max-content;padding:16px}.system-surface-token-preview .system-surfaces>div{padding:0 6px}.system-surface-token-preview .system-surfaces span{display:grid;place-items:center;width:60px;height:44px;border-radius:var(--rf-radius);box-shadow:var(--rf-elevation)}.system-surface-token-preview .system-surfaces code{color:inherit}.system-surface-color{display:grid;justify-items:center;align-items:start;width:100%;min-height:360px}.system-intro{margin:-16px 0 32px;color:var(--rf-muted)}.system-type-rules{display:grid;gap:6px;margin:0;padding-inline-start:20px;color:var(--rf-muted)}.system-type-scale>div{flex-wrap:wrap;gap:4px 16px;border-bottom:1px solid var(--rf-border);padding-bottom:12px}.system-type-tweak{display:grid;gap:10px;margin-top:12px}.system-type-tweak>:is(h3,p){margin:0}.system-type-tweak>p{color:var(--rf-muted)}.system-type-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.system-type-comparison figure{margin:0;text-align:center}.system-type-comparison figure>div{display:grid;place-items:center;min-height:130px;padding:18px 12px;border:1px solid var(--rf-border);border-radius:var(--rf-panel-radius)}.system-type-comparison figure p{max-width:24ch;margin:0}.system-type-comparison figcaption{margin-top:9px;color:var(--rf-muted);font-size:var(--rf-text-caption)}.system-type-comparison[data-tweak=trim] figure p{padding:12px;border:1px dashed var(--rf-border);background:var(--rf-hover);font-size:18px}.system-type-comparison[data-tweak=trim] [data-adjusted] p{text-box:trim-both cap alphabetic}.system-type-comparison[data-tweak=balance] figure p{font:600 clamp(15px,3vw,22px) / 1.25 var(--rf-heading-font);max-width:17ch}.system-type-comparison[data-tweak=balance] [data-adjusted] p{text-wrap:balance}.system-type-comparison[data-tweak=pretty] [data-adjusted] p{text-wrap:pretty}.system-size-toolbar{display:grid;gap:32px;width:100%}.system-size-row{display:grid;gap:10px;min-width:0}.system-size-row>span{color:var(--rf-muted);font-size:var(--rf-text-caption)}.system-size-controls,.system-size-actions{display:flex;align-items:center;gap:var(--rf-gap);min-width:0}.system-size-controls{position:relative;padding-inline-end:50px}.system-size-controls:before{content:"";position:absolute;inset:0;border-block:1px solid color-mix(in oklab,var(--rf-accent) 50%,transparent);pointer-events:none}.system-size-actions{margin-inline-start:auto}.system-size-filters{display:contents}.system-size-actions .rf-select{width:132px}.system-size-search{position:relative;display:block;width:108px}.system-size-search>svg{position:absolute;top:50%;left:9px;translate:0 -50%;color:var(--rf-muted);pointer-events:none}.system-size-search input{padding-inline-start:30px}.system-size-guide{position:absolute;inset-inline-end:0;color:var(--rf-accent);white-space:nowrap;font-size:var(--rf-text-caption);pointer-events:none}.system-size-result{display:flex;flex-wrap:wrap;gap:8px;color:var(--rf-muted);font-size:var(--rf-text-caption)}.system-size-result[data-view=board]>span{padding:6px;border:1px solid var(--rf-border);border-radius:var(--rf-radius)}@media(max-width:820px)and (min-width:721px),(max-width:639px){.system-size-controls{padding-inline-end:0;flex-wrap:wrap}.system-size-controls:before,.system-size-guide{display:none}.system-size-actions{flex-wrap:wrap;margin-inline-start:0}}@media(max-width:639px){.system-size-actions:not([data-show-filters]){margin-inline-start:auto}.system-size-actions:not([data-show-filters]) .system-size-filters{display:none}}