:root{--odw-bg-page: oklch(.962 .012 90);--odw-bg-card: oklch(.985 .008 90);--odw-bg-elevated: oklch(.99 .006 90);--odw-bg-header: oklch(.972 .011 88);--odw-bg-sidebar: oklch(.948 .014 88);--odw-bg-code: oklch(.26 .012 80);--odw-bg-hover: oklch(.93 .016 75);--odw-bg-stat: oklch(.955 .012 88);--odw-bg-muted: oklch(.945 .012 88);--odw-accent: oklch(.595 .143 39);--odw-accent-soft: oklch(.595 .143 39 / .1);--odw-accent-hover: oklch(.53 .152 38);--odw-accent-text: oklch(.53 .152 38);--odw-text: oklch(.24 .009 75);--odw-text-secondary: oklch(.42 .011 78);--odw-text-muted: oklch(.53 .012 80);--odw-text-soft: oklch(.64 .012 82);--odw-text-on-dark: rgba(255, 255, 255, .92);--odw-text-on-dark-muted: rgba(255, 255, 255, .55);--odw-text-on-accent: oklch(.985 .006 90);--odw-border: oklch(.9 .015 86);--odw-border-light: oklch(.93 .012 86);--odw-border-active: oklch(.595 .143 39);--odw-radius: 8px;--odw-radius-lg: 12px;--odw-shadow-sm: 0 1px 2px rgba(60, 45, 30, .05);--odw-shadow: 0 1px 3px rgba(60, 45, 30, .07), 0 1px 2px rgba(60, 45, 30, .04);--odw-shadow-lg: 0 8px 24px rgba(60, 45, 30, .1);--odw-stat-blue-bg: oklch(.94 .035 235);--odw-stat-blue-fg: oklch(.56 .12 240);--odw-stat-green-bg: oklch(.945 .04 158);--odw-stat-green-fg: oklch(.55 .11 158);--odw-stat-amber-bg: oklch(.955 .04 78);--odw-stat-amber-fg: oklch(.6 .12 68);--odw-stat-red-bg: oklch(.945 .03 28);--odw-stat-red-fg: oklch(.58 .18 27);--odw-stat-purple-bg: oklch(.94 .035 310);--odw-stat-purple-fg: oklch(.56 .15 312);--odw-success: oklch(.6 .12 158);--odw-warning: oklch(.7 .14 70);--odw-danger: oklch(.585 .2 27);--odw-info: oklch(.56 .05 230);--odw-font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;color-scheme:light}html.dark{--odw-bg-page: oklch(.172 .008 80);--odw-bg-card: oklch(.218 .008 80);--odw-bg-elevated: oklch(.246 .008 80);--odw-bg-header: oklch(.166 .008 80);--odw-bg-sidebar: oklch(.142 .008 80);--odw-bg-code: oklch(.14 .008 80);--odw-bg-hover: oklch(.3 .012 78);--odw-bg-stat: oklch(.246 .008 80);--odw-bg-muted: oklch(.252 .009 80);--odw-accent: oklch(.705 .14 42);--odw-accent-soft: oklch(.705 .14 42 / .16);--odw-accent-hover: oklch(.76 .135 44);--odw-accent-text: oklch(.78 .13 46);--odw-text: oklch(.95 .008 88);--odw-text-secondary: oklch(.79 .01 82);--odw-text-muted: oklch(.7 .01 82);--odw-text-soft: oklch(.58 .01 82);--odw-text-on-accent: oklch(.17 .008 80);--odw-border: oklch(1 .005 88 / .11);--odw-border-light: oklch(1 .005 88 / .07);--odw-border-active: oklch(.705 .14 42);--odw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--odw-shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--odw-shadow-lg: 0 8px 24px rgba(0, 0, 0, .55);--odw-stat-blue-bg: oklch(.3 .05 240);--odw-stat-blue-fg: oklch(.75 .12 240);--odw-stat-green-bg: oklch(.3 .05 158);--odw-stat-green-fg: oklch(.74 .13 158);--odw-stat-amber-bg: oklch(.32 .05 70);--odw-stat-amber-fg: oklch(.79 .13 72);--odw-stat-red-bg: oklch(.3 .06 27);--odw-stat-red-fg: oklch(.72 .16 25);--odw-stat-purple-bg: oklch(.3 .05 312);--odw-stat-purple-fg: oklch(.75 .14 312);--odw-success: oklch(.72 .14 158);--odw-warning: oklch(.78 .15 72);--odw-danger: oklch(.7 .18 24);--odw-info: oklch(.7 .06 232);color-scheme:dark}:root,html.dark:root{--el-color-primary: var(--odw-accent);--el-color-primary-light-3: color-mix(in oklab, var(--odw-accent) 72%, var(--odw-bg-card));--el-color-primary-light-5: color-mix(in oklab, var(--odw-accent) 50%, var(--odw-bg-card));--el-color-primary-light-7: color-mix(in oklab, var(--odw-accent) 30%, var(--odw-bg-card));--el-color-primary-light-8: color-mix(in oklab, var(--odw-accent) 20%, var(--odw-bg-card));--el-color-primary-light-9: color-mix(in oklab, var(--odw-accent) 12%, var(--odw-bg-card));--el-color-primary-dark-2: var(--odw-accent-hover);--el-color-success: var(--odw-success);--el-color-success-light-3: color-mix(in oklab, var(--odw-success) 60%, var(--odw-bg-card));--el-color-success-light-5: color-mix(in oklab, var(--odw-success) 42%, var(--odw-bg-card));--el-color-success-light-7: color-mix(in oklab, var(--odw-success) 26%, var(--odw-bg-card));--el-color-success-light-8: color-mix(in oklab, var(--odw-success) 18%, var(--odw-bg-card));--el-color-success-light-9: color-mix(in oklab, var(--odw-success) 12%, var(--odw-bg-card));--el-color-success-dark-2: color-mix(in oklab, var(--odw-success), black 18%);--el-color-warning: var(--odw-warning);--el-color-warning-light-3: color-mix(in oklab, var(--odw-warning) 60%, var(--odw-bg-card));--el-color-warning-light-5: color-mix(in oklab, var(--odw-warning) 42%, var(--odw-bg-card));--el-color-warning-light-7: color-mix(in oklab, var(--odw-warning) 26%, var(--odw-bg-card));--el-color-warning-light-8: color-mix(in oklab, var(--odw-warning) 18%, var(--odw-bg-card));--el-color-warning-light-9: color-mix(in oklab, var(--odw-warning) 12%, var(--odw-bg-card));--el-color-warning-dark-2: color-mix(in oklab, var(--odw-warning), black 18%);--el-color-danger: var(--odw-danger);--el-color-danger-light-3: color-mix(in oklab, var(--odw-danger) 60%, var(--odw-bg-card));--el-color-danger-light-5: color-mix(in oklab, var(--odw-danger) 42%, var(--odw-bg-card));--el-color-danger-light-7: color-mix(in oklab, var(--odw-danger) 26%, var(--odw-bg-card));--el-color-danger-light-8: color-mix(in oklab, var(--odw-danger) 18%, var(--odw-bg-card));--el-color-danger-light-9: color-mix(in oklab, var(--odw-danger) 12%, var(--odw-bg-card));--el-color-danger-dark-2: color-mix(in oklab, var(--odw-danger), black 18%);--el-color-error: var(--odw-danger);--el-color-error-light-3: color-mix(in oklab, var(--odw-danger) 60%, var(--odw-bg-card));--el-color-error-light-5: color-mix(in oklab, var(--odw-danger) 42%, var(--odw-bg-card));--el-color-error-light-7: color-mix(in oklab, var(--odw-danger) 26%, var(--odw-bg-card));--el-color-error-light-8: color-mix(in oklab, var(--odw-danger) 18%, var(--odw-bg-card));--el-color-error-light-9: color-mix(in oklab, var(--odw-danger) 12%, var(--odw-bg-card));--el-color-error-dark-2: color-mix(in oklab, var(--odw-danger), black 18%);--el-color-info: var(--odw-info);--el-color-info-light-3: color-mix(in oklab, var(--odw-info) 60%, var(--odw-bg-card));--el-color-info-light-5: color-mix(in oklab, var(--odw-info) 42%, var(--odw-bg-card));--el-color-info-light-7: color-mix(in oklab, var(--odw-info) 26%, var(--odw-bg-card));--el-color-info-light-8: color-mix(in oklab, var(--odw-info) 18%, var(--odw-bg-card));--el-color-info-light-9: color-mix(in oklab, var(--odw-info) 12%, var(--odw-bg-card));--el-color-info-dark-2: color-mix(in oklab, var(--odw-info), black 18%);--el-bg-color: var(--odw-bg-card);--el-bg-color-page: var(--odw-bg-page);--el-bg-color-overlay: var(--odw-bg-elevated);--el-text-color-primary: var(--odw-text);--el-text-color-regular: var(--odw-text-secondary);--el-text-color-secondary: var(--odw-text-muted);--el-text-color-placeholder: var(--odw-text-soft);--el-text-color-disabled: var(--odw-text-soft);--el-border-color: var(--odw-border);--el-border-color-light: var(--odw-border-light);--el-border-color-lighter: var(--odw-border-light);--el-border-color-extra-light: var(--odw-border-light);--el-border-color-dark: var(--odw-border);--el-border-color-darker: var(--odw-border);--el-border-color-hover: var(--odw-accent);--el-fill-color: var(--odw-bg-muted);--el-fill-color-light: var(--odw-bg-stat);--el-fill-color-lighter: var(--odw-bg-card);--el-fill-color-extra-light: var(--odw-bg-card);--el-fill-color-dark: var(--odw-bg-hover);--el-fill-color-darker: var(--odw-bg-hover);--el-fill-color-blank: var(--odw-bg-card);--el-mask-color: color-mix(in oklab, var(--odw-bg-page) 72%, transparent);--el-mask-color-extra-light: color-mix(in oklab, var(--odw-bg-page) 30%, transparent);--el-border-radius-base: var(--odw-radius);--el-border-radius-small: calc(var(--odw-radius) - 2px);--el-border-radius-round: 999px;--el-box-shadow: var(--odw-shadow-lg);--el-box-shadow-light: var(--odw-shadow);--el-box-shadow-lighter: var(--odw-shadow-sm);--el-box-shadow-dark: var(--odw-shadow-lg)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--odw-bg-page);color:var(--odw-text);letter-spacing:-.003em}h1,h2,h3,h4{letter-spacing:-.016em}html.odw-theme-ready body,html.odw-theme-ready .el-card,html.odw-theme-ready .el-header,html.odw-theme-ready .el-aside,html.odw-theme-ready .el-main{transition:background-color .2s ease,border-color .2s ease,color .2s ease}*{scrollbar-width:thin;scrollbar-color:var(--odw-border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--odw-border);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--odw-text-soft)}