@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@layer reset{*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-base);font-size:var(--font-size-200);line-height:var(--line-height-normal);color:var(--color-foreground);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin:0}p,li,dd,blockquote,figcaption{text-wrap:pretty}ul,ol,figure,blockquote,dl{margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;display:block}input,textarea,select{font:inherit}}@layer tokens{:root{--breakpoint-lg:1024px;--breakpoint-md:768px;--breakpoint-sm:640px;--breakpoint-xl:1280px;--color-accent:oklch(61% .24 355);--color-background:oklch(97% 0 0);--color-border:oklch(92% 0 0);--color-border-strong:oklch(86% 0 0);--color-brand:oklch(54% .3 265);--color-brand-foreground:oklch(100% 0 0);--color-brand-hovered:oklch(43% .24 265);--color-brand-pressed:oklch(36% .2 265);--color-brand-subtle:oklch(54% .3 265/.12);--color-destructive:oklch(57% .22 27);--color-destructive-foreground:oklch(100% 0 0);--color-destructive-hovered:oklch(52% .22 27);--color-destructive-pressed:oklch(47% .22 27);--color-destructive-subtle:oklch(46% .14 27);--color-destructive-surface:oklch(97% .02 17);--color-foreground:oklch(35% 0 0);--color-foreground-disabled:oklch(79% 0 0);--color-foreground-muted:oklch(52% 0 0);--color-foreground-subtle:oklch(70% 0 0);--color-overlay:oklch(0% 0 0/.4);--color-ring:oklch(54% .3 265);--color-success:oklch(51% .16 148);--color-success-surface:oklch(97% .04 148);--color-surface:oklch(100% 0 0);--color-surface-hover:oklch(93% 0 0);--color-surface-sunken:oklch(95% 0 0);--color-warning:oklch(75% .16 73);--color-warning-surface:oklch(99% .03 95);--font-base:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:Consolas, "SF Mono", Menlo, monospace;--font-size-50:.65rem;--font-size-100:.75rem;--font-size-200:.875rem;--font-size-300:1rem;--font-size-400:clamp(1rem, .95rem + .3vw, 1.125rem);--font-size-500:clamp(1.125rem, 1rem + .5vw, 1.375rem);--font-size-600:clamp(1.25rem, 1rem + 1vw, 1.75rem);--font-size-700:clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem);--font-size-800:clamp(1.75rem, 1.2rem + 2vw, 2.75rem);--font-size-900:clamp(2rem, 1.2rem + 2.5vw, 3rem);--font-weight-bold:700;--font-weight-medium:500;--font-weight-regular:400;--font-weight-semibold:600;--line-height-loose:1.75;--line-height-normal:1.5;--line-height-snug:1.25;--line-height-tight:1.1;--gradient-brand:linear-gradient(135deg, var(--color-accent) 0%, var(--color-brand) 100%);--duration-base:.2s;--duration-fast:.12s;--duration-slow:.32s;--ease:cubic-bezier(.4, 0, .2, 1);--radius-full:9999px;--radius-lg:.75rem;--radius-md:.5rem;--radius-none:0;--radius-sm:.35rem;--radius-xl:1rem;--shadow-focus-ring:0 0 0 3px var(--color-brand-subtle);--shadow-lg:0 1rem 3rem oklch(0% 0 0/.1);--shadow-sm:0 1px 2px oklch(0% 0 0/.08);--space-0:0;--space-1:.125rem;--space-2:.25rem;--space-3:.375rem;--space-4:.5rem;--space-5:.75rem;--space-6:1rem;--space-7:1.25rem;--space-8:clamp(1.25rem, 1rem + 1vw, 1.75rem);--space-9:clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);--space-10:clamp(2rem, 1.5rem + 1.2vw, 2.75rem);--space-11:clamp(2.25rem, 1.7rem + 1.5vw, 3.5rem);--space-12:clamp(3rem, 2rem + 2vw, 4.5rem);--stroke-thick:2px;--stroke-thin:1px}}@layer base{:focus{outline:none}:focus-visible{outline:var(--stroke-thick) solid var(--color-ring);outline-offset:var(--stroke-thick)}[data-rac]:not([data-focus-visible]){outline:none}@media (forced-colors:active){:focus-visible{outline-color:highlight}}body{font-family:var(--font-base);background:var(--color-background);color:var(--color-foreground)}a{color:var(--color-foreground-muted);text-decoration:none}a:hover{color:var(--color-brand)}small{text-transform:uppercase;letter-spacing:.08em;color:var(--color-foreground-subtle);font-size:.65rem;font-weight:600}code{font-family:var(--font-mono);color:var(--color-foreground-subtle);font-size:.8rem}hr{border:none;border-top:1px solid var(--color-border);margin:1.25rem 0}.grid{grid-template-columns:5fr 8fr;gap:2.5rem;display:grid}.grid>*{min-width:0}.flex{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.right{justify-content:flex-end;margin-top:1.5rem;display:flex}.mt{margin-top:1rem}.dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.success{background:var(--color-success-surface);border-left:3px solid var(--color-success);color:var(--color-success);border-radius:0 .35rem .35rem 0;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.85rem}.error{background:var(--color-destructive-surface);border-left:3px solid var(--color-destructive);color:var(--color-destructive-subtle);margin:.75rem 0;padding:.75rem 1rem;font-size:.8rem}@media (width<=768px){.grid{grid-template-columns:1fr}}@media (width<=640px){.app-main{padding:1.5rem 1rem}}}@layer components{.app-header{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-8);background-color:var(--color-surface);border-bottom:var(--stroke-thin) solid var(--color-border);display:flex}.app-header .mark{width:var(--space-10);height:var(--space-10);object-fit:contain;-webkit-user-select:none;user-select:none;flex-shrink:0}.app-header .text{gap:var(--space-1);flex-direction:column;display:flex}.app-header .title{font-size:var(--font-size-300);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);display:inline-block}.app-header .title:first-letter{text-transform:uppercase}.app-header .title{color:var(--color-foreground)}.app-header .subtitle{font-size:var(--font-size-100);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);color:var(--color-foreground-subtle)}.app-header .action{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.button:focus-visible:not([data-rac]),.button[data-focus-visible]{box-shadow:var(--shadow-focus-ring);outline:none}.button{cursor:pointer}.button.filled,.button.outlined,.button.transparent,.button.destructive{font-size:var(--font-size-200);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);display:inline-block}.button.filled:first-letter,.button.outlined:first-letter,.button.transparent:first-letter,.button.destructive:first-letter{text-transform:uppercase}.button.filled,.button.outlined,.button.transparent,.button.destructive{justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);border:var(--stroke-thin) solid transparent;max-inline-size:100%;text-decoration:none;display:inline-flex}.button.filled[data-pending],.button.outlined[data-pending],.button.transparent[data-pending],.button.destructive[data-pending]{cursor:progress}.button.filled.icon-right,.button.outlined.icon-right,.button.transparent.icon-right,.button.destructive.icon-right{flex-direction:row-reverse}.button.filled.icon-only,.button.outlined.icon-only,.button.transparent.icon-only,.button.destructive.icon-only{aspect-ratio:1;padding:var(--space-3)}.button.filled.sm,.button.outlined.sm,.button.transparent.sm,.button.destructive.sm{padding:var(--space-3) var(--space-5);font-size:var(--font-size-100)}.button.filled.md,.button.outlined.md,.button.transparent.md,.button.destructive.md{padding:var(--space-4) var(--space-6)}.button.filled.lg,.button.outlined.lg,.button.transparent.lg,.button.destructive.lg{padding:var(--space-5) var(--space-8);font-size:var(--font-size-300)}.button.filled{transition:background-color var(--duration-base) var(--ease), border-color var(--duration-base) var(--ease), color var(--duration-base) var(--ease)}.button.filled:disabled:not([data-rac]),.button.filled[data-disabled]{cursor:not-allowed;pointer-events:none}.button.filled{background-color:var(--color-brand);color:var(--color-brand-foreground)}@media (hover:hover){.button.filled:hover:not([data-rac]){background-color:var(--color-brand-hovered)}}.button.filled[data-hovered]{background-color:var(--color-brand-hovered)}.button.filled:active:not([data-rac]),.button.filled[data-pressed]{background-color:var(--color-brand-pressed)}.button.filled:disabled:not([data-rac]),.button.filled[data-disabled]{background-color:var(--color-surface-sunken);color:var(--color-foreground-disabled)}.button.outlined{transition:background-color var(--duration-base) var(--ease), border-color var(--duration-base) var(--ease), color var(--duration-base) var(--ease)}.button.outlined:disabled:not([data-rac]),.button.outlined[data-disabled]{cursor:not-allowed;pointer-events:none}.button.outlined{border:var(--stroke-thin) solid var(--color-brand);color:var(--color-brand);background-color:#0000}@media (hover:hover){.button.outlined:hover:not([data-rac]){background-color:var(--color-brand-subtle)}}.button.outlined[data-hovered]{background-color:var(--color-brand-subtle)}.button.outlined:active:not([data-rac]),.button.outlined[data-pressed]{background-color:var(--color-brand-subtle);border-color:var(--color-brand-hovered)}.button.outlined:disabled:not([data-rac]),.button.outlined[data-disabled]{border-color:var(--color-border-strong);color:var(--color-foreground-disabled);background-color:#0000}.button.transparent{transition:background-color var(--duration-base) var(--ease), border-color var(--duration-base) var(--ease), color var(--duration-base) var(--ease)}.button.transparent:disabled:not([data-rac]),.button.transparent[data-disabled]{cursor:not-allowed;pointer-events:none}.button.transparent{color:var(--color-foreground);background-color:#0000}@media (hover:hover){.button.transparent:hover:not([data-rac]){background-color:var(--color-surface-hover)}}.button.transparent[data-hovered]{background-color:var(--color-surface-hover)}.button.transparent:active:not([data-rac]),.button.transparent[data-pressed]{background-color:var(--color-surface-sunken)}.button.transparent:disabled:not([data-rac]),.button.transparent[data-disabled]{color:var(--color-foreground-disabled);background-color:#0000}.button.destructive{transition:background-color var(--duration-base) var(--ease), border-color var(--duration-base) var(--ease), color var(--duration-base) var(--ease)}.button.destructive:disabled:not([data-rac]),.button.destructive[data-disabled]{cursor:not-allowed;pointer-events:none}.button.destructive{background-color:var(--color-destructive);color:var(--color-destructive-foreground)}@media (hover:hover){.button.destructive:hover:not([data-rac]){background-color:var(--color-destructive-hovered)}}.button.destructive[data-hovered]{background-color:var(--color-destructive-hovered)}.button.destructive:active:not([data-rac]),.button.destructive[data-pressed]{background-color:var(--color-destructive-pressed)}.button.destructive:disabled:not([data-rac]),.button.destructive[data-disabled]{background-color:var(--color-surface-sunken);color:var(--color-foreground-disabled)}.button.underlined{font-size:var(--font-size-200);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);display:inline-block}.button.underlined:first-letter{text-transform:uppercase}.button.underlined{transition:background-color var(--duration-base) var(--ease), border-color var(--duration-base) var(--ease), color var(--duration-base) var(--ease)}.button.underlined:disabled:not([data-rac]),.button.underlined[data-disabled]{cursor:not-allowed;pointer-events:none}.button.underlined{color:var(--color-foreground);background-color:#0000;text-decoration:none}@media (hover:hover){.button.underlined:hover:not([data-rac]){text-decoration:underline}}.button.underlined[data-hovered],.button.underlined:active:not([data-rac]),.button.underlined[data-pressed]{text-decoration:underline}.button.underlined:disabled:not([data-rac]),.button.underlined[data-disabled]{color:var(--color-foreground-disabled);text-decoration:none}.button .icon{flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.button .icon>svg{width:100%;height:100%}.button .label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.text-field{gap:var(--space-3);flex-direction:column;display:flex}.text-field .label{font-size:var(--font-size-200);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);display:inline-block}.text-field .label:first-letter{text-transform:uppercase}.text-field .label{color:var(--color-foreground)}.text-field .input{font-size:var(--font-size-200);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular)}.text-field .input:focus-visible:not([data-rac]),.text-field .input[data-focus-visible]{box-shadow:var(--shadow-focus-ring);outline:none}.text-field .input{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:var(--stroke-thin) solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-foreground);transition:border-color var(--duration-base) var(--ease)}.text-field .input[data-placeholder],.text-field .input::placeholder{color:var(--color-foreground-subtle)}@media (hover:hover){.text-field .input:hover:not([data-rac]){border-color:var(--color-foreground-muted)}}.text-field .input[data-hovered]{border-color:var(--color-foreground-muted)}.text-field .input:focus:not([data-rac]),.text-field .input[data-focused]{border-color:var(--color-ring)}.text-field .input:disabled:not([data-rac]),.text-field .input[data-disabled]{background-color:var(--color-surface-sunken);color:var(--color-foreground-disabled);cursor:not-allowed;pointer-events:none}.text-field .input:invalid:not([data-rac]),.text-field .input[data-invalid]{border-color:var(--color-destructive)}.text-field .input.multiline{resize:vertical;min-block-size:6rem;font-family:inherit}.text-field .description{font-size:var(--font-size-100);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);color:var(--color-foreground-subtle)}.text-field .error{font-size:var(--font-size-100);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);color:var(--color-destructive-subtle)}.spinner{border:var(--stroke-thick) solid currentColor;border-radius:var(--radius-full);border-top-color:#0000;width:1em;height:1em;animation:.8s linear infinite spinner-rotate;display:inline-block}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.tooltip{font-size:var(--font-size-200);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);display:inline-block}.tooltip:first-letter{text-transform:uppercase}.tooltip{background-color:var(--color-foreground);color:var(--color-surface);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);pointer-events:none;max-inline-size:20rem;box-shadow:var(--shadow-sm)}.tooltip[data-entering]{animation:tooltip-enter var(--duration-fast) var(--ease)}.tooltip[data-exiting]{animation:tooltip-enter var(--duration-fast) var(--ease) reverse}@keyframes tooltip-enter{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.message{gap:var(--space-2);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);border-left:var(--stroke-thick) solid transparent;flex-direction:column;display:flex}.message .title{font-size:var(--font-size-200);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);display:inline-block}.message .title:first-letter{text-transform:uppercase}.message .body{font-size:var(--font-size-200);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular)}.message .action{margin-top:var(--space-3);justify-content:flex-end;display:flex}.message.success{background-color:var(--color-success-surface);color:var(--color-success);border-left-color:var(--color-success)}.message.error{background-color:var(--color-destructive-surface);color:var(--color-destructive-subtle);border-left-color:var(--color-destructive)}.message.warning{background-color:var(--color-warning-surface);color:var(--color-warning);border-left-color:var(--color-warning)}.message.info{background-color:var(--color-brand-subtle);color:var(--color-brand-pressed);border-left-color:var(--color-brand)}.progress-bar{inline-size:100%}.progress-bar .track{inline-size:100%;block-size:var(--space-1);background-color:var(--color-border);border-radius:999px;position:relative;overflow:hidden}.progress-bar .fill{background:var(--gradient-brand);border-radius:999px;inline-size:30%;animation:1.2s infinite progress-bar-slide;position:absolute;inset-block:0}@keyframes progress-bar-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.code-block{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);margin:0;overflow:hidden}.code-block__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex}.code-block__language{font-family:var(--font-mono);font-size:var(--font-size-50);text-transform:uppercase;letter-spacing:.08em;color:var(--color-foreground-subtle);font-weight:600}.code-block__body{padding:var(--space-5) var(--space-6);font-family:var(--font-mono);font-size:var(--font-size-100);color:var(--color-foreground);white-space:pre;word-break:keep-all;margin:0;line-height:1.55;overflow-x:auto}.code-block__body code{font:inherit;color:inherit}.select{gap:var(--space-3);flex-direction:column;display:flex}.select .label{font-size:var(--font-size-200);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);display:inline-block}.select .label:first-letter{text-transform:uppercase}.select .label{color:var(--color-foreground)}.select .trigger{font-size:var(--font-size-200);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular)}.select .trigger:focus-visible:not([data-rac]),.select .trigger[data-focus-visible]{box-shadow:var(--shadow-focus-ring);outline:none}.select .trigger{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:var(--stroke-thin) solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-foreground);cursor:pointer;text-align:start;transition:border-color var(--duration-base) var(--ease);display:flex}@media (hover:hover){.select .trigger:hover:not([data-rac]){border-color:var(--color-foreground-muted)}}.select .trigger[data-hovered]{border-color:var(--color-foreground-muted)}.select .trigger:focus:not([data-rac]),.select .trigger[data-focused]{border-color:var(--color-ring)}.select .trigger:disabled:not([data-rac]),.select .trigger[data-disabled]{background-color:var(--color-surface-sunken);color:var(--color-foreground-disabled);cursor:not-allowed;pointer-events:none}.select .value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.select .value[data-placeholder]{color:var(--color-foreground-subtle)}.select .chevron{color:var(--color-foreground-muted);transition:transform var(--duration-fast) var(--ease);flex-shrink:0}.select[data-open] .chevron{transform:rotate(180deg)}.select-popover{width:var(--trigger-width);background-color:var(--color-surface);border:var(--stroke-thin) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);outline:none;overflow:hidden}.select-popover[data-entering]{animation:select-fade-in var(--duration-fast) var(--ease)}.select-popover[data-exiting]{animation:select-fade-in var(--duration-fast) var(--ease) reverse}.select-popover .list{max-height:15rem;padding:var(--space-2);outline:none;overflow-y:auto}.select-popover .item{font-size:var(--font-size-200);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-foreground);outline:none}@media (hover:hover){.select-popover .item:hover:not([data-rac]){background-color:var(--color-surface-hover)}}.select-popover .item[data-hovered]{background-color:var(--color-surface-hover)}.select-popover .item:focus:not([data-rac]),.select-popover .item[data-focused]{background-color:var(--color-brand-subtle)}.select-popover .item[data-selected]{background-color:var(--color-brand-subtle);color:var(--color-brand-pressed);font-weight:var(--font-weight-medium)}.select-popover .item:disabled:not([data-rac]),.select-popover .item[data-disabled]{color:var(--color-foreground-disabled);cursor:not-allowed}@keyframes select-fade-in{0%{opacity:0;translate:0 -.25rem}to{opacity:1;translate:0}}.switch-root:focus-visible:not([data-rac]),.switch-root[data-focus-visible]{box-shadow:var(--shadow-focus-ring);outline:none}.switch-root{align-items:center;gap:var(--space-3);cursor:pointer;border-radius:var(--radius-md);display:inline-flex}.switch-root:disabled:not([data-rac]),.switch-root[data-disabled]{cursor:not-allowed;opacity:.6}.switch-root .track{background-color:var(--color-border-strong);block-size:1.25rem;inline-size:2.25rem;transition:background-color var(--duration-base) var(--ease);border-radius:999px;flex-shrink:0;position:relative}.switch-root .thumb{block-size:1rem;inline-size:1rem;background-color:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease);border-radius:50%;position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-1)}.switch-root[data-selected] .track{background-color:var(--color-brand)}.switch-root[data-selected] .thumb{transform:translate(1rem)}.switch-root .label{font-size:var(--font-size-200);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);display:inline-block}.switch-root .label:first-letter{text-transform:uppercase}.switch-root .label{color:var(--color-foreground);-webkit-user-select:none;user-select:none}.dialog-overlay{background-color:var(--color-overlay);padding:var(--space-6);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-overlay[data-entering]{animation:dialog-fade-in var(--duration-base) var(--ease)}.dialog-overlay[data-exiting]{animation:dialog-fade-in var(--duration-base) var(--ease) reverse}.dialog-modal{outline:none;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto}.dialog{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);gap:var(--space-6);outline:none;flex-direction:column;display:flex}.dialog .title{font-size:var(--font-size-500);line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.dialog .body{font-size:var(--font-size-200);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);color:var(--color-foreground)}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.card{background-color:var(--color-surface);border:var(--stroke-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.card.elevated{box-shadow:var(--shadow-lg)}}#app{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}main{flex-direction:column;flex:1;width:100%;max-width:56rem;margin:0 auto;padding:3rem 2rem;display:flex}main[data-narrow]{justify-content:flex-start;max-width:36rem;padding:2.5rem 1.5rem 3rem}.page-foot{border-top:1px solid var(--color-border);color:var(--color-foreground-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:.7rem;display:flex}.page-foot .brand{align-items:center;gap:var(--space-1);display:flex}.page-foot img{vertical-align:middle;border-radius:.2rem;width:1.2rem;margin-right:.4rem}@media (width<=640px){main{padding:1.5rem 1rem}}.home{gap:var(--space-8);flex-direction:column;display:flex}.home nav{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.home nav a,.home nav [role=link]{gap:var(--space-3);padding:var(--space-8);border:var(--stroke-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-foreground);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);flex-direction:column;text-decoration:none;display:flex}.home nav a:not([data-disabled]):hover,.home nav a:not([data-disabled]):focus-visible,.home nav [role=link]:not([data-disabled]):hover,.home nav [role=link]:not([data-disabled]):focus-visible{border-color:var(--color-brand);background:var(--color-surface-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.home nav a[data-disabled],.home nav [role=link][data-disabled]{cursor:not-allowed;opacity:.55;color:var(--color-foreground-muted)}.home nav a strong,.home nav [role=link] strong{font-size:var(--font-size-500);font-weight:600}.home nav a p,.home nav [role=link] p{font-size:var(--font-size-200);color:var(--color-foreground-muted);margin:0;line-height:1.5}.checkout{margin-top:1.25rem}.checkout-links{gap:.75rem;margin-top:.75rem;display:flex}.project{border-radius:.5rem;margin-bottom:.5rem;transition:background-color .15s,border-color .15s}.project.collapsed{background:var(--color-surface-sunken);width:100%;color:inherit;text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.project.collapsed[data-hovered]:not([data-disabled]){background:var(--color-background);border-color:var(--color-border)}.project.collapsed[data-pressed]:not([data-disabled]){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.project.collapsed.loading-state{cursor:default;flex-direction:column;align-items:stretch;gap:.35rem}.project.collapsed strong{font-size:.85rem}.project .info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.project .url{color:var(--color-foreground-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.project .hint{text-transform:uppercase;letter-spacing:.04em;color:var(--color-foreground-subtle);white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:600}.project.active{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-brand);padding:1.75rem}.project.active .flex>code{overflow-wrap:anywhere;flex:auto;min-width:0}.project-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.dot{background:var(--color-brand);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:.4rem;display:inline-block}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1.75rem}.card .icon{background:var(--gradient-brand);width:2.5rem;height:2.5rem;color:var(--color-surface);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card.auth-screen{width:100%;max-width:26rem;margin:4rem auto 0}.login-section,.authenticated-section{text-align:center;flex-direction:column;align-items:stretch;gap:1.25rem;display:flex}.login-section h2,.authenticated-section h2{color:var(--color-foreground);font-size:1.25rem;font-weight:500}