:root,[data-theme=dark]{--kb-bg: #1a1a2e;--kb-surface: #16213e;--kb-surface-raised: #1e2940;--kb-surface-hover: #243050;--kb-surface-active: #222f48;--kb-surface-highlight: #1a2744;--kb-surface-field-hover: #2a3550;--kb-surface-inner-selected: #2a3f60;--kb-text: #e0e0e0;--kb-text-bright: #fff;--kb-text-primary: #e8e8e8;--kb-text-secondary: #aaa;--kb-text-muted: #888;--kb-text-dim: #666;--kb-text-faint: #555;--kb-text-ghost: #444;--kb-text-hint: #556;--kb-border: #2a2a4a;--kb-border-subtle: #2a3a5a;--kb-border-hover: #3a4a6a;--kb-border-active: #4a6a9a;--kb-border-accent: #5882b5;--kb-accent: #5882b5;--kb-accent-soft: rgba(88, 130, 181, .15);--kb-accent-softer: rgba(88, 130, 181, .1);--kb-accent-outline: rgba(90, 122, 170, .4);--kb-checkbox-accent: #4dabf7;--kb-badge-bg: #2a2a4a;--kb-scrollbar-thumb: #2a2a4a;--kb-divider-line: #3a4a6a;--kb-divider-line-hover: #4a6a9a;--kb-drag-ghost-bg: rgba(88, 130, 181, .1);--kb-drag-ghost-line: #4a6a9a;--kb-shadow: rgba(0, 0, 0, .3);--kb-shadow-heavy: rgba(0, 0, 0, .4);--kb-hover-overlay: rgba(255, 255, 255, .05)}[data-theme=light]{--kb-bg: #f0f2f5;--kb-surface: #ffffff;--kb-surface-raised: #ffffff;--kb-surface-hover: #f0f3f7;--kb-surface-active: #eaf0f6;--kb-surface-highlight: #f6f8fb;--kb-surface-field-hover: #eef1f5;--kb-surface-inner-selected: #e0eaf5;--kb-text: #333333;--kb-text-bright: #111111;--kb-text-primary: #222222;--kb-text-secondary: #666666;--kb-text-muted: #888888;--kb-text-dim: #888888;--kb-text-faint: #aaaaaa;--kb-text-ghost: #cccccc;--kb-text-hint: #999999;--kb-border: #e0e0e0;--kb-border-subtle: #d8dce4;--kb-border-hover: #c0c8d8;--kb-border-active: #8aa8cc;--kb-border-accent: #5882b5;--kb-accent: #5882b5;--kb-accent-soft: rgba(88, 130, 181, .1);--kb-accent-softer: rgba(88, 130, 181, .06);--kb-accent-outline: rgba(88, 130, 181, .35);--kb-checkbox-accent: #4dabf7;--kb-badge-bg: #e8ecf0;--kb-scrollbar-thumb: #ccd0d8;--kb-divider-line: #d0d4da;--kb-divider-line-hover: #8aa8cc;--kb-drag-ghost-bg: rgba(88, 130, 181, .06);--kb-drag-ghost-line: #8aa8cc;--kb-shadow: rgba(0, 0, 0, .06);--kb-shadow-heavy: rgba(0, 0, 0, .12);--kb-hover-overlay: rgba(0, 0, 0, .03)}[data-theme=beige]{--kb-bg: #f5f0e8;--kb-surface: #faf6ef;--kb-surface-raised: #faf6ef;--kb-surface-hover: #f0ebe2;--kb-surface-active: #ebe5da;--kb-surface-highlight: #f7f3ec;--kb-surface-field-hover: #eee9e0;--kb-surface-inner-selected: #e4ddd0;--kb-text: #3d3529;--kb-text-bright: #1a1610;--kb-text-primary: #2c2418;--kb-text-secondary: #6b6050;--kb-text-muted: #8a8070;--kb-text-dim: #8a8070;--kb-text-faint: #aaa090;--kb-text-ghost: #c8c0b0;--kb-text-hint: #9a9080;--kb-border: #ddd6c8;--kb-border-subtle: #d5cec0;--kb-border-hover: #c0b8a8;--kb-border-active: #a09478;--kb-border-accent: #8b7a5e;--kb-accent: #8b7a5e;--kb-accent-soft: rgba(139, 122, 94, .12);--kb-accent-softer: rgba(139, 122, 94, .07);--kb-accent-outline: rgba(139, 122, 94, .35);--kb-checkbox-accent: #a08860;--kb-badge-bg: #e8e0d4;--kb-scrollbar-thumb: #d0c8b8;--kb-divider-line: #d0c8b8;--kb-divider-line-hover: #a09478;--kb-drag-ghost-bg: rgba(139, 122, 94, .07);--kb-drag-ghost-line: #a09478;--kb-shadow: rgba(80, 60, 30, .08);--kb-shadow-heavy: rgba(80, 60, 30, .15);--kb-hover-overlay: rgba(0, 0, 0, .03)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--kb-bg);color:var(--kb-text);overflow:hidden}:focus{outline:none}body.kb-nav{cursor:none}body.kb-nav *{cursor:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--kb-scrollbar-thumb);border-radius:3px}.drag-placeholder{opacity:0;pointer-events:none}.drag-ghost{position:fixed;pointer-events:none;z-index:1000;opacity:.85;transform:rotate(2deg);box-shadow:0 8px 24px var(--kb-shadow-heavy);border-radius:8px}.drag-ghost.drag-ghost-flat{transform:none;box-shadow:none;background:var(--kb-drag-ghost-bg);border-radius:4px;padding:6px 0;opacity:1}.drag-ghost.drag-ghost-flat .divider-line{border:none;border-top:2px solid var(--kb-drag-ghost-line);margin:0 4px}.col-drag-ghost{position:fixed;pointer-events:none;z-index:1000;opacity:.7;transform:rotate(1.5deg);box-shadow:0 12px 40px var(--kb-shadow-heavy);border-radius:12px;overflow:hidden;max-height:400px}body.dropping *{transition:none!important}body.dropping kb-column{transition:opacity .3s ease!important}