:root{--color-primary: #007aff;--color-primary-hover: #0051d5;--color-primary-active: #003d99;--color-background: #ffffff;--color-surface: #f5f5f5;--color-surface-elevated: #ffffff;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-border-dark: #d0d0d0;--color-text: #333333;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-disabled: #cccccc;--color-hover: #f0f0f0;--color-active: #e8e8e8;--color-selected: #007aff;--color-selected-text: #ffffff;--color-focus: #007aff;--color-error: #ff3b30;--color-error-bg: #fff5f5;--color-success: #34c759;--color-success-bg: #f0fdf4;--color-warning: #ff9500;--color-warning-bg: #fffbf0;--color-info: #5ac8fa;--color-info-bg: #f0f9ff;--color-podcast: #9b4dca;--color-music: #007aff;--color-audiobook: #ff9500;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.75;--border-width: 1px;--border-width-thick: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-focus: 0 0 0 3px rgba(0, 122, 255, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--header-height: 64px;--sidebar-width: 240px;--statusbar-height: 32px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}@media (prefers-color-scheme: dark){:root{--color-background: #1c1c1e;--color-surface: #2c2c2e;--color-surface-elevated: #3a3a3c;--color-border: #38383a;--color-border-light: #2c2c2e;--color-border-dark: #48484a;--color-text: #ffffff;--color-text-secondary: #ebebf5;--color-text-tertiary: #8e8e93;--color-text-disabled: #636366;--color-hover: #3a3a3c;--color-active: #48484a;--color-selected: #0a84ff;--color-error: #ff453a;--color-error-bg: #3a1f1f;--color-success: #32d74b;--color-success-bg: #1f3a24;--color-warning: #ff9f0a;--color-warning-bg: #3a2f1f;--color-info: #64d2ff;--color-info-bg: #1f2f3a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-focus: 0 0 0 3px rgba(10, 132, 255, .5)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html:focus-within{scroll-behavior:smooth}body{min-height:100%;line-height:var(--line-height-base);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background)}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}ul[role=list],ol[role=list]{list-style:none}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}pre,code{font-family:var(--font-family-mono)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.u-flex{display:flex}.u-flex--column{flex-direction:column}.u-flex--center{justify-content:center;align-items:center}.u-flex--between{justify-content:space-between;align-items:center}.u-grid{display:grid}.u-spacing--xs{gap:var(--spacing-xs)}.u-spacing--sm{gap:var(--spacing-sm)}.u-spacing--md{gap:var(--spacing-md)}.u-spacing--lg{gap:var(--spacing-lg)}.u-spacing--xl{gap:var(--spacing-xl)}.u-padding--xs{padding:var(--spacing-xs)}.u-padding--sm{padding:var(--spacing-sm)}.u-padding--md{padding:var(--spacing-md)}.u-padding--lg{padding:var(--spacing-lg)}.u-padding--xl{padding:var(--spacing-xl)}.u-margin--xs{margin:var(--spacing-xs)}.u-margin--sm{margin:var(--spacing-sm)}.u-margin--md{margin:var(--spacing-md)}.u-margin--lg{margin:var(--spacing-lg)}.u-margin--xl{margin:var(--spacing-xl)}.u-text--center{text-align:center}.u-text--left{text-align:left}.u-text--right{text-align:right}.u-text--xs{font-size:var(--font-size-xs)}.u-text--sm{font-size:var(--font-size-sm)}.u-text--base{font-size:var(--font-size-base)}.u-text--lg{font-size:var(--font-size-lg)}.u-text--xl{font-size:var(--font-size-xl)}.u-text--normal{font-weight:var(--font-weight-normal)}.u-text--medium{font-weight:var(--font-weight-medium)}.u-text--semibold{font-weight:var(--font-weight-semibold)}.u-text--bold{font-weight:var(--font-weight-bold)}.u-text--secondary{color:var(--color-text-secondary)}.u-text--tertiary{color:var(--color-text-tertiary)}.u-text--disabled{color:var(--color-text-disabled)}.u-text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-hidden{display:none!important}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.u-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.u-loading{position:relative;pointer-events:none;opacity:.6}.u-loading:after{content:"";position:absolute;inset:0;background:var(--color-background);opacity:.5}.u-clickable{cursor:pointer;user-select:none}.u-no-select{user-select:none}.u-shadow--sm{box-shadow:var(--shadow-sm)}.u-shadow--md{box-shadow:var(--shadow-md)}.u-shadow--lg{box-shadow:var(--shadow-lg)}.u-border{border:var(--border-width) solid var(--color-border)}.u-border--top{border-top:var(--border-width) solid var(--color-border)}.u-border--bottom{border-bottom:var(--border-width) solid var(--color-border)}.u-border--left{border-left:var(--border-width) solid var(--color-border)}.u-border--right{border-right:var(--border-width) solid var(--color-border)}.u-rounded--sm{border-radius:var(--border-radius-sm)}.u-rounded--md{border-radius:var(--border-radius-md)}.u-rounded--lg{border-radius:var(--border-radius-lg)}.u-rounded--full{border-radius:var(--border-radius-full)}.u-full-width{width:100%}.u-full-height{height:100%}.u-overflow--auto{overflow:auto}.u-overflow--hidden{overflow:hidden}.u-overflow--scroll{overflow:scroll}.u-overflow-x--auto{overflow-x:auto}.u-overflow-y--auto{overflow-y:auto}.u-relative{position:relative}.u-absolute{position:absolute}.u-fixed{position:fixed}.u-sticky{position:sticky}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}