:root{--bg-page: #fafafa;--bg-surface: #ffffff;--bg-surface-hover: #f4f4f5;--bg-surface-active: #e9e9ec;--bg-sidebar: #fafafa;--border: rgba(0, 0, 0, .07);--border-light: rgba(0, 0, 0, .04);--border-strong: rgba(0, 0, 0, .14);--border-focus: #18181b;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #63636e;--text-placeholder: #70707b;--accent: #18181b;--accent-hover: #000000;--accent-contrast: #ffffff;--accent-soft: rgba(24, 24, 27, .06);--current-time: #e5484d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .06), 0 2px 6px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .05);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-width: 280px;--top-bar-height: 52px;--hour-height: 60px;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--tap-min: 44px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-nav: 50;--z-dropdown: 100;--z-panel: 200;--z-drawer: 300;--z-sheet: 600;--z-modal: 1000;--z-drag: 1100;--z-toast: 1200;--z-top: 1300}.dark{--bg-page: #0c0c0d;--bg-surface: #161617;--bg-surface-hover: #1f1f21;--bg-surface-active: #29292c;--bg-sidebar: #0c0c0d;--border: rgba(255, 255, 255, .09);--border-light: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .18);--border-focus: #f4f4f5;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #8a8a94;--text-placeholder: #81818b;--accent: #f4f4f5;--accent-hover: #ffffff;--accent-contrast: #18181b;--accent-soft: rgba(244, 244, 245, .1);--current-time: #ff6369;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4), 0 2px 6px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .5), 0 4px 12px -2px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Pretendard Variable,Pretendard,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.5;letter-spacing:-.011em;overflow:hidden;height:100vh}h1,h2,h3{letter-spacing:-.028em;line-height:1.22;font-weight:600}time,.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-soft);color:var(--accent)}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit;outline:none}button{cursor:pointer;border:none;background:none;-webkit-user-select:none;user-select:none;white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn .18s cubic-bezier(.16,1,.3,1) both}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.16,1,.3,1) both}.btn-subtle{transition:background-color .15s var(--ease-out),color .15s var(--ease-out),transform .1s var(--ease-out)}.btn-subtle:hover{background-color:var(--bg-surface-hover)}.btn-subtle:active{transform:scale(.98)}.time-block:hover .block-delete-btn{opacity:.7!important}.time-block:hover .block-delete-btn:hover{opacity:1!important;background:var(--bg-surface-hover)!important}.time-block:hover .resize-indicator{opacity:.6!important}.drawer-backdrop{display:none}@media (pointer: coarse){button,[role=button]{min-width:24px;min-height:24px}}@media (min-width: 641px) and (max-width: 1024px){:root{--sidebar-width: 224px;--hour-height: 52px}}@media (max-width: 640px){.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-drawer) - 1);animation:fadeIn .15s var(--ease-out)}:root{--sidebar-width: 100%;--top-bar-height: 48px}.sidebar-container{position:fixed!important;top:48px!important;left:0!important;bottom:0!important;width:280px!important;max-width:85vw!important;z-index:var(--z-drawer)!important;box-shadow:var(--shadow-lg)!important}.task-detail-panel{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100vw!important;border-radius:16px 16px 0 0!important;border-left:none!important;border-top:1px solid var(--border)!important;box-shadow:0 -8px 32px #00000040!important;max-height:85vh!important;overflow-y:auto!important;animation:slideUp .25s cubic-bezier(.2,0,0,1) both!important;z-index:var(--z-sheet)!important}}