:root{--ground:#f6f6f6;--surface:#ffffff;--surface-2:#f0f0f0;--ink:#101112;--ink-2:#4b4e50;--ink-3:#7e8183;--line:#e0e0e0;--line-2:#c9c9c9;--accent:#111213;--accent-ink:#ffffff;--accent-soft:#ececec;--brand:#ffe260;--brand-ink:#0a0908;--ok:#1b7f4c;--ok-soft:#e4f1ea;--warn:#9a5b18;--warn-soft:#f6ecdf;--bad:#a3271f;--bad-soft:#f7e6e4;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-full:999px;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-lg:1.1875rem;--text-xl:1.5rem;--text-2xl:2rem;--weight-regular:400;--weight-medium:560;--weight-semibold:640;--weight-bold:700;--leading-latin:1.55;--leading-arabic:1.75;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-arabic:"Noto Sans Arabic","IBM Plex Sans Arabic",var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--shadow-sm:0 1px 2px rgb(16 17 18/5%);--shadow:0 1px 2px rgb(16 17 18/5%),0 8px 24px -12px rgb(16 17 18/18%);--shadow-paper:drop-shadow(0 1px 1px rgb(16 17 18/8%)) drop-shadow(0 4px 10px rgb(16 17 18/10%))}@media (prefers-color-scheme:dark){:root{--ground:#0e0e0f;--surface:#171718;--surface-2:#202021;--ink:#ebebeb;--ink-2:#a6a8a9;--ink-3:#7e8082;--line:#2a2b2c;--line-2:#3a3b3d;--accent:#ebebeb;--accent-ink:#101112;--accent-soft:#262728;--ok:#63c795;--ok-soft:#102c1f;--warn:#d99a4e;--warn-soft:#2e2113;--bad:#e08b83;--bad-soft:#331815;--shadow-sm:0 1px 2px rgb(0 0 0/40%);--shadow:0 1px 2px rgb(0 0 0/40%),0 8px 24px -12px rgb(0 0 0/60%);--shadow-paper:drop-shadow(0 1px 2px rgb(0 0 0/55%)) drop-shadow(0 5px 14px rgb(0 0 0/45%))}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--ground:#0e0e0f;--surface:#171718;--surface-2:#202021;--ink:#ebebeb;--ink-2:#a6a8a9;--ink-3:#7e8082;--line:#2a2b2c;--line-2:#3a3b3d;--accent:#ebebeb;--accent-ink:#101112;--accent-soft:#262728;--ok:#63c795;--ok-soft:#102c1f;--warn:#d99a4e;--warn-soft:#2e2113;--bad:#e08b83;--bad-soft:#331815;--shadow-paper:drop-shadow(0 1px 2px rgb(0 0 0/55%)) drop-shadow(0 5px 14px rgb(0 0 0/45%))}:root{--direction-scale:1}:root[dir=rtl]{--direction-scale:-1}:root:lang(ar){--font-body:var(--font-arabic);--leading-body:var(--leading-arabic)}:root:lang(en){--font-body:var(--font-sans);--leading-body:var(--leading-latin)}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body,var(--font-sans));font-size:var(--text-base);line-height:var(--leading-body,var(--leading-latin));-webkit-font-smoothing:antialiased}.buttr-input{width:100%;box-sizing:border-box;border:1px solid var(--line-2);border-radius:var(--radius);padding-block:var(--space-3);padding-inline:var(--space-4);background:var(--surface);color:var(--ink);font-size:max(var(--text-base),1rem);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.buttr-input::placeholder{color:var(--ink-3)}select.buttr-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;-webkit-padding-end:2.5rem;padding-inline-end:2.5rem}[dir=rtl] select.buttr-input{background-position:left var(--space-3) center}.buttr-input:hover:not(:focus-visible){border-color:var(--ink-3)}.buttr-input:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 15%,transparent)}.buttr-button{border:0;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.buttr-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 20%,transparent)}.buttr-button:active:not(:disabled){transform:translateY(1px)}.buttr-button--primary{background:var(--ink);color:var(--surface)}.buttr-button--primary:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 84%,var(--surface))}.buttr-button--secondary{background:var(--surface-2);color:var(--ink)}.buttr-button--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 90%,var(--ink))}.buttr-button--quiet{background:transparent;color:var(--ink-2)}.buttr-button--quiet:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.buttr-button--ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line-2)}.buttr-button--ghost:hover:not(:disabled){border-color:var(--ink-3);color:var(--ink)}.buttr-split{display:grid;min-height:100dvh;grid-template-columns:1fr}.buttr-split-media{display:none;background-size:cover;background-position:50%}@media (min-width:900px){.buttr-split{grid-template-columns:1fr 1fr}.buttr-split-media{display:block}}.buttr-receipt{position:relative;background:var(--surface);filter:var(--shadow-paper)}.buttr-receipt:after,.buttr-receipt:before{content:"";position:absolute;inset-inline:0;block-size:6px;background-size:12px 6px;background-repeat:round no-repeat}.buttr-receipt:before{inset-block-end:calc(100% - .5px);background-image:conic-gradient(from 0deg at 50% 100%,transparent 0 44deg,var(--surface) 46deg 314deg,transparent 316deg)}.buttr-receipt:after{inset-block-start:calc(100% - .5px);background-image:conic-gradient(from 180deg at 50% 0,transparent 0 44deg,var(--surface) 46deg 314deg,transparent 316deg)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);inline-size:1.125rem;block-size:1.125rem}.buttr-spinner{display:inline-block;inline-size:1em;block-size:1em;flex:none;box-sizing:border-box;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-block-start-color:currentColor;animation:buttr-spin .7s linear infinite}@keyframes buttr-spin{to{transform:rotate(1turn)}}.buttr-skeleton{display:block;background:var(--surface-2);border-radius:var(--radius);animation:buttr-skeleton 1.4s ease-in-out infinite}@keyframes buttr-skeleton{50%{opacity:.55}}.buttr-banner{animation:buttr-drop .25s ease-out}@keyframes buttr-drop{0%{opacity:0;transform:translateY(-.375rem)}}.buttr-banner-dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;inline-size:1.75rem;block-size:1.75rem;flex:none;display:inline-grid;place-items:center;border-radius:var(--radius-sm);color:inherit;font:inherit;font-size:var(--text-base);line-height:1;cursor:pointer;opacity:.7;transition:opacity .15s ease,background-color .15s ease}.buttr-banner-dismiss:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}.buttr-banner-dismiss:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px currentColor}.buttr-toast{animation:buttr-toast-in .2s ease-out;transition:opacity .18s ease-in,transform .18s ease-in}@keyframes buttr-toast-in{0%{opacity:0;transform:translateY(.5rem)}}.buttr-toast[data-state=leaving]{opacity:0;transform:translateY(.375rem)}.buttr-progress{position:fixed;inset-block-start:0;inset-inline-start:0;block-size:2px;inline-size:0;background:var(--accent);z-index:9999;pointer-events:none;opacity:1;transition:inline-size .2s ease}.buttr-progress[data-phase=idle]{opacity:0;transition:none}.buttr-progress[data-phase=done]{inline-size:100%;opacity:0;transition:inline-size .15s ease,opacity .3s ease .15s}.buttr-rise{animation:buttr-rise .3s ease-out both}@keyframes buttr-rise{0%{opacity:0;transform:translateY(.375rem)}}.buttr-row{transition:background-color .15s ease,color .15s ease}.buttr-row:hover{background-color:var(--surface-2)}.buttr-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 30%,transparent)}.buttr-card-link{transition:border-color .15s ease,box-shadow .2s ease,transform .2s ease}.buttr-card-link:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}.buttr-card-link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 20%,transparent)}.buttr-pick{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.buttr-pick:hover{box-shadow:var(--shadow-sm)}.buttr-pick:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 20%,transparent)}.buttr-inline-link{transition:color .15s ease}.buttr-inline-link:hover{text-decoration:underline}.buttr-inline-link:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 30%,transparent)}.buttr-shell{display:flex;min-block-size:100dvh}.buttr-shell-nav{inline-size:16rem;flex-shrink:0;position:-webkit-sticky;position:sticky;inset-block-start:0;block-size:100dvh;overflow-y:auto;display:flex;flex-direction:column;background:var(--surface);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line)}.buttr-shell-list{list-style:none;margin:0;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);flex:1 1}.buttr-page{padding:var(--space-6);margin-inline:auto;inline-size:100%;box-sizing:border-box}@media (max-width:760px){.buttr-shell{flex-direction:column}.buttr-shell-nav{inline-size:100%;block-size:auto;overflow-y:visible;z-index:40;flex-direction:row;align-items:center;-webkit-border-end:0;border-inline-end:0;-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.buttr-shell-list{flex-direction:row;overflow-x:auto;padding:var(--space-1) var(--space-2)}.buttr-shell-list a,.buttr-shell-nav button{white-space:nowrap}.buttr-page{padding:var(--space-4)}}.buttr-workbench{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.buttr-workbench-main,.buttr-workbench-rail{display:contents}@media (min-width:1024px){.buttr-workbench{grid-template-columns:minmax(0,1fr) minmax(17rem,22rem);align-items:start}.buttr-workbench-main,.buttr-workbench-rail{display:flex;flex-direction:column;gap:var(--space-5);min-inline-size:0}}.buttr-compare{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:start}.buttr-compare-glyph{display:none;color:var(--ink-3)}@media (min-width:768px){.buttr-compare{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-4)}.buttr-compare-glyph{display:inline-flex;align-self:center}}.buttr-timeline{position:relative;max-inline-size:36rem}.buttr-timeline-track{position:absolute;inset-inline:10%;inset-block-start:calc(1.125rem - 1px);block-size:2px;border-radius:var(--radius-full);background:var(--line)}.buttr-timeline-fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--stage-progress, 0) * 100%);border-radius:inherit;background:var(--ok);transform-origin:0 50%;animation:buttr-timeline-sweep .7s cubic-bezier(.22,1,.36,1) .15s both}:root[dir=rtl] .buttr-timeline-fill{transform-origin:100% 50%}@keyframes buttr-timeline-sweep{0%{transform:scaleX(0)}}.buttr-timeline-steps{position:relative;display:flex;list-style:none;margin:0;padding:0}.buttr-timeline-step{flex:1 1;min-inline-size:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.buttr-timeline-node{box-sizing:border-box;inline-size:2.25rem;block-size:2.25rem;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-3)}.buttr-timeline-label{font-size:var(--text-xs);color:var(--ink-2);text-align:center;overflow-wrap:break-word;max-inline-size:100%}.buttr-timeline-step[data-state=done] .buttr-timeline-node{background:var(--ok);border-color:var(--ok);color:var(--surface)}.buttr-timeline-step[data-state=done] .buttr-timeline-label{color:var(--ok)}.buttr-timeline-step[data-state=current] .buttr-timeline-node{border:2px solid var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.buttr-timeline-step[data-state=current] .buttr-timeline-label{color:var(--ink);font-weight:var(--weight-semibold)}.buttr-timeline-step[data-state=current] .buttr-timeline-node,.buttr-timeline-step[data-state=done] .buttr-timeline-node svg{animation:buttr-timeline-pop .3s ease-out both;animation-delay:calc(.15s + var(--step, 0) * .11s)}@keyframes buttr-timeline-pop{0%{opacity:0;transform:scale(.6)}}@media (max-width:420px){.buttr-timeline-node{inline-size:2rem;block-size:2rem}.buttr-timeline-track{inset-block-start:calc(1rem - 1px)}}.buttr-activity{display:flex;flex-direction:column;gap:var(--space-4)}.buttr-activity-day-label{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--ink-3);letter-spacing:.02em}.buttr-activity-entries{position:relative;margin:0;padding:0;list-style:none}.buttr-activity-entries:before{content:"";position:absolute;inset-block:var(--space-2);inset-inline-start:calc(.5rem - 1px);inline-size:2px;border-radius:var(--radius-full);background:var(--line)}.buttr-activity-entry{position:relative;display:grid;grid-template-columns:1rem minmax(0,1fr) auto;grid-column-gap:var(--space-2);column-gap:var(--space-2);align-items:start;padding-block:var(--space-2)}.buttr-activity-dot{inline-size:.5rem;block-size:.5rem;border-radius:2px;background:var(--ink-3);box-shadow:0 0 0 3px var(--surface);justify-self:center;-webkit-margin-before:.375rem;margin-block-start:.375rem}.buttr-activity-text{margin:0;font-size:var(--text-sm);color:var(--ink);overflow-wrap:break-word;min-inline-size:0}.buttr-activity-time{font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-padding-before:.125rem;padding-block-start:.125rem}.buttr-activity-tag{display:inline-block;-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);padding-inline:var(--space-1);border:1px solid var(--line-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap}.buttr-activity-tag[data-kind=sim]{border-style:dashed}.buttr-choice:hover{border-color:var(--ink-3)}.buttr-choice:focus-within{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 15%,transparent)}.buttr-dialog{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);padding:var(--space-5);inline-size:min(28rem,calc(100vw - 2 * var(--space-4)));max-block-size:min(85vh,40rem);overflow:auto;box-shadow:0 16px 48px rgb(0 0 0/.18);animation:buttr-rise .25s ease-out both}.buttr-dialog::-webkit-backdrop{background:rgb(15 18 20/.45)}.buttr-dialog::backdrop{background:rgb(15 18 20/.45)}@media (prefers-reduced-motion:reduce){.buttr-banner,.buttr-dialog,.buttr-rise,.buttr-skeleton,.buttr-spinner,.buttr-timeline-fill,.buttr-timeline-node,.buttr-timeline-node svg,.buttr-toast{animation:none}.buttr-banner-dismiss,.buttr-button,.buttr-card-link,.buttr-inline-link,.buttr-input,.buttr-pick,.buttr-progress,.buttr-row,.buttr-toast{transition:none}.buttr-button:active:not(:disabled),.buttr-card-link:hover{transform:none}}.buttr-disclose>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);inline-size:-moz-fit-content;inline-size:fit-content;min-block-size:2rem}.buttr-disclose>summary::-webkit-details-marker{display:none}.buttr-disclose>summary:before{content:"";inline-size:.5rem;block-size:.5rem;-webkit-border-end:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;-webkit-border-after:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease;flex:none}.buttr-disclose[open]>summary:before{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.buttr-disclose>summary:before{transition:none}}