:root{--color-bg: #f5f6f4;--color-bg-surface: #ffffff;--color-bg-elevated: #eef0ec;--color-fg: #1a1c19;--color-fg-muted: #5c6460;--color-fg-subtle: #9aa39e;--color-accent: #244381;--color-accent-hover: #1b3364;--color-accent-fg: #ffffff;--color-border: #d8ddd9;--color-border-focus: #244381;--color-danger: #b64744;--color-success: #4d6b5e;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-size-h1: var(--text-3xl);--font-size-h2: var(--text-2xl);--font-size-h3: var(--text-xl);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--control-min-h-xs: var(--space-6);--control-min-h-sm: var(--space-8);--control-min-h-md: var(--space-10);--control-min-h-lg: var(--space-12);--control-pad-y-xs: 0;--control-pad-y-sm: var(--space-1);--control-pad-y-md: var(--space-2);--control-pad-y-lg: var(--space-3);--control-pad-x-xs: var(--space-2);--control-pad-x-sm: var(--space-2);--control-pad-x-md: var(--space-3);--control-pad-x-lg: var(--space-6);--control-font-xs: var(--text-xs);--control-font-sm: var(--text-xs);--control-font-md: var(--text-sm);--control-font-lg: var(--text-base);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .06);--shadow-md: 0 2px 8px 0 rgb(0 0 0 / .1);--shadow-lg: 0 4px 16px 0 rgb(0 0 0 / .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--content-width-sm: 40rem;--content-width-md: 48rem;--content-width-lg: 64rem;--content-width-xl: 80rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #131313;--color-bg-surface: #1d1d1d;--color-bg-elevated: #272727;--color-fg: #e4e4e2;--color-fg-muted: #8c918d;--color-fg-subtle: #57605b;--color-accent: #7d9cd6;--color-accent-hover: #93aee0;--color-accent-fg: #0f1210;--color-border: #2e2e2e;--color-border-focus: #7d9cd6;--color-danger: #ff8a80;--color-success: #86a896}}:root[data-theme=dark]{--color-bg: #131313;--color-bg-surface: #1d1d1d;--color-bg-elevated: #272727;--color-fg: #e4e4e2;--color-fg-muted: #8c918d;--color-fg-subtle: #57605b;--color-accent: #7d9cd6;--color-accent-hover: #93aee0;--color-accent-fg: #0f1210;--color-border: #2e2e2e;--color-border-focus: #7d9cd6;--color-danger: #ff8a80;--color-success: #86a896}@media(min-width:768px){:root{--font-size-h1: var(--text-4xl);--font-size-h2: var(--text-3xl);--font-size-h3: var(--text-2xl)}}@media(min-width:600px){:root{--control-min-h-xs: var(--space-5);--control-min-h-sm: var(--space-6);--control-min-h-md: var(--space-8);--control-min-h-lg: var(--space-10);--control-pad-y-xs: 0;--control-pad-y-sm: var(--space-1);--control-pad-y-md: var(--space-1);--control-pad-y-lg: var(--space-2);--control-pad-x-xs: var(--space-1);--control-pad-x-sm: var(--space-1);--control-pad-x-md: var(--space-2);--control-pad-x-lg: var(--space-4);--control-font-xs: var(--text-xs);--control-font-sm: var(--text-xs);--control-font-md: var(--text-xs);--control-font-lg: var(--text-sm)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-fg);background-color:var(--color-bg);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block;height:100%}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-fg-subtle, var(--color-fg-muted));background-clip:padding-box}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-semibold);color:var(--color-fg)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base);font-weight:var(--font-medium)}h6{font-size:var(--text-sm);font-weight:var(--font-medium)}p{line-height:var(--leading-relaxed)}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm);color:var(--color-fg-muted)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}code{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .35em}pre{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);overflow-x:auto}pre code{background:none;border:none;padding:0;font-size:inherit}ul,ol{padding-left:var(--space-6)}li{line-height:var(--leading-relaxed)}img,video,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}hr{border:none;border-top:1px solid var(--color-border)}ds-button,ds-icon-button,ds-badge,ds-toggle,ds-dropdown{display:inline-flex}ds-icon{display:inline-flex;width:1em;height:1em}ds-dropdown-menu{display:inline-block}ds-stack,ds-input,ds-textarea,ds-form-field{display:flex;flex-direction:column}ds-row{display:flex}ds-card,ds-alert,ds-menu-item{display:block}ds-button.btn-full{width:100%}ds-card.card-lg{--card-padding: var(--space-8)}
