:root{color-scheme:dark;--cod-bg-canvas: #000000;--cod-bg-app: #0D0D0D;--cod-surface-1: #171717;--cod-surface-2: #262626;--cod-surface-3: #404040;--cod-border-subtle: rgba(255, 255, 255, .05);--cod-border-default: rgba(255, 255, 255, .1);--cod-border-strong: #525252;--cod-border-emphasis: rgba(255, 255, 255, .35);--cod-text: #ffffff;--cod-text-secondary: #d4d4d4;--cod-text-muted: #a3a3a3;--cod-text-disabled: #737373;--cod-text-on-accent: #000000;--cod-accent: oklch(76.9% .2358 141.24);--cod-accent-hover: oklch(86% .18 141.24);--cod-accent-soft: oklch(76.9% .2358 141.24 / .1);--cod-accent-strong: oklch(76.9% .2358 141.24 / .2);--cod-accent-line: oklch(76.9% .2358 141.24 / .35);--cod-info: #6366f1;--cod-warning: #f59e0b;--cod-success: #10b981;--cod-archived: #94a3b8;--cod-danger: #ef4444;--cod-font-display: "Nexa", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cod-font-body: "Nexa", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cod-fs-xxs: 11px;--cod-fs-xs: 12px;--cod-fs-sm: 13px;--cod-fs-base: 15px;--cod-fs-md: 16px;--cod-fs-lg: 18px;--cod-fs-xl: 22px;--cod-fs-2xl: 28px;--cod-fs-display: 40px;--cod-fs-display-xl: 56px;--cod-fw-light: 300;--cod-fw-regular: 400;--cod-fw-medium: 500;--cod-fw-semi: 500;--cod-fw-bold: 500;--cod-lh-tight: 1.2;--cod-lh-snug: 1.35;--cod-lh-base: 1.5;--cod-lh-relaxed: 1.65;--cod-space-1: 4px;--cod-space-2: 8px;--cod-space-3: 12px;--cod-space-4: 16px;--cod-space-5: 20px;--cod-space-6: 24px;--cod-space-8: 32px;--cod-space-10: 40px;--cod-space-12: 48px;--cod-space-16: 64px;--cod-radius-sm: 4px;--cod-radius-md: 8px;--cod-radius-lg: 12px;--cod-radius-xl: 16px;--cod-radius-2xl: 20px;--cod-radius-full: 9999px;--cod-border-accent-thick: 4px;--cod-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--cod-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--cod-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--cod-shadow-glow: 0 0 0 3px oklch(76.9% .2358 141.24 / .3);--cod-blur: blur(20px);--cod-blur-strong: blur(30px);--cod-glass-bg: rgba(255, 255, 255, .05);--cod-glass-bg-hover: rgba(255, 255, 255, .1);--cod-trans-fast: .15s ease;--cod-trans-base: .3s ease;--cod-trans-slow: .5s ease;--cod-trans-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--cod-scrim: rgba(0, 0, 0, .72);--cod-scrim-blur: blur(6px);--cod-z-sticky: 50;--cod-z-overlay: 80;--cod-z-modal: 100;--cod-z-toast: 999}@font-face{font-family:Nexa;src:url(/design-system/fonts/nexa-text-regular.woff2?v=34477171) format("woff2"),url(/design-system/fonts/nexa-text-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.cod-reset,.cod-reset *{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}select option{background-color:var(--cod-surface-1);color:var(--cod-text)}.cod-app,.cod-app *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff3d;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}[data-cod-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}[data-cod-icon]>svg{display:block}.cod-app{font-family:var(--cod-font-body);font-size:var(--cod-fs-base);line-height:var(--cod-lh-base);color:var(--cod-text);background:var(--cod-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html.no-hub,html.no-hub body{background:transparent}html.no-hub body:before,html.no-hub body:after{content:none}.cod-display-xl{font-size:var(--cod-fs-display-xl);font-weight:var(--cod-fw-regular);line-height:var(--cod-lh-tight);letter-spacing:-.02em}.cod-display{font-size:var(--cod-fs-display);font-weight:var(--cod-fw-regular);line-height:var(--cod-lh-tight);letter-spacing:-.015em}.cod-h1{font-size:var(--cod-fs-2xl);font-weight:var(--cod-fw-regular);line-height:var(--cod-lh-snug)}.cod-h2{font-size:var(--cod-fs-xl);font-weight:var(--cod-fw-medium);line-height:var(--cod-lh-snug)}.cod-h3{font-size:var(--cod-fs-lg);font-weight:var(--cod-fw-medium);line-height:var(--cod-lh-snug)}.cod-body{font-size:var(--cod-fs-base);font-weight:var(--cod-fw-light);line-height:var(--cod-lh-relaxed)}.cod-body-strong{font-size:var(--cod-fs-base);font-weight:var(--cod-fw-medium);line-height:var(--cod-lh-relaxed)}.cod-small{font-size:var(--cod-fs-sm);font-weight:var(--cod-fw-regular);line-height:var(--cod-lh-base)}.cod-xs{font-size:var(--cod-fs-xs);font-weight:var(--cod-fw-regular);line-height:var(--cod-lh-base)}.cod-eyebrow{font-size:var(--cod-fs-xs);font-weight:var(--cod-fw-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--cod-accent)}.cod-text-muted{color:var(--cod-text-muted)}.cod-text-secondary{color:var(--cod-text-secondary)}.cod-text-accent{color:var(--cod-accent)}.cod-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--cod-font-body);font-size:var(--cod-fs-sm);font-weight:var(--cod-fw-bold);border:1px solid transparent;border-radius:var(--cod-radius-full);cursor:pointer;transition:background var(--cod-trans-base),border-color var(--cod-trans-base),color var(--cod-trans-base),opacity var(--cod-trans-fast),transform var(--cod-trans-fast);outline:none;text-decoration:none;white-space:nowrap;user-select:none}.cod-btn:active:not(:disabled){transform:scale(.98)}.cod-btn:disabled{opacity:.5;cursor:not-allowed}.cod-btn:focus-visible{box-shadow:var(--cod-shadow-glow)}.cod-btn-primary{background:var(--cod-accent);color:var(--cod-text-on-accent);border-color:var(--cod-accent)}.cod-btn-primary:hover:not(:disabled){background:var(--cod-accent-hover);border-color:var(--cod-accent-hover)}.cod-btn-glass{background:var(--cod-glass-bg);backdrop-filter:var(--cod-blur);-webkit-backdrop-filter:var(--cod-blur);border-color:var(--cod-border-default);color:var(--cod-text)}.cod-btn-glass:hover:not(:disabled){background:var(--cod-accent);border-color:var(--cod-accent);color:var(--cod-text-on-accent)}.cod-btn-ghost{background:transparent;color:var(--cod-text-muted);border-color:transparent}.cod-btn-ghost:hover:not(:disabled){color:var(--cod-text);background:var(--cod-glass-bg)}.cod-btn-outline{background:transparent;color:var(--cod-accent);border-color:var(--cod-accent)}.cod-btn-outline:hover:not(:disabled){background:var(--cod-accent);color:var(--cod-text-on-accent)}.cod-btn-sm{padding:8px 16px;font-size:var(--cod-fs-xs)}.cod-btn-lg{padding:16px 32px;font-size:var(--cod-fs-base)}.cod-btn-icon{width:44px;height:44px;padding:0;border-radius:var(--cod-radius-full)}.cod-btn-icon-lg{width:52px;height:52px}.cod-card{background:var(--cod-surface-2);border:1px solid var(--cod-border-strong);border-radius:var(--cod-radius-lg);padding:var(--cod-space-4);transition:border-color var(--cod-trans-base),background var(--cod-trans-base),box-shadow var(--cod-trans-base)}.cod-card-elevated{background:var(--cod-surface-1);border-color:var(--cod-border-default);box-shadow:var(--cod-shadow-md)}.cod-card-glass{background:var(--cod-glass-bg);backdrop-filter:var(--cod-blur);-webkit-backdrop-filter:var(--cod-blur);border-color:var(--cod-border-default)}.cod-card-interactive{cursor:pointer}.cod-card-interactive:hover{border-color:var(--cod-accent-line);box-shadow:var(--cod-shadow-md)}.cod-card-accent-left{border-left:3px solid var(--cod-accent)}.cod-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--cod-fs-xs);font-weight:var(--cod-fw-medium);border-radius:var(--cod-radius-full);background:var(--cod-surface-2);color:var(--cod-text-secondary);border:1px solid var(--cod-border-strong)}.cod-pill-accent{background:var(--cod-accent-soft);color:var(--cod-accent);border-color:var(--cod-accent-line)}.cod-pill-muted{background:transparent;color:var(--cod-text-muted);border-color:var(--cod-border-default)}.cod-input{width:100%;padding:10px 16px;font-family:var(--cod-font-body);font-size:var(--cod-fs-sm);font-weight:var(--cod-fw-light);color:var(--cod-text);background:var(--cod-glass-bg);border:1px solid var(--cod-border-default);border-radius:var(--cod-radius-full);backdrop-filter:var(--cod-blur-strong);-webkit-backdrop-filter:var(--cod-blur-strong);outline:none;transition:border-color var(--cod-trans-base),background var(--cod-trans-base)}.cod-input::placeholder{color:var(--cod-text-muted)}.cod-input:focus{border-color:var(--cod-accent)}.cod-textarea{width:100%;min-height:90px;padding:12px 16px;font-family:var(--cod-font-body);font-size:var(--cod-fs-sm);line-height:var(--cod-lh-base);color:var(--cod-text);background:var(--cod-surface-1);border:1px solid var(--cod-border-strong);border-radius:var(--cod-radius-lg);resize:vertical;outline:none;transition:border-color var(--cod-trans-base)}.cod-textarea:focus{border-color:var(--cod-accent)}@media(max-width:640px){.cod-input,.cod-textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}}.cod-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--cod-radius-full);background:var(--cod-surface-2);color:var(--cod-text-muted);overflow:hidden}.cod-avatar img{width:100%;height:100%;object-fit:cover}.cod-avatar-sm{width:32px;height:32px}.cod-avatar-lg{width:56px;height:56px}.cod-stack{display:flex;flex-direction:column;gap:var(--cod-space-3)}.cod-stack-sm{display:flex;flex-direction:column;gap:var(--cod-space-2)}.cod-stack-lg{display:flex;flex-direction:column;gap:var(--cod-space-6)}.cod-row{display:flex;align-items:center;gap:var(--cod-space-3)}.cod-row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--cod-space-3)}.cod-modal-overlay{position:fixed;inset:0;background:var(--cod-scrim);backdrop-filter:var(--cod-scrim-blur);-webkit-backdrop-filter:var(--cod-scrim-blur);display:none;align-items:flex-end;justify-content:center;z-index:var(--cod-z-modal)}.cod-modal-overlay.open{display:flex;animation:cod-fade-in var(--cod-trans-base)}.cod-modal{background:var(--cod-bg-app);border-top:1px solid var(--cod-border-default);border-top-left-radius:var(--cod-radius-xl);border-top-right-radius:var(--cod-radius-xl);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:cod-slide-up var(--cod-trans-base)}@media(min-width:720px){.cod-modal-overlay{align-items:center}.cod-modal{border:1px solid var(--cod-border-default);border-radius:var(--cod-radius-xl);max-height:80vh}}@keyframes cod-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cod-fade-out{0%{opacity:1}to{opacity:0}}@keyframes cod-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cod-pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cod-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes cod-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cod-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cod-entra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cod-entra{animation:cod-entra .26s cubic-bezier(.22,1,.36,1) both}.cod-entra-suave{animation:cod-fade-in .16s ease both}@media(prefers-reduced-motion:reduce){.cod-entra,.cod-entra-suave{animation:none}}.cod-anim-fade-in{animation:cod-fade-in var(--cod-trans-base)}.cod-anim-slide-up{animation:cod-slide-up var(--cod-trans-base)}.cod-anim-pop-in{animation:cod-pop-in var(--cod-trans-bounce)}.cod-anim-pulse{animation:cod-pulse 1.6s ease-in-out infinite}[hidden]{display:none!important}.cod-skeleton{background:linear-gradient(90deg,var(--cod-surface-1) 0%,var(--cod-surface-2) 50%,var(--cod-surface-1) 100%);background-size:200% 100%;border-radius:var(--cod-radius-sm);animation:cod-shimmer 1.4s linear infinite}.cod-sidebar{background:var(--cod-bg-canvas);width:232px;display:flex;flex-direction:column;padding:var(--cod-space-4);gap:var(--cod-space-1)}.cod-sidebar-link{display:flex;align-items:center;gap:var(--cod-space-3);padding:var(--cod-space-4) var(--cod-space-3);border-radius:var(--cod-radius-md);color:var(--cod-text-muted);text-decoration:none;transition:color var(--cod-trans-fast)}.cod-sidebar-link:hover{color:var(--cod-text)}.cod-sidebar-link:hover svg{color:var(--cod-accent)}.cod-sidebar-link.active{color:var(--cod-accent)}.cod-sidebar-link.active svg{color:var(--cod-accent)}.cod-sidebar-link svg{color:var(--cod-text-secondary);transition:color var(--cod-trans-fast)}.cod-m-0{margin:0}.cod-mt-2{margin-top:var(--cod-space-2)}.cod-mt-4{margin-top:var(--cod-space-4)}.cod-mb-2{margin-bottom:var(--cod-space-2)}.cod-mb-4{margin-bottom:var(--cod-space-4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}