.Card{color:var(--color-primary);border-right:1px solid transparent;border-bottom:1px solid transparent;border-left:1px solid transparent;border-radius:.5em;margin:0 auto;max-width:500px;width:100%;height:100%;position:relative;display:flex;flex-direction:column}.Card--full{max-width:100%}.Card--error{color:#a11313}.Card--loading{min-height:200px}.Card__Header{display:flex;align-items:center;position:relative}.Card__Header:before,.Card__Header:after{content:"";display:block;border-top:1px solid transparent;height:2em;position:relative;flex:1}.Card__Header:after{border-right:1px solid transparent;border-radius:0 .5em 0 0;right:-1px}.Card__Header:before{border-left:1px solid transparent;border-radius:.5em 0 0;left:-1px}.Card__Content{width:100%;display:flex;flex-direction:column;gap:1em;flex:1;justify-content:flex-start}.Card__Title{transform:translateY(-100%);line-height:1;padding:2px 1rem;border-radius:.35em}.Card__Footer,.Card__Content{padding:0 2em 2em}.Card__Footer{display:flex;justify-content:space-between;gap:1em;position:relative;padding:1em 2em;background:var(--color-primary-light);align-items:center}.Card__Footer:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:var(--color-primary)}.Card__CardSkeleton{min-height:3em}.Card__Description{padding:0 0 1em}.Card--idle,.Card--idle .Card__Header:before,.Card--idle .Card__Header:after{border-color:var(--color-primary-light)}.Card--loading,.Card--loading .Card__Header:before,.Card--loading .Card__Header:after{border-color:var(--color-primary-light)}.Card--error,.Card--error .Card__Header:before,.Card--error .Card__Header:after,.Card--active,.Card--active .Card__Header:before,.Card--active .Card__Header:after{border-color:currentColor}.Button{border:none;background:none;display:inline-flex;font-size:100%;cursor:pointer;margin:0;color:inherit;font-family:inherit;color:var(--color-primary);padding:.5em;border:1px solid transparent;outline:none;text-align:center;display:inline-block;font-weight:500;text-decoration:none;border-radius:.5em}.Button:disabled{opacity:.5;cursor:not-allowed}.Button:focus,.Button:hover{color:var(--color-primary);background-color:var(--color-secondary);border:1px solid;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.Button--primary{background-color:var(--color-primary);border:1px solid;color:var(--color-secondary);border-radius:.5em;padding:.5em 1.5em;font-weight:500;text-decoration:none}.Button--secondary{background-color:var(--color-secondary);border:1px solid;border-radius:.5em;padding:.5em 1.5em}.Button--destructive,.Button--destructive:hover,.Button--destructive:focus{color:var(--destructive)}:is(.Button--destructive,.Button--destructive:hover,.Button--destructive:focus).Button--primary{background:var(--destructive);color:var(--color-secondary)}.Button--full{width:100%}.Button--small{padding:.25em 1em;font-size:12px}.DropdownMenu__Trigger{background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit}.DropdownMenu__Positioner{isolation:isolate;z-index:50;outline:none}.DropdownMenu__Content{min-width:12rem;max-height:var(--available-height);width:var(--anchor-width);transform-origin:var(--transform-origin);overflow-x:hidden;overflow-y:auto;outline:none;z-index:50;padding:.25rem;border-radius:1rem;background-color:var(--popover, var(--color-background));color:var(--popover-foreground, currentColor);box-shadow:0 0 0 1px var(--border, rgb(0 0 0 / .05)),0 25px 50px -12px #00000040;transition:opacity .1s ease,transform .1s ease}.DropdownMenu__Content[data-starting-style],.DropdownMenu__Content[data-ending-style]{opacity:0;transform:scale(.95)}.DropdownMenu__SubContent{min-width:9rem;width:auto;border-radius:1rem;padding:.25rem}.DropdownMenu__Label{padding:.5rem .75rem;font-size:.75rem;color:var(--muted-foreground, var(--color-secondary))}.DropdownMenu__Item,.DropdownMenu__SubTrigger,.DropdownMenu__CheckboxItem,.DropdownMenu__RadioItem{position:relative;display:flex;align-items:center;gap:.625rem;cursor:default;-webkit-user-select:none;user-select:none;outline:none;padding:.5rem .75rem;font-size:.875rem;border-radius:.75rem}.DropdownMenu__Item[data-inset],.DropdownMenu__SubTrigger[data-inset]{padding-left:2rem}.DropdownMenu__Item:focus,.DropdownMenu__SubTrigger:focus,.DropdownMenu__SubTrigger[data-open],.DropdownMenu__CheckboxItem:focus,.DropdownMenu__RadioItem:focus{background-color:var(--accent, rgb(0 0 0 / .05));color:var(--accent-foreground, currentColor)}.DropdownMenu__Item[data-disabled],.DropdownMenu__CheckboxItem[data-disabled],.DropdownMenu__RadioItem[data-disabled]{pointer-events:none;opacity:.5}.DropdownMenu__Item[data-variant=destructive]{color:var(--destructive, var(--color-primary))}.DropdownMenu__Item[data-variant=destructive]:focus{background-color:#dc26261a;color:var(--destructive, var(--color-primary))}.DropdownMenu__CheckboxItem,.DropdownMenu__RadioItem{padding-right:2rem}.DropdownMenu__CheckIndicator{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.DropdownMenu__SubArrow{margin-left:auto;width:1rem;height:1rem}.DropdownMenu__Separator{height:1px;margin:.25rem -.25rem;background-color:var(--border, rgb(0 0 0 / .1))}.DropdownMenu__Shortcut{margin-left:auto;font-size:.75rem;letter-spacing:.1em;color:var(--muted-foreground, var(--color-secondary))}.DropdownMenu__Item svg,.DropdownMenu__SubTrigger svg,.DropdownMenu__CheckboxItem svg,.DropdownMenu__RadioItem svg{width:1rem;height:1rem;flex-shrink:0;pointer-events:none}.Avatar{border-radius:50%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-secondary)}.AvatarGroup{display:inline-flex;align-items:center}.AvatarGroup .Avatar,.AvatarGroup .AvatarGroup__More{margin:0;border:2px solid var(--background, #fff);box-sizing:content-box;border-radius:50%}.AvatarGroup>*+*{margin-left:-.6em}.AvatarGroup__More{display:flex;align-items:center;justify-content:center;background-color:var(--muted, #e5e7eb);color:var(--muted-foreground, #4b5563);font-weight:600}.Avatar--sm,.AvatarGroup--sm .Avatar,.AvatarGroup--sm .AvatarGroup__More{width:1.75em;height:1.75em;font-size:.75em}.Avatar--md,.AvatarGroup--md .Avatar,.AvatarGroup--md .AvatarGroup__More{width:2.5em;height:2.5em;font-size:.875em}.Avatar--lg,.AvatarGroup--lg .Avatar,.AvatarGroup--lg .AvatarGroup__More{width:3em;height:3em;font-size:1em}.Icon{height:1.5em;width:1.5em;fill:var(--color-primary);color:var(--color-primary)}.UserMenu__Trigger{display:flex;align-items:center;gap:.25em;padding:.35em .5em .35em .75em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-sans);pointer-events:auto;justify-content:space-between;border-radius:.5em;border:1px solid transparent;color:var(--color-primary);background-color:var(--color-secondary)}.UserMenu__Trigger:hover,.UserMenu__Trigger:focus{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;border:1px solid}.UserMenu__Username{display:flex;flex:1;font-weight:400;font-size:.9rem}.UserMenu__Dropdown{min-width:240px;animation-duration:.15s;background:var(--background);border-radius:.5em;border:1px solid var(--color-primary);padding-top:.75em}.UserMenu__Item{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;transition:all .15s ease;outline:none;color:var(--color-primary);font-weight:400;padding:.25em 1em;font-size:.85rem}.UserMenu__Username{justify-content:center}.UserMenu__Item:hover,.UserMenu__Item:focus{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;background:none}.ThemeSelectorRow{display:flex;align-items:center;justify-content:space-between;padding:.5em 1em}.ThemeSelectorRow__Label{font-size:.85rem;font-weight:500}.ThemeSelector{display:flex;align-items:center;background:var(--secondary);border-radius:9999px;padding:2px;gap:1px}.ThemeSelector__Button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--muted-foreground);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.ThemeSelector__Button:hover{color:var(--foreground)}.ThemeSelector__Button--active{background:var(--background);color:var(--color-primary)}.UserMenu__Separator{height:1px;background:var(--border);margin:.5em;opacity:.5}.Header{display:flex;align-items:center;justify-content:space-between;top:0;width:var(--site-width);max-width:100%;padding:1em;pointer-events:none;z-index:10;position:sticky;flex-direction:row-reverse}.Header__Item{display:flex;align-items:center;pointer-events:auto;gap:.25em}.Page{display:flex;flex-direction:column;align-items:center}.Main{flex:1;width:100%;max-width:var(--site-width);padding:4em .25em;display:flex;flex-direction:column}.Logo{top:0;display:flex;align-items:center;width:100%;font-family:var(--font-geist-mono);gap:.25em;position:absolute;line-height:2.85em;padding:1.5em 2em;justify-content:center}.Logo__Separator{height:1px;background:currentColor;width:1.75em;transform-origin:center;transform:rotate(45deg)}.Logo__Dot{text-transform:uppercase;font-weight:600;letter-spacing:1px}.Logo__Dash{font-weight:400;letter-spacing:1px}.SettingsPage{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.SettingsPage__Centre{display:flex;min-height:100dvh;align-items:center;justify-content:center;padding:0 1rem}.SettingsPage__CardWide{width:100%;max-width:28rem}.SettingsPage__Grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.SettingsPage__SectionContent{display:flex;flex-direction:column;gap:1rem}.SettingsPage__Row{display:flex;align-items:center;justify-content:space-between}.SettingsPage__UrlBlock{border-top:1px solid var(--border, currentColor);padding-top:1rem}.SettingsPage__UrlBlockLabel{font-weight:500;margin-bottom:.5rem}.SettingsPage__UrlInputRow{display:flex;align-items:center;gap:.5rem}.SettingsPage__UrlInput{flex:1;padding:.5rem .75rem;font-size:.875rem;background-color:var(--muted, rgb(0 0 0 / .05));border-radius:.375rem;border:1px solid var(--border, currentColor)}.SettingsPage__Hint{font-size:.875rem;color:var(--muted-foreground, var(--color-secondary));margin-top:.5rem}.SettingsPage__DashboardRow{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.375rem;border:1px solid var(--border, currentColor);transition:background-color .1s}.SettingsPage__DashboardRow:hover{background-color:var(--muted, rgb(0 0 0 / .05))}.SettingsPage__DashboardLink{flex:1}.SettingsPage__DashboardName{font-weight:500}.SettingsPage__DashboardSub{font-size:.875rem;color:var(--muted-foreground, var(--color-secondary))}.SettingsPage__DashboardActions{display:flex;align-items:center;gap:.5rem}.SettingsPage__FooterActions{display:flex;gap:.5rem;justify-content:center}.SettingsPage__Error{font-size:.875rem;color:#dc2626;background-color:#fef2f2;border:1px solid rgb(254 202 202);border-radius:.375rem;padding:.5rem}.Playground{padding:2rem;max-width:1100px;margin-inline:auto}.Playground__Header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.Playground__Title{font-size:var(--text-size-xl);font-weight:var(--text-weight-extralight);letter-spacing:var(--text-tracking-wide)}.Playground__Section{margin-bottom:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.Playground__SectionTitle{font-size:var(--text-size-sm);font-weight:var(--text-weight-medium);text-transform:uppercase;letter-spacing:var(--text-tracking-wider);margin-bottom:1rem;color:var(--muted-foreground)}.Playground__Grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.Playground__Swatch{display:flex;flex-direction:column;gap:.5rem;font-size:var(--text-size-xs)}.Playground__SwatchBox{height:4rem;border-radius:.5rem;border:1px solid var(--border)}.Playground__Token{font-family:var(--font-mono);font-size:var(--text-size-xs);color:var(--muted-foreground)}.Playground__Row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.Playground__Stack{display:flex;flex-direction:column;gap:.75rem}.Playground__Label{display:inline-block;min-width:6rem;font-family:var(--font-mono);font-size:var(--text-size-xs);color:var(--muted-foreground)}.Playground__DemoBox{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent);border:1px dashed var(--border);border-radius:.375rem;padding:.75rem;font-family:var(--font-mono);font-size:var(--text-size-xs);text-align:center}.Playground__ThemeToggle{display:flex;gap:.25rem}