@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");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:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-italic-3fJ3SmOv.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-italic-B-Yabllp.woff)format("woff");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:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-italic-D-qjh7ci.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-italic-OoEIrRJc.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");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:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-italic-D-Da7Yyr.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-italic-rwP6Wyc0.woff)format("woff");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:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-italic-Bq4J7U7l.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-italic-Ijyzy1lK.woff)format("woff");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:Iosevka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/iosevka-latin-400-normal-7stTb90X.woff2)format("woff2"),url(/assets/iosevka-latin-400-normal-BVqCxfc4.woff)format("woff")}:root{--color-pink:oklch(65% .22 354);--color-teal:oklch(65% .11 205);--color-success:oklch(72% .17 150);--font-sans:"Atkinson Hyperlegible", system-ui, sans-serif;--font-mono:Iosevka, ui-monospace, monospace;--font-display:"Hanken Grotesk Variable", system-ui, sans-serif;--text-base:1rem;--text-sm:calc(var(--text-base) * .875);--text-lg:calc(var(--text-base) * 1.125);--text-display:clamp(var(--text-lg), 4vw, calc(var(--text-base) * 2.25));--font-weight-light:300;--font-weight-bold:700;--line-sm:calc(1em / 32);--line-md:calc(var(--line-sm) * 2);--line-lg:calc(var(--line-sm) * 4);--gap-within:calc(1em / 4);--gap-around:calc(var(--gap-within) * 4);--gap-region:calc(var(--gap-within) * 16);--indent-w:calc(var(--gap-around) * 1.5);--radius-md:.375rem;--radius-sm:calc(var(--radius-md) / 4);--radius-full:9999px;--shadow-color:.2 .05 264;--shadow-sm:0 1px 2px oklch(var(--shadow-color) / var(--pct-10)), 0 2px 8px oklch(var(--shadow-color) / var(--pct-5));--shadow-md:0 4px 8px oklch(var(--shadow-color) / var(--pct-10));--shadow-lg:0 1px 2px oklch(var(--shadow-color) / var(--pct-10)), 0 8px 16px oklch(var(--shadow-color) / var(--pct-10)), 0 24px 48px oklch(var(--shadow-color) / var(--pct-10));--glow-success:0 0 .25em color-mix(in oklab, var(--color-success) var(--pct-80), transparent), 0 0 .6em color-mix(in oklab, var(--color-success) var(--pct-40), transparent);--pct-5:5%;--pct-10:calc(var(--pct-5) * 2);--pct-20:calc(var(--pct-5) * 4);--pct-40:calc(var(--pct-5) * 8);--pct-80:calc(var(--pct-5) * 16);--ease-snappy:cubic-bezier(.2, .7, .2, 1);--duration-md:.2s;--duration-sm:calc(var(--duration-md) / 4);--duration-lg:calc(var(--duration-md) * 1.4);--color-accent:var(--color-teal);--color-flair:var(--color-pink);--color-background:oklch(96% .014 279.5);--color-foreground:oklch(18% .052 279.5);--color-muted:oklch(91.5% .014 279.5);--color-glass:oklch(97.5% .012 279.5);--color-surface:oklch(99.5% .002 279.5);--color-muted-foreground:oklch(51.3% .031 279.5);--color-border:oklch(20.5% .05 279.5);--border-faint:oklch(from var(--color-border) l c h / var(--pct-20));--ring-faint:inset 0 0 0 var(--line-sm) var(--border-faint);--ring-accent:inset 0 0 0 var(--line-sm) color-mix(in oklab, var(--color-accent) var(--pct-20), var(--border-faint));--glow-mark:0 0 .25em color-mix(in oklab, var(--color-muted-foreground) var(--pct-80), transparent), 0 0 .6em color-mix(in oklab, var(--color-muted-foreground) var(--pct-40), transparent);--fill-faint:oklch(from var(--color-muted) l c h / var(--pct-20));--reading-w:34rem;--bar-floor:calc(clamp(3rem, 6svh, var(--gap-region)) + env(safe-area-inset-bottom,0px));--tap-target:2.75rem;--row-floor:calc(var(--tap-target) - var(--gap-within) * 2);--btn-size:var(--row-floor);--tile-handle:var(--tap-target);--resize-band:.625rem;color-scheme:light}.dark{--color-background:oklch(15.5% .014 279.5);--color-foreground:oklch(94% .004 279.5);--color-muted:oklch(28.5% .014 279.5);--color-glass:oklch(23.5% .014 279.5);--color-surface:oklch(20.5% .014 279.5);--color-muted-foreground:oklch(79.6% .013 279.5);--color-border:oklch(83.8% .01 279.5);--shadow-color:0 0 0;--color-accent:var(--color-pink);--color-flair:var(--color-teal);color-scheme:dark}@property --cam-x{syntax:"<length>";inherits:false;initial-value:0}@property --cam-y{syntax:"<length>";inherits:false;initial-value:0}@property --cam-z{syntax:"<number>";inherits:false;initial-value:1}@property --tile-x{syntax:"<length>";inherits:false;initial-value:0}@property --tile-y{syntax:"<length>";inherits:false;initial-value:0}@property --tile-w{syntax:"<length>|auto";inherits:false;initial-value:auto}@property --tile-h{syntax:"<length>|auto";inherits:false;initial-value:auto}@property --drag-x{syntax:"<length>";inherits:false;initial-value:0}@property --drag-y{syntax:"<length>";inherits:false;initial-value:0}@property --drop-x{syntax:"<length>";inherits:true;initial-value:0}@property --drop-y{syntax:"<length>";inherits:true;initial-value:0}*,:before,:after{box-sizing:border-box}body,dd,dl,h1,h2,h3,h4,h5,h6,p,pre{margin:0}button,fieldset,input,select,textarea{font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}fieldset{min-inline-size:0}[popover]{color:inherit;background:0 0;border:0;margin:0;padding:0;overflow:visible}svg{flex-shrink:0;display:block}:disabled{cursor:not-allowed}html,body,#root,#storybook-root{block-size:100%}body{overscroll-behavior:none;min-block-size:100dvh;min-inline-size:0;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-foreground);text-wrap:pretty;background-color:var(--color-background);line-height:1.55}:where(pre,code,kbd,small){font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.4}:where(kbd,small){color:var(--color-muted-foreground)}kbd{padding-inline:var(--gap-within);border:var(--line-sm) solid oklch(from var(--color-border) l c h / var(--pct-40));border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.glass{background:oklch(from var(--color-glass) l c h / var(--pct-80));box-shadow:var(--glass-shadow,var(--shadow-md)), inset 0 var(--line-sm) 0 0 color-mix(in oklab, oklch(100% 0 0) var(--pct-40), transparent), var(--ring-faint);backdrop-filter:blur(2px)saturate(1.18)}.shortcut{gap:var(--gap-within);display:inline-flex}.display{font-family:var(--font-display);font-weight:var(--font-weight-light);text-transform:lowercase}.btn{inline-size:var(--btn-size);block-size:var(--btn-size);color:var(--color-foreground);cursor:pointer;outline-offset:calc(-1 * var(--line-lg));border:var(--line-sm) solid var(--border-faint);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;&:after{inset:calc((var(--btn-size) - var(--tap-target)) / 2);content:"";position:absolute}@media (hover:hover) and (pointer:fine){&:hover{background:oklch(from var(--color-foreground) l c h / var(--pct-20))}}&:focus-visible{outline:var(--line-lg) solid var(--color-accent)}&[aria-pressed=true]{color:var(--color-accent)}}svg.icon{stroke-width:1.5px;block-size:1em;inline-size:1em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}.app{background-color:var(--color-background);isolation:isolate;block-size:100%;min-block-size:100dvh;position:relative;overflow:clip;&:before{z-index:-1;pointer-events:none;content:"";background-image:radial-gradient(80% 60% at 0% 0%, color-mix(in oklab, var(--color-accent) var(--pct-10), transparent), transparent 65%), radial-gradient(80% 60% at 100% 100%, color-mix(in oklab, var(--color-flair) var(--pct-10), transparent), transparent 65%);position:absolute;inset:0}&>header{pointer-events:none;padding-block-start:calc(var(--gap-around) + env(safe-area-inset-top,0px));padding-inline-start:calc(var(--gap-around) + env(safe-area-inset-left,0px));position:absolute;inset-block-start:0;inset-inline-start:0;&>h1{gap:var(--gap-within);font-size:var(--text-lg);align-items:center;line-height:1.1;display:inline-flex;& svg{block-size:1.15em;inline-size:1.15em;color:var(--color-accent)}}}}@keyframes cycle-skeleton{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background-color:color-mix(in oklab, var(--color-foreground) var(--pct-5), transparent);position:relative;overflow:hidden;&:before{pointer-events:none;content:"";background-image:linear-gradient(90deg, transparent 25%, color-mix(in oklab, var(--color-foreground) var(--pct-5), transparent) 50%, transparent 75%);animation:1.4s ease-in-out infinite cycle-skeleton;position:absolute;inset:0;transform:translate(-100%)}}.marquee{background:oklch(from var(--color-accent) l c h / var(--pct-20));border:var(--line-sm) solid oklch(from var(--color-accent) l c h / var(--pct-80));border-radius:var(--radius-sm);position:fixed;inset-block-start:0;inset-inline-start:0}.space-bar{inline-size:min(calc(100vi - var(--gap-around)), var(--reading-w));border-radius:var(--radius-md);margin-inline:auto;position:absolute;inset-block-end:var(--bar-floor);inset-inline:0;&>.tablet{border-radius:var(--radius-md);visibility:hidden;opacity:0;translate:0 var(--gap-around);transition-behavior:allow-discrete;transition-property:opacity,translate,visibility;transition-duration:var(--duration-md);transition-timing-function:var(--ease-snappy);font-size:var(--text-base);color:var(--color-muted-foreground);line-height:1.25;display:grid;position:absolute;inset-block-end:calc(100% + var(--gap-within));inset-inline:0;overflow:clip;&>.tablet-list{--glass-shadow:0 0 0 transparent;max-block-size:calc(var(--tap-target) * 5 + var(--gap-within) * 2);padding-block:var(--gap-within);scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:thin;border-radius:var(--radius-md);grid-area:1/1;overflow-y:auto}&>.tablet-list>.group-item{-moz-column-gap:var(--gap-around);column-gap:var(--gap-around);min-block-size:var(--tap-target);padding-inline:var(--gap-around);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid;position:relative;@media (hover:hover) and (pointer:fine){&:hover{background:var(--fill-faint)}}&[aria-checked=true]:after{position:absolute;inset-block-start:var(--gap-within);inset-inline-end:var(--gap-within)}&[aria-selected=true]>[aria-hidden]{color:var(--color-accent)}&>[aria-hidden]{block-size:var(--tap-target);place-items:center start;padding-inline-end:var(--gap-around);display:grid;position:relative;&:after{inline-size:var(--line-sm);content:"";background:var(--border-faint);position:absolute;inset-block:25%;inset-inline-end:0}}&>.group-item-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}}&>.tablet-rest{gap:var(--gap-around);padding:var(--gap-within);overscroll-behavior-x:contain;scrollbar-width:none;grid-area:1/1;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:safe center;display:grid;overflow-x:auto}&>.tablet-rest>.tablet-chip{inline-size:var(--tap-target);block-size:var(--tap-target);cursor:pointer;border-radius:var(--radius-full);transition:background var(--duration-sm) var(--ease-snappy), box-shadow var(--duration-sm) var(--ease-snappy);place-items:center;display:grid;@media (hover:hover) and (pointer:fine){&:hover{background:var(--fill-faint)}}&:focus-visible{box-shadow:inset 0 calc(-1 * var(--line-md)) 0 0 var(--color-accent);outline:none}&[aria-pressed=true]{box-shadow:inset 0 0 0 var(--line-md) var(--color-accent)}}}&:focus-within>.tablet,&:has(.tablet-list)>.tablet{visibility:visible;opacity:1;translate:0}&>input{inline-size:100%;min-block-size:var(--tap-target);padding:var(--gap-within) var(--gap-around);caret-color:var(--color-accent);transition:box-shadow var(--duration-sm) var(--ease-snappy);outline:none;display:block;&:focus,&:focus-visible{box-shadow:inset 0 calc(-1 * var(--line-md)) 0 0 var(--color-accent)}}&>.connectivity-bar{-moz-column-gap:var(--gap-around);column-gap:var(--gap-around);inline-size:fit-content;min-inline-size:var(--tap-target);min-block-size:var(--tap-target);cursor:pointer;border-radius:var(--radius-md);grid-auto-flow:column;place-content:center;margin-inline:auto;display:grid;position:absolute;inset-block-start:100%;inset-inline:0;&:focus-visible{outline:var(--line-lg) solid var(--color-accent)}&:before,&:after{transition:opacity var(--duration-sm) var(--ease-snappy), visibility var(--duration-sm) var(--ease-snappy), background var(--duration-md) var(--ease-snappy)}&:has(+dl:popover-open){&:before,&:after{visibility:hidden;opacity:0}}&[data-conn]:before,&[data-sess]:after{animation:pip-flip var(--duration-lg) var(--ease-snappy)}}&>dl{inline-size:max-content;max-inline-size:min(calc(100vi - var(--gap-around)), var(--reading-w));padding:var(--gap-within) var(--gap-around);font-size:var(--text-sm);border-radius:var(--radius-md);opacity:0;transition-timing-function:var(--ease-snappy);transition-duration:var(--duration-sm);transition-behavior:allow-discrete;margin-inline:auto;line-height:1.25;transition-property:opacity,translate,display,overlay;position:fixed;inset-block-start:calc(100dvh - var(--bar-floor));inset-block-end:auto;inset-inline:0;translate:0 -25%;&:popover-open{-moz-column-gap:var(--gap-around);column-gap:var(--gap-around);opacity:1;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;translate:0;@starting-style{opacity:0;translate:0 -25%}}&>dt{color:var(--color-muted-foreground)}&>dd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;&:before{vertical-align:middle;transition:background var(--duration-md) var(--ease-snappy);margin-inline-end:var(--gap-within);display:inline-block}}}& :is(.connectivity-bar,dd):before,& .connectivity-bar:after,& .group-item[aria-checked=true]:after{content:"";border-radius:var(--radius-full);block-size:.4em;inline-size:.4em}& :is(.connectivity-bar,dd):before,& .connectivity-bar:after{background:oklch(from var(--color-muted-foreground) l c h / var(--pct-40))}& :is(.connectivity-bar[data-conn],dd[data-on]):before,& .connectivity-bar[data-sess]:after,& .group-item[aria-checked=true]:after{background:var(--color-success);box-shadow:var(--glow-success)}}@keyframes pip-flip{0%{scale:2}}.space-bar>.tablet>.tablet-page{gap:var(--gap-around);padding:var(--gap-around);background:var(--color-background);border-radius:var(--radius-md);box-shadow:var(--ring-faint);opacity:0;transition-behavior:allow-discrete;transition-property:translate,opacity,display;transition-duration:var(--duration-md);transition-timing-function:var(--ease-snappy);flex-direction:column;grid-area:1/1;display:none;translate:100%;&:not([hidden]){opacity:1;display:flex;translate:0;@starting-style{opacity:0;translate:100%}}&>.tablet-page-head{gap:var(--gap-within);border-block-end:var(--line-sm) solid var(--border-faint);align-items:center;padding-block-end:var(--gap-within);display:flex}&>.graph{min-block-size:calc(var(--tap-target) * 5 + var(--gap-within) * 2);pointer-events:none;flex:1;position:relative}&>fieldset{gap:var(--gap-around);flex-direction:column;flex:1;display:flex}&>fieldset:disabled{cursor:progress}&>fieldset>.tablet-page-input{min-block-size:1.5em;inline-size:100%;color:var(--color-foreground);text-transform:none;caret-color:var(--color-accent);background:0 0;border:0;outline:none;&::placeholder{color:var(--color-muted-foreground)}&:disabled{cursor:progress;opacity:var(--pct-40)}}&>fieldset>.account-prompt{color:var(--color-foreground)}&>fieldset>.account-error{font-size:var(--text-sm);color:var(--color-flair);opacity:1;transition:opacity var(--duration-sm) var(--ease-snappy);@starting-style{opacity:0}}&>fieldset>.account-notice{font-size:var(--text-sm);color:var(--color-muted-foreground);opacity:1;transition:opacity var(--duration-sm) var(--ease-snappy);@starting-style{opacity:0}}&>fieldset>.account-resend{min-block-size:var(--row-floor);padding-inline:var(--gap-within);font-size:var(--text-sm);color:var(--color-muted-foreground);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-sm) var(--ease-snappy);background:0 0;border:0;align-self:flex-start;@media (hover:hover) and (pointer:fine){&:enabled:hover{color:var(--color-accent)}}&:focus-visible{box-shadow:inset 0 calc(-1 * var(--line-md)) 0 0 var(--color-accent);outline:none}&:disabled{cursor:default;opacity:var(--pct-40)}}&>fieldset>.account-hint{font-size:var(--text-sm);margin-block-start:auto}&>fieldset>.account-actions{gap:var(--gap-within);flex-direction:column;display:flex}& .account-action{-moz-column-gap:var(--gap-around);column-gap:var(--gap-around);min-block-size:var(--tap-target);padding-inline:var(--gap-within);color:var(--color-foreground);text-align:start;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-sm) var(--ease-snappy);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;&>[aria-hidden]{color:var(--color-muted-foreground);place-items:center;display:grid}@media (hover:hover) and (pointer:fine){&:enabled:hover{background:var(--fill-faint)}&:enabled:hover>[aria-hidden]{color:var(--color-accent)}}&:focus-visible{box-shadow:inset 0 calc(-1 * var(--line-md)) 0 0 var(--color-accent);outline:none}&:focus-visible>[aria-hidden]{color:var(--color-accent)}&:disabled{cursor:progress;opacity:var(--pct-40)}}&>fieldset>.account-identity{gap:var(--gap-within);color:var(--color-foreground);align-items:center;display:flex;&>[aria-hidden]{color:var(--color-accent);place-items:center;display:grid}}}:root[data-cursor=arrow]{cursor:url(/cursors/pointer-light.svg) 4 4,pointer;&:where(.dark,.dark *){cursor:url(/cursors/pointer-dark.svg) 4 4,pointer}}:root[data-cursor=pointer]{cursor:pointer}:root[data-cursor=text]{cursor:text}:root[data-cursor=grab],:root[data-cursor=grab] *{cursor:grab!important}:root[data-cursor=n-resize],:root[data-cursor=n-resize] *{cursor:n-resize!important}:root[data-cursor=e-resize],:root[data-cursor=e-resize] *{cursor:e-resize!important}:root[data-cursor=s-resize],:root[data-cursor=s-resize] *{cursor:s-resize!important}:root[data-cursor=w-resize],:root[data-cursor=w-resize] *{cursor:w-resize!important}:root[data-cursor=ne-resize],:root[data-cursor=ne-resize] *{cursor:ne-resize!important}:root[data-cursor=nw-resize],:root[data-cursor=nw-resize] *{cursor:nw-resize!important}:root[data-cursor=se-resize],:root[data-cursor=se-resize] *{cursor:se-resize!important}:root[data-cursor=sw-resize],:root[data-cursor=sw-resize] *{cursor:sw-resize!important}qx-proj{padding-inline:var(--gap-around);border-radius:var(--radius-sm);transition:background-color var(--duration-sm) var(--ease-snappy), padding var(--duration-md) var(--ease-snappy);display:block;@media (hover:hover) and (pointer:fine){&:not([root]):hover:not(:has(qx-proj:hover)):not(:focus-within){background-color:var(--fill-faint)}}&>qx-proj{margin-inline-start:calc(var(--indent-w) - var(--gap-around))}&[hidden]{display:none!important}&[mark]>.node{border-radius:var(--radius-md);box-shadow:var(--glow-mark)}&[root]{inline-size:min(100%, var(--reading-w));scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:thin;margin-inline:auto;position:relative;overflow:auto}&[root][data-dropping]:after{inline-size:calc(100% - var(--drop-x));block-size:calc(var(--line-lg) * 2);pointer-events:none;content:"";background:var(--color-accent);border-radius:var(--radius-full);translate:var(--drop-x) calc(var(--drop-y) - var(--line-lg));position:absolute;inset-block-start:0;inset-inline-start:0}&[data-dragging]{z-index:1;box-shadow:var(--shadow-sm);opacity:var(--pct-80);transform:translate(var(--drag-x), var(--drag-y)) scale(1.03);will-change:transform;transition:none;position:relative}}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(*){animation-duration:var(--duration-md);animation-timing-function:var(--ease-snappy)}::view-transition-group(*.vt-drag){animation-duration:var(--duration-lg);animation-timing-function:var(--ease-snappy)}@supports (animation-timing-function:linear(0, 1)){::view-transition-group(*.vt-drag){animation-timing-function:linear(0, .18, .42, .64, .8, .9, .96, .99, 1)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-group(*.vt-drag){animation-duration:0s}}qx-tile{user-select:none;overflow:hidden;&[hidden]{display:none}&>.space{pointer-events:none;transform:translate(var(--cam-x), var(--cam-y)) scale(var(--cam-z));transform-origin:0 0;background:0 0;position:absolute;inset:0;overflow:visible;&>qx-tile{pointer-events:auto}}&[data-layout=flow] qx-tile{inline-size:var(--tile-w);block-size:var(--tile-h);border-radius:var(--radius-md);transform:translate(var(--tile-x), var(--tile-y));transition:box-shadow var(--duration-md) var(--ease-snappy);position:absolute;inset-block-start:0;inset-inline-start:0;&:hover:not(:has(qx-tile:hover)){--glass-shadow:var(--shadow-lg);&:after{opacity:var(--pct-40)}}&:after{inline-size:calc(var(--gap-within) * 2);block-size:calc(var(--gap-within) * 2);pointer-events:none;content:"";border-block-end:var(--line-md) solid var(--color-muted-foreground);border-inline-end:var(--line-md) solid var(--color-muted-foreground);opacity:0;transition:opacity var(--duration-md) var(--ease-snappy);border-end-end-radius:var(--radius-sm);position:absolute;inset-block-end:var(--gap-within);inset-inline-end:var(--gap-within)}}}qx-tile[base]{padding-block:calc(clamp(var(--gap-around), 4svh, var(--gap-region)) + env(safe-area-inset-top,0px)) calc(var(--bar-floor) + var(--tap-target) + var(--gap-region));padding-inline:var(--gap-around);position:absolute;inset:0;&>qx-proj[root]{inline-size:min(100%, var(--reading-w) + var(--gap-region) * 2);block-size:100%;padding-block-start:var(--gap-around);padding-inline:clamp(var(--gap-around), 4vw, var(--gap-region));-webkit-mask-image:linear-gradient(to bottom, oklch(0% 0 0) calc(100% - var(--gap-region)), transparent);mask-image:linear-gradient(to bottom, oklch(0% 0 0) calc(100% - var(--gap-region)), transparent);&>.node+qx-proj{margin-block-start:calc(var(--gap-region) - var(--gap-around))}&>qx-proj{padding-block:var(--gap-around)}&>qx-proj+qx-proj{border-block-start:var(--line-sm) solid var(--border-faint)}&[data-dropping]{mask-image:none}&>.node[data-kind=sec]:focus-within:before{content:none}&>.node[data-kind=sec]>textarea[data-lang=markdown]{min-block-size:calc(var(--tap-target) + var(--gap-around));padding-block:var(--gap-around);font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--font-weight-light);letter-spacing:-.012em;text-wrap:balance;line-height:1.1;display:block;&:focus{text-wrap:wrap}}}}qx-tile:not([base]){container:tile/size;&>qx-proj[root]{inline-size:min(100% - var(--resize-band) * 2, var(--reading-w));block-size:calc(100% - var(--resize-band) - min(var(--tile-handle), 33%));margin-block-start:var(--resize-band)}}@container tile (aspect-ratio>=1){qx-proj[root]>qx-proj{display:none}}@container tile (aspect-ratio<1){qx-proj[root]{padding-block:var(--gap-around);padding-inline:var(--gap-around)}qx-proj[root]>.node{font-weight:var(--font-weight-bold)}}.node{&[loading]{min-block-size:var(--row-floor);&>.skeleton{min-block-size:inherit;border-radius:var(--radius-sm)}}&[data-kind=sec]{min-block-size:var(--row-floor);border-radius:var(--radius-sm);position:relative;&:not(:focus-within){pointer-events:none}@media (pointer:coarse){touch-action:manipulation}&:focus-within:before{inline-size:var(--gap-within);block-size:var(--gap-within);pointer-events:none;content:"";background:var(--color-accent);position:absolute;inset-block-start:calc((var(--row-floor) - var(--gap-within)) / 2);inset-inline-start:calc(-1 * var(--gap-around))}&>textarea{inline-size:100%;padding-block:max(var(--gap-within), calc((var(--row-floor) - 1lh) / 2));padding-inline:var(--gap-within);overflow-wrap:break-word;white-space:pre-wrap;cursor:text;user-select:text;caret-color:var(--color-accent);scroll-padding:var(--gap-within);border-radius:inherit;resize:none;field-sizing:content;outline:none;display:block;&::selection{background:color-mix(in oklab, var(--color-accent) var(--pct-20), transparent)}}}&[data-kind=asset]{@media (hover:hover) and (pointer:fine){&:hover>section{background-color:var(--fill-faint);box-shadow:var(--ring-accent)}}&>section{padding:var(--gap-within) clamp(var(--gap-within), 3vw, var(--gap-around));color:var(--color-foreground);background-color:var(--fill-faint);border-radius:var(--radius-sm);box-shadow:var(--ring-faint);transition:background-color var(--duration-md) var(--ease-snappy), box-shadow var(--duration-md) var(--ease-snappy);&>header{gap:var(--gap-within) var(--gap-around);flex-wrap:wrap;align-items:baseline;line-height:1.4;display:flex}&>header>small{flex-shrink:0}&>header>strong{min-inline-size:0;font-weight:var(--font-weight-bold);text-wrap:pretty;overflow-wrap:anywhere}&>small{overflow-wrap:anywhere;margin-block-start:var(--gap-within);display:block}&>pre{max-block-size:12rem;padding:var(--gap-within);scrollbar-gutter:stable;overscroll-behavior:contain;color:var(--color-muted-foreground);overflow-wrap:anywhere;white-space:pre-wrap;user-select:text;scrollbar-width:thin;background-color:color-mix(in oklab, var(--color-muted) var(--pct-40), transparent);border-radius:var(--radius-sm);box-shadow:var(--ring-faint);margin-block-start:var(--gap-within);overflow:auto}}}}