@layer reset,tokens,components,utilities;@layer tokens{:root{--bg: oklch(97% .02 290);--bg-alt: oklch(96% .01 290);--border: oklch(91% .01 290);--fg: oklch(1% .02 290);--fg-muted: oklch(25% .02 290);--fg-subtle: oklch(35% .02 290);--fg-faint: oklch(50% .03 290);--accent: oklch(46% .015 300);--accent-fg: var(--bg);--success: oklch(.95 .05 150);--success-fg: oklch(.35 .15 150);--error: oklch(.95 .05 20);--error-fg: oklch(.45 .15 20);--warning: oklch(.95 .08 85);--warning-fg: oklch(.45 .15 85);--info: oklch(.95 .05 240);--info-fg: oklch(.4 .15 240);--font: "neue-haas-grotesk-text", "Inter", Helvetica, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-semibold: 600;--text-xs: .75rem;--text-xs-lh: 1rem;--text-sm: .875rem;--text-sm-lh: 1.25rem;--text-base: 1rem;--text-base-lh: 1.5rem;--text-lg: 1.125rem;--text-lg-lh: 1.75rem;--text-xl: 1.25rem;--text-xl-lh: 1.75rem;--text-2xl: 1.5rem;--text-2xl-lh: 2rem;--text-3xl: 1.875rem;--text-3xl-lh: 2.25rem;--text-4xl: 2.25rem;--text-4xl-lh: 2.5rem;--leading-normal: 1.5;--space-xs: .25rem;--space-sm: .35rem;--space-md: .75rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius: .25rem;--radius-lg: .5rem;--shadow: 0 1px 3px rgb(0 0 0 / .1);--shadow-lg: 0 10px 25px rgb(0 0 0 / .15);--transition: .15s ease;--hover-filter: brightness(.8)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: oklch(21% .015 280);--bg-alt: oklch(27% .02 290);--border: oklch(32% .02 290);--fg: oklch(100% 0 0);--fg-muted: oklch(85% .02 290);--fg-subtle: oklch(75% .02 290);--fg-faint: oklch(60% .03 290);--accent: oklch(70% .035 280);--success: oklch(.35 .05 150);--success-fg: oklch(.85 .1 150);--error: oklch(.35 .05 20);--error-fg: oklch(.85 .1 20);--warning: oklch(.35 .08 85);--warning-fg: oklch(.85 .12 85);--info: oklch(.35 .05 240);--info-fg: oklch(.85 .1 240);--shadow: 0 1px 3px rgb(0 0 0 / .3);--shadow-lg: 0 10px 25px rgb(0 0 0 / .4);--hover-filter: brightness(1.2)}}:root[data-theme=dark]{--bg: oklch(21% .015 280);--bg-alt: oklch(27% .02 290);--border: oklch(32% .02 290);--fg: oklch(100% 0 0);--fg-muted: oklch(85% .02 290);--fg-subtle: oklch(75% .02 290);--fg-faint: oklch(60% .03 290);--accent: oklch(70% .035 280);--success: oklch(.35 .05 150);--success-fg: oklch(.85 .1 150);--error: oklch(.35 .05 20);--error-fg: oklch(.85 .1 20);--warning: oklch(.35 .08 85);--warning-fg: oklch(.85 .12 85);--info: oklch(.35 .05 240);--info-fg: oklch(.85 .1 240);--shadow: 0 1px 3px rgb(0 0 0 / .3);--shadow-lg: 0 10px 25px rgb(0 0 0 / .4);--hover-filter: brightness(1.2)}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:var(--leading-normal, 1.5);-webkit-font-smoothing:antialiased;font-family:var(--font);background:var(--bg);color:var(--fg-muted)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;font-size:var(--text-sm);line-height:var(--text-sm-lh)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--fg);font-weight:var(--font-semibold, 600)}a{color:var(--accent);text-decoration:none;transition:filter var(--transition)}a:hover{filter:var(--hover-filter)}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer utilities{.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-md))}.stack-sm{--stack-gap: var(--space-sm)}.stack-lg{--stack-gap: var(--space-lg)}.row{display:flex;flex-direction:row;align-items:center;gap:var(--row-gap, var(--space-sm))}.row-sm{--row-gap: var(--space-xs)}.row-lg{--row-gap: var(--space-md)}.row-between{justify-content:space-between}.row-end{justify-content:flex-end}.row-start{align-items:flex-start}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.center{max-width:var(--center-width, 65ch);margin-inline:auto;padding-inline:var(--space-md)}.center-narrow{--center-width: 45ch}.center-wide{--center-width: 90ch}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min, 250px),1fr));gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-primary{color:var(--fg)}.text-muted{color:var(--fg-muted)}.text-subtle{color:var(--fg-subtle)}.text-faint{color:var(--fg-faint)}.text-accent{color:var(--accent)}.text-xs{font-size:var(--text-xs);line-height:var(--text-xs-lh)}.text-sm{font-size:var(--text-sm);line-height:var(--text-sm-lh)}.text-base{font-size:var(--text-base);line-height:var(--text-base-lh)}.text-lg{font-size:var(--text-lg);line-height:var(--text-lg-lh)}.text-xl{font-size:var(--text-xl);line-height:var(--text-xl-lh)}.text-2xl{font-size:var(--text-2xl);line-height:var(--text-2xl-lh)}.text-3xl{font-size:var(--text-3xl);line-height:var(--text-3xl-lh)}.text-4xl{font-size:var(--text-4xl);line-height:var(--text-4xl-lh)}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list{padding-left:var(--space-lg)}.list li{position:relative;padding-left:var(--space-sm);margin-bottom:var(--space-xs)}.list li::marker{color:var(--fg-faint)}.list li:last-child{margin-bottom:0}ul.list{list-style-type:disc}ul.list ul{list-style-type:circle;margin-top:var(--space-xs);padding-left:var(--space-lg)}ul.list ul ul{list-style-type:square}ol.list{list-style-type:decimal}ol.list ol{list-style-type:lower-alpha;margin-top:var(--space-xs);padding-left:var(--space-lg)}ol.list ol ol{list-style-type:lower-roman}.list li>ul,.list li>ol{margin-top:var(--space-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{display:none}.hover-reveal{opacity:0;transition:opacity var(--transition)}*:hover>.hover-reveal,*:focus-within>.hover-reveal{opacity:1}.interactive{--_hover-border: var(--hover-border, var(--fg-faint));transition:border-color var(--transition)}.interactive:hover{border-color:var(--_hover-border)}.interactive-color{--_hover-color: var(--hover-color, var(--fg));transition:color var(--transition)}.interactive-color:hover{color:var(--_hover-color)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes fade-in{0%{opacity:0}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.animate-spin,.animate-pulse{animation:none}}@media (max-width: 768px){.hide-mobile{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;line-height:var(--text-sm-lh);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),filter var(--transition);white-space:nowrap;padding-bottom:calc(var(--space-sm) - 2px);background:transparent;color:var(--accent)}.btn:hover:not(:disabled){border-color:var(--fg-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-alt);color:var(--fg-muted);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--fg-faint)}.btn-ghost{background:transparent;color:var(--fg-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){border-color:var(--border)}.btn-danger{background:var(--error);color:var(--error-fg)}.btn-icon{padding:var(--space-sm);aspect-ratio:1}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.btn-lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);line-height:var(--text-base-lh)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);font-size:var(--text-xs);font-weight:500;border-radius:9999px;background:var(--bg-alt);color:var(--fg-muted);border:1px solid var(--border)}.badge-success{background:var(--success);color:var(--success-fg);border-color:transparent}.badge-error{background:var(--error);color:var(--error-fg);border-color:transparent}.badge-warning{background:var(--warning);color:var(--warning-fg);border-color:transparent}.badge-info{background:var(--info);color:var(--info-fg);border-color:transparent}.badge-accent{background:var(--accent);color:var(--accent-fg);border-color:transparent}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow)}.card-flat{box-shadow:none}.card-icon{color:var(--fg-muted);line-height:0}.card-interactive{cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.card-interactive:hover{border-color:var(--fg-faint);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.card-title{font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:600;color:var(--fg);margin:0}.card-description{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--fg-subtle);margin:0}.card-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.input,.textarea,.select{display:block;width:100%;padding:var(--space-sm);font-size:var(--text-sm);color:var(--fg);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition)}.input::placeholder,.textarea::placeholder{color:var(--fg-faint)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--error-fg)}.textarea{min-height:80px;resize:vertical}.select{appearance:none;padding-right:var(--space-lg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center}.label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--fg-muted);margin-bottom:var(--space-xs)}.form-error{font-size:var(--text-sm);color:var(--error-fg)}.overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:100}.modal{position:relative;margin:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:calc(100vh - var(--space-xl));overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:600;color:var(--fg);margin:0}.modal-close{padding:var(--space-xs);color:var(--fg-faint);background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.modal-close:hover{color:var(--fg);border-color:var(--border)}.modal-body{padding:var(--space-md);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--border)}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius)}.stat-value{font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:600;color:var(--fg)}.stat-label{font-size:var(--text-xs);color:var(--fg-faint)}.status{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);padding:2px var(--space-sm);border-radius:9999px;background:var(--bg-alt);border:1px solid var(--border)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-active{color:var(--success-fg)}.status-inactive{color:var(--fg-faint)}.status-error{color:var(--error-fg)}.status-pending{color:var(--warning-fg)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) var(--space-md);color:var(--fg-faint)}.empty-icon{margin-bottom:var(--space-md);opacity:.5}.empty-title{font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:500;color:var(--fg-muted);margin-bottom:var(--space-sm)}.empty-description{font-size:var(--text-sm);line-height:var(--text-sm-lh);max-width:400px;margin-bottom:var(--space-md)}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:12px;height:12px;border-width:1.5px}.spinner-lg{width:24px;height:24px;border-width:3px}.chevron{transition:transform var(--transition);color:var(--fg-faint)}.chevron.active,.chevron-down{transform:rotate(90deg)}.chevron-down.active{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs) 0;z-index:100}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);padding-left:calc(var(--space-sm) + 2px);font-size:var(--text-sm);color:var(--fg-muted);background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;text-align:left;transition:border-color var(--transition),color var(--transition)}.dropdown-item:hover{border-left-color:var(--accent);color:var(--fg)}.dropdown{position:relative;display:inline-block}.dropdown-trigger{display:inline-flex}.dropdown-item.active{color:var(--fg);font-weight:500}.dropdown-divider{height:1px;background:var(--border);margin:var(--space-xs) 0}.clamp{display:flex;flex-direction:column;gap:var(--space-xs)}.clamp-content{line-height:1.5}.clamp-clamped{display:-webkit-box;-webkit-line-clamp:var(--clamp-lines, 3);-webkit-box-orient:vertical;overflow:hidden}.clamp-toggle{background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--accent);cursor:pointer;width:fit-content;transition:filter var(--transition)}.clamp-toggle:hover{filter:var(--hover-filter)}.collapsible{display:flex;flex-direction:column}.collapsible-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-sm) 0;background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--fg-muted);text-align:left;transition:color var(--transition)}.collapsible-trigger:hover{color:var(--fg)}.collapsible-chevron{flex-shrink:0;color:var(--fg-faint);transition:transform var(--transition)}.collapsible-chevron.active{transform:rotate(90deg)}.collapsible-content{padding:var(--space-sm) 0}.vertical-connector{position:absolute;left:16px;top:32px;bottom:0;width:1px;background:var(--border)}.vertical-connector-item:last-child .vertical-connector{display:none}.vertical-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;position:relative;z-index:1}.vertical-content{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-md);min-width:0;flex:1}.vertical-connector-item:last-child .vertical-content{padding-bottom:0}.stepper{display:flex}.stepper-horizontal{flex-direction:row;align-items:flex-start}.stepper-vertical{flex-direction:column}.step{display:flex;align-items:flex-start;gap:var(--space-sm);flex:1;position:relative}.stepper-vertical .step{flex-direction:row}.stepper-horizontal .step{flex-direction:column;align-items:center;text-align:center}.step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;font-size:var(--text-sm);line-height:var(--text-sm-lh);background:transparent;color:var(--fg-faint);border:1px solid var(--border)}.step-current .step-indicator{color:var(--accent);border-color:var(--accent)}.step-completed .step-indicator{color:var(--success-fg);border-color:var(--success)}.step-connector{position:absolute;background:var(--border)}.stepper-horizontal .step-connector{top:16px;left:calc(50% + 16px);right:calc(-50% + 16px);height:1px}.stepper-horizontal .step:last-child .step-connector{display:none}.step-completed .step-connector{background:var(--success)}.step-content{width:100%;padding-top:var(--space-sm)}.step-title{font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:500;color:var(--fg)}.step-current .step-title{color:var(--fg)}.step-completed .step-title{color:var(--fg-muted)}.step-upcoming .step-title{color:var(--fg-faint)}.step-description{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--fg-muted)}.step-body{margin-top:var(--space-sm)}.tabs{display:flex;flex-direction:column}.tab-list{display:flex;gap:0;border-bottom:1px solid var(--border);position:relative}.tab{padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid transparent;border-bottom:none;cursor:pointer;font-size:var(--text-sm);color:var(--fg-muted);border-radius:var(--radius) var(--radius) 0 0;margin-bottom:-1px!important;transition:color var(--transition),border-color var(--transition)}.tab:hover{color:var(--fg-subtle)}.tab.active{background:var(--bg);border-color:var(--border);border-bottom-color:var(--bg);color:var(--fg)}.tab-panel{padding:var(--space-md) 0}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;user-select:none}.checkbox-disabled{opacity:.5;cursor:not-allowed}.checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-box{display:flex;align-items:center;justify-content:center;width:1.125em;height:1.125em;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-alt);transition:border-color var(--transition),background var(--transition)}.checkbox:hover:not(.checkbox-disabled) .checkbox-box{border-color:var(--fg-faint)}.checkbox-input:focus-visible+.checkbox-box{outline:2px solid var(--accent);outline-offset:2px}.checkbox-input:checked+.checkbox-box{background:var(--accent);border-color:var(--accent)}.checkbox-check{width:.75em;height:.75em;color:var(--accent-fg);opacity:0;transform:scale(.8);transition:opacity var(--transition),transform var(--transition)}.checkbox-input:checked+.checkbox-box .checkbox-check{opacity:1;transform:scale(1)}.checkbox-indeterminate{width:.5em;height:.125em;background:var(--accent-fg);border-radius:1px;opacity:0;position:absolute;transition:opacity var(--transition)}.checkbox-input:indeterminate+.checkbox-box{background:var(--accent);border-color:var(--accent)}.checkbox-input:indeterminate+.checkbox-box .checkbox-check{opacity:0}.checkbox-input:indeterminate+.checkbox-box .checkbox-indeterminate{opacity:1}.checkbox-content{display:flex;flex-direction:column;gap:2px;padding-top:1px}.checkbox-label{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--fg)}.checkbox-description{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--fg-muted)}.toggle{display:inline-flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer}.toggle-disabled{opacity:.5;cursor:not-allowed}.toggle-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-track{position:relative;width:2.5em;height:1.375em;background:var(--border);border-radius:9999px;flex-shrink:0;transition:background var(--transition)}.toggle-knob{position:absolute;top:.125em;left:.125em;width:1.125em;height:1.125em;background:var(--bg);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--transition)}.toggle-input:checked+.toggle-track{background:var(--accent)}.toggle-input:checked+.toggle-track .toggle-knob{transform:translate(1.125em)}.toggle-input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.toggle-content{display:flex;flex-direction:column;gap:2px;padding-top:2px}.toggle-label{font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:500;color:var(--fg)}.toggle-description{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--fg-muted)}.toggle-sm .toggle-track{width:2em;height:1.125em}.toggle-sm .toggle-knob{width:.875em;height:.875em}.toggle-sm .toggle-input:checked+.toggle-track .toggle-knob{transform:translate(.875em)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--fg-muted)}.form-field-required{color:var(--error-fg);margin-left:var(--space-xs)}.form-field-description{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--fg-faint)}.form-field-error{font-size:var(--text-sm);color:var(--error-fg)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--space-sm);position:relative}.timeline-indicator{color:var(--fg-muted)}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:2px solid var(--bg);box-shadow:0 0 0 2px var(--border)}.timeline-content{padding-top:var(--space-xs)}.timeline-title{font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:500;color:var(--fg)}.timeline-description{font-size:var(--text-sm);line-height:var(--text-sm-lh);color:var(--fg-muted)}.timeline-timestamp{font-size:var(--text-xs);line-height:var(--text-xs-lh);color:var(--fg-faint)}.timeline-item-success .timeline-indicator{color:var(--success-fg)}.timeline-item-success .timeline-dot{background:var(--success);box-shadow:0 0 0 2px var(--success)}.timeline-item-error .timeline-indicator{color:var(--error-fg)}.timeline-item-error .timeline-dot{background:var(--error);box-shadow:0 0 0 2px var(--error)}.timeline-item-warning .timeline-indicator{color:var(--warning-fg)}.timeline-item-warning .timeline-dot{background:var(--warning);box-shadow:0 0 0 2px var(--warning)}.timeline-item-info .timeline-indicator{color:var(--info-fg)}.timeline-item-info .timeline-dot{background:var(--info);box-shadow:0 0 0 2px var(--info)}.badge-removable{padding-right:var(--space-xs)}.badge-remove{margin-left:var(--space-xs);padding:0!important;width:auto!important;height:auto!important;color:inherit;opacity:.6}.badge-remove:hover{opacity:1}.chip-input{display:flex;flex-direction:column;gap:var(--space-sm)}.chip-input-left{flex-direction:row;align-items:center}.chip-input-left>.input{flex:1}.tree{font-size:var(--text-sm);line-height:0}.tree-node{display:flex;align-items:center;gap:var(--space-xs);line-height:var(--text-sm-lh)}.tree-toggle{padding:2px}.tree-content{flex:1}.tree-actions{opacity:0}.tree-node:hover .tree-actions{opacity:1}.tree-guides{display:flex;align-items:stretch;height:24px}.tree-guide-line,.tree-guide-empty,.tree-guide-corner,.tree-guide-tee{width:20px;position:relative;flex-shrink:0}.tree-guide-line:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:var(--border)}.tree-guide-corner:before,.tree-guide-tee:before{content:"";position:absolute;left:9px;top:0;height:50%;width:1px;background:var(--border)}.tree-guide-corner:after,.tree-guide-tee:after{content:"";position:absolute;left:9px;top:50%;width:10px;height:1px;background:var(--border)}.tree-guide-tee:before{height:100%}.tree-empty{color:var(--fg-faint)}.multi-select{position:relative;display:flex;flex-direction:column;gap:var(--space-sm)}.multi-select-disabled{opacity:.5;pointer-events:none}.multi-select-header{display:flex;align-items:center;gap:var(--space-sm)}.multi-select-header>.cluster{flex:1}.multi-select-left .multi-select-header>.cluster{flex:1}.multi-select-below .multi-select-header{flex-direction:column;align-items:flex-start}.multi-select-menu{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-xs);max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs)}.multi-select-menu .input{margin-bottom:var(--space-xs)}.multi-select-empty{padding:var(--space-sm);text-align:center;color:var(--fg-faint)}}:root{--text-link: oklch(45.92% .0149 300.97);--hover-filter: brightness(50%);--input-placeholder: oklch(70% .03 290);--input-text: var(--fg);--input-focus: var(--fg-subtle);--item-red: oklch(.95 .05 20);--item-green: oklch(.95 .05 150);--item-red-border: color-mix(in srgb, var(--item-red) 90%, var(--fg) 10%);--item-green-border: color-mix(in srgb, var(--item-green) 90%, var(--fg) 10%);font-family:neue-haas-grotesk-text,Inter,Helvetica,sans-serif;--bg-primary: var(--bg);--text-primary: var(--fg);--text-secondary: var(--fg-muted);--text-tertiary: var(--fg-subtle);--text-muted: var(--fg-faint);--input-background: var(--bg-alt);--input-border: var(--border)}@media (prefers-color-scheme: dark){:root{--text-link: oklch(70% .035 280);--hover-filter: brightness(150%);--input-placeholder: oklch(45% .03 290);--input-focus: var(--text-link);--item-red: oklch(.35 .05 20);--item-green: oklch(.35 .05 150)}}html select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%209%2012%2015%2018%209%22/%3E%3C/svg%3E) no-repeat;background-size:18px;background-position:calc(100% - 3px) 50%;background-repeat:no-repeat;background-color:var(--bg-alt);padding-right:24px}@media (prefers-color-scheme: dark){html select{background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%209%2012%2015%2018%209%22/%3E%3C/svg%3E)}}.unified-header{display:flex;flex-direction:column;margin-bottom:16px}.unified-header__row1{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.unified-header__left{display:flex;align-items:center;gap:8px}.unified-header__logo{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--fg);font-weight:500}.unified-header__apps{display:flex;gap:5px;align-items:center;margin-left:auto;margin-right:16px}.unified-header__app{color:var(--accent);text-decoration:none;font-size:1rem;font-weight:400;line-height:1;transition:filter .15s}.unified-header__app.active{color:var(--fg);text-decoration:underline;text-underline-offset:2px}.unified-header__app:hover{filter:var(--hover-filter)}.unified-header__auth{display:flex;align-items:center;gap:8px}@media (max-width: 640px){.unified-header__apps{gap:6px;font-size:.75rem}}body{background:var(--bg);color:var(--fg-muted);margin:unset;-webkit-font-smoothing:auto}body{width:calc(100% - 2em);min-height:100vh;height:100%;padding:1em;display:flex;flex-direction:column;align-items:center;margin:auto}#container,footer{max-width:100%;width:1000px}nav{display:flex;gap:5px;align-items:center}h1,h2,h3,h4,h5,h6,p{appearance:none;margin:unset;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--fg)}a,.label-modal,button{text-decoration:none;color:var(--text-link);transition:filter .15s;cursor:pointer}a.active,input:checked+.label-modal,button.active{color:var(--fg);text-decoration:underline}a:hover,.label-modal:hover,button:hover{filter:var(--hover-filter)}a.underlined:hover,button.underlined:hover{text-decoration:underline}.task-title{color:var(--fg-muted)}.task-title:hover{color:var(--fg)}h1{font-size:x-large;font-weight:700}h2{font-size:x-large}h3,h4{font-size:large}h5{font-size:medium}h6{font-size:1em;color:var(--fg-muted)}p.description{color:var(--fg-subtle)}.flex-col{display:flex;flex-direction:column;gap:24px}.flex-col>section{display:flex;flex-direction:column;gap:4px}.flex-row{display:flex;flex-direction:row;gap:4px;align-items:center}.icons{display:flex;gap:4px;flex-direction:row;align-items:center;a{display:flex;align-items:center;justify-content:center}}.tag-badge{border-radius:5px;padding:2px 8px;font-size:small;min-width:50px;display:flex;align-items:center;gap:4px;flex-direction:row;justify-content:center;.lucide{width:unset;height:unset;cursor:pointer}}footer{margin-top:auto;display:flex;justify-content:left;align-items:center;gap:10px}h1>input[type=text],h2>input[type=text],h3>input[type=text],h4>input[type=text],h5>input[type=text],h6>input[type=text]{font-size:medium}input[type=color]{border:none;outline:none;background:none;padding:0;appearance:none;width:50px}input[type=text],input[type=color],select,textarea,input[type=datetime-local]{font-family:inherit;border:1px solid var(--border);border-radius:4px;background:var(--bg-alt);color:var(--input-text);padding:2px 2px 2px 5px;font-size:smaller}input[type=text]::placeholder,select::placeholder,textarea::placeholder{color:var(--input-placeholder)}input[type=text]:focus,select:focus,textarea:focus{outline:none;border:1px solid var(--input-focus)}input[type=text]:disabled,select:disabled,textarea:disabled{background:none;background-image:none;color:var(--fg-muted)}.date-highlighted{.date{filter:brightness(100%)}.year{filter:brightness(80%)}}.lucide{width:1.1rem;height:1.1rem}.priority-low{color:color-mix(in srgb,var(--fg-muted) 70%,green)}.priority-medium{color:color-mix(in srgb,var(--fg-muted) 70%,orange)}.priority-high{color:color-mix(in srgb,var(--fg-muted) 70%,red)}.priority-none{color:var(--fg-faint)}code>pre{background:var(--bg-alt);border:1px solid var(--border);border-radius:4px;padding:5px;overflow-x:auto;width:100%;margin:unset}details>summary{cursor:pointer;display:flex}details>summary::-webkit-details-marker,details>summary::marker{display:none}details.boxed{border:1px solid var(--border);border-radius:3px;padding:5px 20px}article{h1,h2,h3,h4,h5,h6{margin-top:1rem;margin-bottom:.25rem}h2{font-size:large;font-weight:700}hr{height:1rem;border:none}ul{list-style-type:disc;list-style-position:inside}ol{list-style-type:decimal;list-style-position:inside}ul>li>ul>li,ol>li>ol>li{margin-left:1.5rem}ul>li>ul>li>ul>li,ol>li>ol>li>ol>li{margin-left:1.5rem}.imageblock{display:flex;justify-content:center}ul>li::marker,ol>li::marker{color:var(--text-dark)}a{color:#60a5fa}a:hover{color:#3b82f6}blockquote{border-left:4px solid var(--border);padding-left:.5rem}pre>code{display:flex;padding:.75rem;border-radius:.25rem;border:1px solid var(--border);overflow:auto}pre{padding:.25rem;background:var(--bg)}code{font-size:.75rem;line-height:1.25rem;background:var(--accent);padding:2px 6px;display:inline-flex}p{color:var(--text-subtlish)}}.timeline-container{display:flex;flex-direction:column;gap:1rem;padding-left:30px;position:relative}.timeline-container:before{content:"";display:block;width:1px;height:calc(100% - 1rem);background:var(--border);position:absolute;left:10px;top:.5rem}.timeline-item:before{content:"";display:flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;background:var(--border);border-radius:50%;position:absolute;left:-23.5px;top:.5rem;outline:1px solid var(--bg)}.timeline-item{position:relative;display:flex;flex-direction:column;gap:.25rem}.card{border:1px solid var(--border);border-radius:4px;padding:7px;box-shadow:0 7px 12px #0003}.hover-reveal{opacity:0;transition:opacity .15s}.card:hover .hover-reveal{opacity:1}.project-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.interactive-row{padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s}.interactive-row:hover{background:var(--bg)}.progress-icon{display:inline-flex;vertical-align:text-bottom;margin-right:.5ch;a,div{display:inline-flex}}.button-reset{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.diff-list{.item{border:1px solid var(--border);border-radius:5px;padding:5px 10px}.item.old{background-color:var(--item-red);border-color:var(--item-red-border)}.item.new{background-color:var(--item-green);border-color:var(--item-green-border)}.astro-code{border:1px solid var(--border);border-radius:5px;padding:5px 10px;margin:unset;overflow:auto}.astro-code.new{background-color:var(--item-green);border-color:var(--item-green-border)}.astro-code.old{background-color:var(--item-red);border-color:var(--item-red-border)}.button-container{position:absolute;right:2px;top:2px}.up-arrow{display:none}.down-arrow{display:unset}details[open] .up-arrow{display:unset}details[open] .down-arrow{display:none}}hr{width:90%;border-color:var(--border)}.astro-code{border:1px solid var(--border);border-radius:5px;padding:5px 10px;margin:unset;background:oklch(from var(--border) 23% .017 h);overflow:auto}.task-summary{color:var(--fg-faint);font-size:smaller}.editor{display:grid;gap:5px;grid-template-columns:1fr 3fr;padding:7px 0}summary{justify-content:center}.up-arrow{display:none}.down-arrow{display:unset}details[open] .up-arrow{display:unset}details[open] .down-arrow{display:none}.icon{margin-left:10px;vertical-align:middle}.hidden{display:none}.spinner{animation:spin 1s linear infinite}.success-icon{color:oklch(from var(--item-green) .8 .15 h)}.error-icon{color:oklch(from var(--item-red) .8 .15 h)}.specification-editor{position:relative;display:flex;flex-direction:column;gap:5px}.specification-editor a.edit{position:absolute;right:0;top:0}.specification-editor button .lucide{width:1rem;height:1rem}.specification-editor .controls{display:flex;gap:20px;align-items:center;justify-content:flex-end;border:1px solid var(--border);padding:5px 10px;border-radius:5px}.specification-editor .controls a{display:flex;align-items:center;gap:5px}.combined-row select{width:100%}.github-login{display:flex;align-items:center;gap:4px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.85rem}.task-filters{display:flex;flex-direction:row;gap:10px;margin-top:10px;align-items:center}@media (max-width: 1000px){.task-filters{display:grid;grid-template-columns:min-content 1fr;gap:10px;margin-top:10px}}.tag-grid{display:grid;grid-template-columns:240px max-content max-content max-content;gap:10px;margin-top:10px;align-items:center}.tag-grid .colour-picker,.tag-grid .tag-badge{width:100%}.project-blog__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-blog__list{display:flex;flex-direction:column;gap:8px}.project-blog__card{display:block;padding:12px;border:1px solid var(--border);border-radius:4px;text-decoration:none;color:var(--fg);transition:border-color .15s}.project-blog__card:hover{border-color:var(--accent)}.project-blog__card-title{font-weight:500;margin-bottom:4px}.project-blog__card-desc{font-size:.875rem;color:var(--fg-muted);margin-bottom:8px}.project-blog__card-meta{display:flex;gap:12px;font-size:.75rem;color:var(--fg-subtle)}
