:root{--bg: oklch(9% .006 240);--bg-2: oklch(13% .008 240);--bg-3: oklch(18% .008 240);--bg-hover: oklch(22% .01 240);--border: oklch(25% .01 240 / .8);--border-2: oklch(34% .01 240);--text: oklch(96% .004 240);--text-2: oklch(68% .008 240);--text-3: oklch(46% .008 240);--color-video: oklch(60% .22 292);--color-design: oklch(70% .17 72);--color-web: oklch(60% .2 256);--color-producer: oklch(65% .15 163);--color-growth: oklch(60% .19 25);--color-admin: oklch(68% .17 46);--color-personal: oklch(65% .2 348);--color-default: oklch(55% .01 240);--color-client-1: oklch(62% .2 256);--color-client-2: oklch(66% .18 162);--color-client-3: oklch(70% .17 80);--color-client-4: oklch(64% .2 0);--color-client-5: oklch(64% .22 295);--color-client-6: oklch(68% .17 200);--color-client-7: oklch(70% .18 130);--color-client-8: oklch(66% .2 30);--color-overdue: oklch(62% .18 25);--color-today: oklch(68% .18 72);--color-accent: oklch(62% .2 256);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .5);--shadow: 0 2px 10px oklch(0% 0 0 / .35);--shadow-lg: 0 8px 28px oklch(0% 0 0 / .4);--sidebar-w: 260px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .11s;--dur-mid: .22s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}button{font:inherit}p{margin:0}.category-tabs{display:flex;gap:1px;padding:6px 16px;border-bottom:1px solid var(--border);background:var(--bg);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-3);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast),background var(--dur-fast);letter-spacing:0}.tab-btn:hover{color:var(--text-2);background:var(--bg-2)}.tab-btn--active{color:var(--text);background:var(--bg-2);border-color:var(--border)}.tab-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.7}.tab-btn--active .tab-dot{opacity:1}.task-card{display:flex;align-items:stretch;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;transition:background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),transform 80ms;overflow:hidden;-webkit-user-select:none;user-select:none}.task-card:hover{background:var(--bg-3);border-color:var(--border-2);box-shadow:var(--shadow-sm)}.task-card:active{cursor:grabbing;transform:scale(.98)}.task-card__bar{width:2px;flex-shrink:0}.task-card__body{flex:1;padding:8px 10px;min-width:0}.task-card__title{font-size:13px;font-weight:500;color:var(--text);margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.task-card__meta{display:flex;align-items:center;gap:5px;margin-top:3px}.task-card__priority{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;letter-spacing:.02em}.task-card__priority--high{color:var(--color-growth);background:oklch(from var(--color-growth) l c h / .12)}.task-card__priority--medium{color:var(--color-design);background:oklch(from var(--color-design) l c h / .12)}.task-card__tag{font-size:10px;font-weight:500;opacity:.75;margin-left:auto}.task-list{width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.task-list__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;flex-shrink:0}.task-list__count{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em}.task-list__done{font-size:10px;color:var(--color-producer);font-weight:500}.task-list__items{display:flex;flex-direction:column;gap:3px;padding:2px 10px 12px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.task-list__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:12px}.task-list__scheduled-section{border-top:1px solid var(--border);padding:8px 10px;flex-shrink:0;max-height:160px;overflow-y:auto}.task-list__section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);margin:0 0 5px 4px}.task-scheduled-pill{display:flex;align-items:center;gap:6px;padding:3px 5px;border-radius:var(--radius-sm);font-size:11px;color:var(--text-3)}.pill-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.pill-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list--loading{padding:12px 10px;gap:5px;display:flex;flex-direction:column}.task-skeleton{height:50px;border-radius:var(--radius);background:var(--bg-2);animation:skeleton-pulse 1.6s ease-in-out infinite alternate}@keyframes skeleton-pulse{0%{opacity:.4}to{opacity:.8}}.task-list--error{padding:20px 14px;display:flex;flex-direction:column;gap:4px}.error-msg{font-size:13px;color:var(--color-growth);margin:0;font-weight:600}.error-detail{font-size:11px;color:var(--text-3);margin:0}.time-block{position:absolute;left:64px;right:6px;border-radius:var(--radius);background:oklch(from var(--block-color) l c h / .15);border:1px solid oklch(from var(--block-color) l c h / .35);border-left:2px solid var(--block-color);display:flex;align-items:flex-start;cursor:grab;transition:background var(--dur-fast),box-shadow var(--dur-fast);overflow:hidden;z-index:10;-webkit-user-select:none;user-select:none}.time-block:hover{background:oklch(from var(--block-color) l c h / .22);box-shadow:0 2px 12px oklch(from var(--block-color) l c h / .18);z-index:20}.time-block:active{cursor:grabbing}.time-block__inner{flex:1;padding:5px 7px;min-width:0}.time-block--compact .time-block__inner{padding:0 7px;display:flex;align-items:center;gap:6px;height:100%}.time-block__title{font-size:11px;font-weight:500;color:var(--text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;letter-spacing:-.01em}.time-block--compact .time-block__title{margin:0;font-size:11px}.time-block__time{font-size:9px;color:oklch(from var(--block-color) calc(l + .18) c h);margin:0;letter-spacing:.02em;font-weight:500}.time-block__dur{color:var(--text-3);font-weight:400}.time-block__remove{flex-shrink:0;width:18px;height:18px;margin:4px 4px 0 0;background:transparent;border:none;border-radius:4px;color:var(--text-3);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.time-block:hover .time-block__remove{opacity:1}.time-block__remove:hover{background:oklch(from var(--color-growth) l c h / .18);color:var(--color-growth)}.meeting-block{position:absolute;left:64px;right:6px;border-radius:var(--radius);background:#1b2024e6;border:1px solid oklch(36% .01 240);border-left:2px solid oklch(58% .01 240);display:flex;align-items:flex-start;z-index:8;pointer-events:auto;overflow:hidden;cursor:default}.meeting-block--compact{align-items:center}.meeting-block__inner{display:flex;align-items:flex-start;gap:5px;padding:5px 7px;width:100%;min-width:0}.meeting-block--compact .meeting-block__inner{padding:0 7px;align-items:center;height:100%}.meeting-block__icon{font-size:7px;color:var(--text-3);flex-shrink:0;margin-top:3px;opacity:.7}.meeting-block--compact .meeting-block__icon{margin-top:0}.meeting-block__text{flex:1;min-width:0}.meeting-block__title{font-size:11px;font-weight:500;color:var(--text-2);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.meeting-block--compact .meeting-block__title{margin:0}.meeting-block__time{font-size:9px;color:var(--text-3);margin:0;letter-spacing:.02em}.day-grid{flex:1;overflow-y:auto;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.day-grid__inner{position:relative;min-height:100%}.hour-row{display:flex;align-items:stretch}.hour-label{width:56px;flex-shrink:0;display:flex;align-items:flex-start;padding-top:6px;padding-right:10px;justify-content:flex-end}.hour-label span{font-size:10px;font-weight:500;color:var(--text-3);letter-spacing:.02em;line-height:1}.hour-slots{flex:1;display:flex;flex-direction:column}.slot{border-top:1px solid var(--border);transition:background var(--dur-fast)}.slot--half{border-top:1px solid oklch(from var(--border) l c h / .3)}.slot--over{background:oklch(from var(--color-accent) l c h / .08);border-top-color:oklch(from var(--color-accent) l c h / .5)}.now-line{position:absolute;left:52px;right:0;height:1px;background:var(--color-growth);z-index:30;pointer-events:none}.now-dot{position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--color-growth)}.cat-view{display:flex;flex:1;overflow:hidden}.cat-palette{width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.cat-palette__header{padding:12px 14px 8px;flex-shrink:0;display:flex;align-items:baseline;justify-content:space-between}.cat-palette__label{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em}.cat-palette__hint{font-size:10px;color:var(--text-3)}.cat-palette__chips{display:flex;flex-direction:column;gap:3px;padding:4px 10px;flex:1;overflow-y:auto}.cat-palette__empty,.cat-palette__error{padding:10px 4px;font-size:11px;color:var(--text-3);text-align:center;font-style:italic}.cat-palette__error{color:var(--color-overdue);font-style:normal}.cat-chip{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}.cat-chip:hover{background:var(--bg-3);border-color:var(--border-2);box-shadow:var(--shadow-sm)}.cat-chip:active{cursor:grabbing}.cat-chip__dot{width:8px;height:8px;border-radius:50%;background:var(--cat-color);flex-shrink:0}.cat-chip__label{font-size:13px;font-weight:500;color:var(--text);letter-spacing:-.01em}.cat-palette__footer{border-top:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.cat-palette__stats{font-size:11px;color:var(--text-3)}.cat-clear-btn{font-size:11px;font-weight:500;color:var(--text-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast)}.cat-clear-btn:hover:not(:disabled){color:var(--text-2);border-color:var(--border-2)}.cat-clear-btn:disabled{opacity:.35;cursor:not-allowed}.cat-grid{flex:1;overflow-y:auto;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.cat-grid__inner{position:relative;min-height:100%}.cat-hour-row{display:flex;align-items:stretch}.cat-hour-label{width:56px;flex-shrink:0;display:flex;align-items:flex-start;padding-top:6px;padding-right:10px;justify-content:flex-end}.cat-hour-label span{font-size:10px;font-weight:500;color:var(--text-3);letter-spacing:.02em;line-height:1}.cat-hour-slots{flex:1;display:flex;flex-direction:column}.cat-slot{border-top:1px solid var(--border);transition:background var(--dur-fast)}.cat-slot--half{border-top:1px solid oklch(from var(--border) l c h / .3)}.cat-slot--over{background:oklch(from var(--color-accent) l c h / .08);border-top-color:oklch(from var(--color-accent) l c h / .4)}.cat-now-line{position:absolute;left:52px;right:0;height:1px;background:var(--color-growth);z-index:30;pointer-events:none}.cat-now-dot{position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--color-growth)}.cat-block{position:absolute;left:64px;right:6px;border-radius:var(--radius);background:oklch(from var(--cat-color) l c h / .18);border:1px solid oklch(from var(--cat-color) l c h / .4);border-left:2px solid var(--cat-color);display:flex;align-items:flex-start;cursor:grab;transition:background var(--dur-fast),box-shadow var(--dur-fast);overflow:hidden;z-index:10;-webkit-user-select:none;user-select:none}.cat-block:hover{background:oklch(from var(--cat-color) l c h / .26);box-shadow:0 2px 12px oklch(from var(--cat-color) l c h / .18);z-index:20}.cat-block:active{cursor:grabbing}.cat-block--compact{align-items:center}.cat-block__inner{flex:1;padding:5px 7px;min-width:0}.cat-block--compact .cat-block__inner{padding:0 7px;display:flex;align-items:center;gap:6px;height:100%}.cat-block__label{font-size:11px;font-weight:600;color:var(--cat-color);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.cat-block--compact .cat-block__label{margin:0}.cat-block__time{font-size:9px;color:var(--text-3);margin:0;letter-spacing:.02em}.cat-block__dur{color:var(--text-3)}.cat-block__remove{flex-shrink:0;width:18px;height:18px;margin:4px 4px 0 0;background:transparent;border:none;border-radius:4px;color:var(--text-3);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.cat-block:hover .cat-block__remove{opacity:1}.cat-block__remove:hover{background:oklch(from var(--color-growth) l c h / .18);color:var(--color-growth)}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:48px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;gap:12px}.header__left{display:flex;align-items:center;gap:12px}.header__logo{font-size:14px;font-weight:600;letter-spacing:-.025em;color:var(--text)}.header__logo span{color:var(--color-accent)}.header__date{font-size:12px;color:var(--text-3);font-weight:400;letter-spacing:0}.header__right{display:flex;align-items:center;gap:8px}.header__stats{font-size:12px;color:var(--text-3);font-weight:400;white-space:nowrap}.view-toggle{display:flex;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:1px}.view-toggle__btn{padding:4px 10px;border:none;background:transparent;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-3);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast);white-space:nowrap}.view-toggle__btn--active{background:var(--bg-3);color:var(--text)}.btn{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background var(--dur-fast),opacity var(--dur-fast),transform 80ms;white-space:nowrap;letter-spacing:-.01em}.btn:active{transform:scale(.97)}.btn--ghost{background:transparent;color:var(--text-3);border-color:var(--border)}.btn--ghost:hover{background:var(--bg-2);color:var(--text-2);border-color:var(--border-2)}.btn--plan{background:oklch(from var(--color-accent) l c h / .12);color:var(--color-accent);border-color:oklch(from var(--color-accent) l c h / .25)}.btn--plan:hover{background:oklch(from var(--color-accent) l c h / .2)}.btn:disabled{opacity:.35;cursor:not-allowed}.body{display:flex;flex:1;overflow:hidden}.refresh-dot{width:5px;height:5px;border-radius:50%;background:var(--color-producer);animation:pulse-dot 1.2s ease-in-out infinite alternate}@keyframes pulse-dot{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}