.jantt-theme-beenie .jantt-timeline-area{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cg transform='translate(50,50)' opacity='0.08'%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(72)'/%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(144)'/%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(216)'/%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(288)'/%3E%3Ccircle cx='0' cy='0' r='5' fill='%23F43F5E'/%3E%3C/g%3E%3Cg opacity='0.08'%3E%3Cpath d='M130,25 C124,31 124,40 130,44 C136,40 136,31 130,25 Z' fill='%23F472B6' transform='rotate(25, 130, 34)'/%3E%3Cpath d='M20,115 C14,121 14,130 20,134 C26,130 26,121 20,115 Z' fill='%23F472B6' transform='rotate(-40, 20, 124)'/%3E%3Cpath d='M120,125 C115,129 115,137 120,141 C125,137 125,129 120,125 Z' fill='%23FB7185' transform='rotate(15, 120, 133)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px}:root,.jantt-theme-light{--jantt-bg: #FFFFFF;--jantt-surface: #F8FAFC;--jantt-surface-hover: #F1F5F9;--jantt-surface-solid: #FFFFFF;--jantt-border: #CBD5E1;--jantt-border-subtle: #E2E8F0;--jantt-border-strong: #94A3B8;--jantt-text: #0F172A;--jantt-text-muted: #475569;--jantt-text-dim: #94A3B8;--jantt-accent: #0284C7;--jantt-accent-glow: rgba(2, 132, 199, .14);--jantt-accent-contrast: #FFFFFF;--jantt-today: #E11D48;--jantt-critical: #D97706;--jantt-critical-glow: rgba(217, 119, 6, .18);--jantt-bar-done: #64748B;--jantt-bar-done-subtle: rgba(100, 116, 139, .16);--jantt-weekend-bg: transparent;--jantt-grid-line: #E2E8F0;--jantt-grid-row-line: #E2E8F0;--jantt-dep-line: #94A3B8;--jantt-dep-line-active: #0284C7;--jantt-bar-radius: 6px;--jantt-glass-blur: 16px;--jantt-shadow: none;--jantt-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--jantt-font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, monospace}.jantt-theme-dark{--jantt-bg: #000000;--jantt-surface: rgba(16, 16, 18, .95);--jantt-surface-hover: rgba(28, 28, 32, .95);--jantt-surface-solid: #101012;--jantt-border: rgba(255, 255, 255, .14);--jantt-border-subtle: rgba(255, 255, 255, .07);--jantt-border-strong: rgba(255, 255, 255, .28);--jantt-text: #FFFFFF;--jantt-text-muted: #A1A1AA;--jantt-text-dim: #71717A;--jantt-accent: #FFFFFF;--jantt-accent-glow: rgba(255, 255, 255, .3);--jantt-accent-contrast: #000000;--jantt-today: #EF4444;--jantt-critical: #F43F5E;--jantt-critical-glow: rgba(244, 63, 94, .4);--jantt-bar-done: #3F3F46;--jantt-bar-done-subtle: rgba(63, 63, 70, .35);--jantt-weekend-bg: transparent;--jantt-grid-line: rgba(255, 255, 255, .08);--jantt-grid-row-line: rgba(255, 255, 255, .05);--jantt-dep-line: #52525B;--jantt-dep-line-active: #FFFFFF;--jantt-bar-radius: 6px;--jantt-glass-blur: 16px;--jantt-shadow: 0 25px 50px -12px rgba(0, 0, 0, .95)}.jantt-container{display:flex;flex-direction:column;background:var(--jantt-bg);color:var(--jantt-text);font-family:var(--jantt-font-sans);border:1px solid var(--jantt-border);border-radius:16px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;box-shadow:var(--jantt-shadow);width:100%;height:100%;min-height:0;flex:1 1 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.jantt-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--jantt-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--jantt-border);gap:12px;flex-wrap:wrap;z-index:30;position:relative}.jantt-toolbar-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.jantt-title-block{display:flex;align-items:center;gap:8px}.jantt-title{font-size:16px;font-weight:700;color:var(--jantt-text);letter-spacing:-.015em}.jantt-badge{font-size:12px;font-family:var(--jantt-font-mono);font-weight:600;padding:2px 9px;border-radius:100px;background:var(--jantt-accent-glow);color:var(--jantt-accent);border:1px solid currentColor}.jantt-toolbar-center{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;flex:1 1 auto}.jantt-zoom-strip{display:inline-flex;align-items:center;gap:6px;background:var(--jantt-surface-solid, rgba(0, 0, 0, .22));border:1px solid var(--jantt-border);border-radius:100px;padding:3px 10px;box-sizing:border-box;height:30px}.jantt-theme-light .jantt-zoom-strip{background:#0f172a0d;border-color:#0f172a1f}.jantt-zoom-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--jantt-text-muted);width:18px;height:18px;border-radius:4px;cursor:pointer;padding:0;transition:all .15s ease;-webkit-user-select:none;user-select:none}.jantt-zoom-btn:hover{background:var(--jantt-surface-hover);color:var(--jantt-accent)}.jantt-zoom-btn:active{transform:scale(.92)}.jantt-zoom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:4px;background:var(--jantt-border);border-radius:2px;outline:none;cursor:pointer;margin:0 2px;transition:background .15s ease}.jantt-zoom-slider:hover{background:var(--jantt-border-focus, var(--jantt-accent))}.jantt-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--jantt-accent);cursor:pointer;box-shadow:0 1px 4px #00000059;transition:transform .15s ease,box-shadow .15s ease}.jantt-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 8px var(--jantt-accent-glow, rgba(56, 189, 248, .5))}.jantt-zoom-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--jantt-accent);cursor:pointer;box-shadow:0 1px 4px #00000059;transition:transform .15s ease,box-shadow .15s ease}.jantt-zoom-slider::-moz-range-thumb:hover{transform:scale(1.25);box-shadow:0 0 8px var(--jantt-accent-glow, rgba(56, 189, 248, .5))}.jantt-zoom-label{font-size:11.5px;font-family:var(--jantt-font-mono);font-weight:700;color:var(--jantt-text-dim, var(--jantt-text-muted));min-width:32px;text-align:right;-webkit-user-select:none;user-select:none}.jantt-zoom-strip-divider{width:1px;height:16px;background:var(--jantt-border);margin:0 4px;opacity:.7}.jantt-rowheight-strip{display:inline-flex;align-items:center;gap:6px;background:var(--jantt-surface-solid, rgba(0, 0, 0, .22));border:1px solid var(--jantt-border);border-radius:100px;padding:4px 10px;box-sizing:border-box;height:32px}.jantt-theme-light .jantt-rowheight-strip{background:#0f172a0d;border-color:#0f172a1f}.jantt-rowheight-strip .jantt-scale-group{background:transparent;border:none;padding:0}.jantt-rowheight-icon{display:flex;align-items:center;color:var(--jantt-text-muted)}.jantt-rowheight-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:55px;height:4px;background:var(--jantt-border);border-radius:2px;outline:none;cursor:pointer;margin:0 2px;transition:background .15s ease}.jantt-rowheight-slider:focus{background:var(--jantt-border-focus, var(--jantt-accent))}.jantt-rowheight-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--jantt-accent);cursor:pointer;box-shadow:0 1px 4px #00000059;transition:transform .15s ease,box-shadow .15s ease}.jantt-rowheight-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 8px var(--jantt-accent-glow, rgba(56, 189, 248, .5))}.jantt-rowheight-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--jantt-accent);cursor:pointer;box-shadow:0 1px 4px #00000059;transition:transform .15s ease,box-shadow .15s ease}.jantt-rowheight-label{font-size:11.5px;font-family:var(--jantt-font-mono);font-weight:700;color:var(--jantt-text-dim, var(--jantt-text-muted));min-width:32px;text-align:right;-webkit-user-select:none;user-select:none}.jantt-scale-group{display:flex;background:var(--jantt-surface-solid, rgba(0, 0, 0, .22));border:1px solid var(--jantt-border);border-radius:100px;padding:2px;gap:2px}.jantt-zoom-strip .jantt-scale-group{background:transparent;border:none;padding:0}.jantt-theme-light .jantt-scale-group{background:#0f172a0f;border-color:#0f172a1f}.jantt-scale-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;color:var(--jantt-text-muted);font-size:12px;font-weight:600;padding:4px 10px;border-radius:100px;cursor:pointer;transition:all .16s ease;text-transform:capitalize;line-height:1;white-space:nowrap}.jantt-scale-btn:hover{color:var(--jantt-text)}.jantt-scale-btn.is-active{background:var(--jantt-accent);color:var(--jantt-accent-contrast, #FFFFFF);font-weight:700;box-shadow:0 2px 6px var(--jantt-accent-glow, rgba(0, 0, 0, .2))}.jantt-theme-dark .jantt-scale-btn.is-active{color:var(--jantt-accent-contrast, #000000)}.jantt-theme-light .jantt-scale-btn.is-active{color:var(--jantt-accent-contrast, #FFFFFF)}.jantt-critical-btn{display:inline-flex;align-items:center;gap:6px;background:var(--jantt-surface);border:1px solid var(--jantt-border);color:var(--jantt-text-muted);font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:100px;cursor:pointer;transition:all .16s ease}.jantt-critical-btn:hover{border-color:var(--jantt-border-strong);color:var(--jantt-text)}.jantt-critical-btn.is-active{background:var(--jantt-critical-glow, rgba(245, 158, 11, .2));color:#fff;border-color:var(--jantt-critical);box-shadow:0 0 16px var(--jantt-critical-glow),inset 0 0 8px var(--jantt-critical-glow);font-weight:700}.jantt-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative}.jantt-add-task-btn{display:inline-flex;align-items:center;gap:5px;background:var(--jantt-accent);color:var(--jantt-accent-contrast, #FFFFFF);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:100px;border:1px solid transparent;cursor:pointer;transition:all .16s ease;box-shadow:0 2px 6px var(--jantt-accent-glow)}.jantt-theme-dark .jantt-add-task-btn,.jantt-theme-nordic-frost .jantt-add-task-btn,.jantt-theme-cyber-emerald .jantt-add-task-btn{color:var(--jantt-accent-contrast, #000000)}.jantt-theme-light .jantt-add-task-btn{color:#fff}.jantt-add-task-btn:hover{opacity:.92;transform:scale(1.02);box-shadow:0 0 12px var(--jantt-accent-glow)}.jantt-add-task-btn:active{transform:scale(.98)}.jantt-search-box{display:flex;align-items:center;background:var(--jantt-bg);border:1px solid var(--jantt-border);border-radius:100px;padding:4px 10px;gap:6px;transition:border-color .15s ease,box-shadow .15s ease}.jantt-search-icon{display:inline-flex;align-items:center;color:var(--jantt-text-muted)}.jantt-search-box:focus-within{border-color:var(--jantt-accent);box-shadow:0 0 0 2px var(--jantt-accent-glow)}.jantt-search-input{background:transparent;border:none;outline:none;color:var(--jantt-text);font-size:11.5px;width:115px;font-family:var(--jantt-font-sans)}.jantt-search-input::placeholder{color:var(--jantt-text-muted);opacity:.8}.jantt-settings-wrap{position:relative;display:inline-flex}.jantt-settings-btn{display:inline-flex;align-items:center;gap:5px;background:var(--jantt-surface);border:1px solid var(--jantt-border);color:var(--jantt-text-muted);font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:100px;cursor:pointer;transition:all .16s ease}.jantt-settings-btn:hover{border-color:var(--jantt-border-strong);color:var(--jantt-text);background:var(--jantt-surface-hover)}.jantt-settings-btn.is-active{background:var(--jantt-accent);color:var(--jantt-accent-contrast, #FFFFFF);border-color:var(--jantt-accent);box-shadow:0 0 10px var(--jantt-accent-glow)}.jantt-theme-dark .jantt-settings-btn.is-active,.jantt-theme-nordic-frost .jantt-settings-btn.is-active,.jantt-theme-cyber-emerald .jantt-settings-btn.is-active{color:var(--jantt-accent-contrast, #000000)}.jantt-settings-popover{position:absolute;top:calc(100% + 8px);right:0;width:310px;max-height:calc(100vh - 120px);overflow-y:auto;box-sizing:border-box;background:var(--jantt-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--jantt-border-strong, var(--jantt-border));border-radius:14px;box-shadow:0 12px 36px #00000073,0 0 0 1px #ffffff0f;padding:14px 16px;z-index:100;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.jantt-settings-popover.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.jantt-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.jantt-settings-title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--jantt-text)}.jantt-settings-close-btn{background:transparent;border:none;color:var(--jantt-text-muted);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:12px;transition:color .15s ease,background .15s ease}.jantt-settings-close-btn:hover{color:var(--jantt-text);background:var(--jantt-surface-hover)}.jantt-settings-section{margin-bottom:8px}.jantt-settings-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--jantt-text-muted);margin-bottom:8px}.jantt-settings-row{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.jantt-settings-label{font-size:11.5px;font-weight:600;color:var(--jantt-text)}.jantt-settings-slider-header{display:flex;align-items:center;justify-content:space-between}.jantt-settings-val-badge{font-family:var(--jantt-font-mono);font-size:11px;font-weight:700;color:var(--jantt-accent);background:var(--jantt-accent-glow);padding:2px 7px;border-radius:6px;border:1px solid var(--jantt-border-strong, transparent)}.jantt-settings-slider-wrap{display:flex;align-items:center;padding:4px 0}.jantt-settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:var(--jantt-border);border-radius:3px;outline:none;cursor:pointer;transition:background .15s ease}.jantt-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--jantt-accent);cursor:pointer;box-shadow:0 1px 4px #00000059;transition:transform .15s ease}.jantt-settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.jantt-settings-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--jantt-accent);cursor:pointer}.jantt-settings-presets{display:flex;gap:5px;margin-top:4px}.jantt-preset-btn{flex:1;font-size:10px;font-weight:600;padding:4px 6px;border-radius:6px;border:1px solid var(--jantt-border);background:var(--jantt-surface-solid);color:var(--jantt-text-muted);cursor:pointer;transition:all .15s ease;text-align:center}.jantt-preset-btn:hover{color:var(--jantt-text);border-color:var(--jantt-accent);background:var(--jantt-surface-hover)}.jantt-preset-btn.is-active{background:var(--jantt-accent);color:var(--jantt-accent-contrast, #FFFFFF);border-color:var(--jantt-accent)}.jantt-theme-dark .jantt-preset-btn.is-active,.jantt-theme-nordic-frost .jantt-preset-btn.is-active,.jantt-theme-cyber-emerald .jantt-preset-btn.is-active{color:var(--jantt-accent-contrast, #000000)}.jantt-settings-divider{height:1px;background:var(--jantt-border);margin:10px 0;opacity:.7}.jantt-settings-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;cursor:pointer;padding:6px 8px;border-radius:8px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.jantt-settings-switch-row:hover{background:var(--jantt-surface-hover)}.jantt-settings-switch-info{display:flex;flex-direction:column;gap:2px;flex:1}.jantt-settings-switch-label{font-size:11.5px;font-weight:600;color:var(--jantt-text)}.jantt-settings-switch-sub{font-size:10px;color:var(--jantt-text-muted);line-height:1.3}.jantt-toggle-switch{width:36px;height:20px;border-radius:100px;background:var(--jantt-border-strong, rgba(255, 255, 255, .2));border:none;cursor:pointer;position:relative;transition:background .2s ease,box-shadow .2s ease;padding:2px;box-sizing:border-box;flex-shrink:0}.jantt-theme-light .jantt-toggle-switch{background:#0f172a2e}.jantt-toggle-thumb{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s cubic-bezier(.16,1,.3,1)}.jantt-toggle-switch.is-active{background:var(--jantt-accent);box-shadow:0 0 8px var(--jantt-accent-glow)}.jantt-toggle-switch.is-active .jantt-toggle-thumb{transform:translate(16px)}.jantt-settings-action-btn{display:flex;align-items:center;gap:7px;width:100%;background:var(--jantt-surface);border:1px solid var(--jantt-border);color:var(--jantt-text);border-radius:7px;padding:6px 9px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:6px;box-sizing:border-box}.jantt-settings-action-btn:hover{background:var(--jantt-surface-hover);border-color:var(--jantt-accent);color:var(--jantt-accent)}.jantt-settings-action-btn svg{flex-shrink:0}.jantt-settings-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.jantt-settings-action-grid .jantt-settings-action-btn{justify-content:center;padding:5px 6px;font-size:10px;margin-bottom:0}.jantt-date-filter-badge{display:inline-flex;align-items:center;gap:6px;background:var(--jantt-accent);color:var(--jantt-accent-contrast, #FFFFFF);font-size:11px;font-weight:600;font-family:var(--jantt-font-sans);padding:4px 10px;border-radius:9999px;cursor:pointer;box-shadow:0 2px 8px var(--jantt-accent-glow, rgba(56, 189, 248, .35));transition:opacity .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none}.jantt-theme-dark .jantt-date-filter-badge,.jantt-theme-nordic-frost .jantt-date-filter-badge,.jantt-theme-cyber-emerald .jantt-date-filter-badge{color:var(--jantt-accent-contrast, #000000)}.jantt-date-filter-badge:hover{opacity:.92;transform:translateY(-1px)}.jantt-date-filter-icon{display:inline-flex;align-items:center;opacity:.9}.jantt-date-filter-clear{display:inline-flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;width:15px;height:15px;padding:0;color:inherit;cursor:pointer;transition:background .15s ease}.jantt-date-filter-clear:hover{background:#ffffff59}.jantt-body-wrap{display:flex;position:relative;overflow:auto;flex:1 1 auto;min-height:0;height:100%;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.jantt-label-column{position:sticky;left:0;z-index:45;background:var(--jantt-surface-solid);border-right:1px solid var(--jantt-border);flex-shrink:0;display:flex;flex-direction:column;height:max-content;min-height:100%}.jantt-label-header{position:sticky;top:0;z-index:50;flex-shrink:0;border-bottom:1px solid var(--jantt-border);display:grid;grid-template-columns:minmax(120px,1fr) 42px 48px;gap:6px;align-items:center;padding:0 12px;font-size:11px;font-weight:700;color:var(--jantt-text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--jantt-surface-solid);box-sizing:border-box}.jantt-label-row{flex-shrink:0;display:grid;grid-template-columns:minmax(120px,1fr) 42px 48px;gap:6px;align-items:center;padding:0 12px;border-bottom:1px solid var(--jantt-border-subtle);cursor:pointer;transition:background .15s ease;font-size:13px;white-space:nowrap;box-sizing:border-box}.jantt-label-row:hover,.jantt-label-row.is-row-highlighted{background:var(--jantt-surface-hover)}.jantt-col-name{display:flex;align-items:center;gap:6px;overflow:hidden;min-width:0;padding-left:2px}.jantt-label-dot{width:9px;height:9px;min-width:9px;min-height:9px;border-radius:50%;flex-shrink:0;box-shadow:none;display:inline-block}.jantt-label-text{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--jantt-text);letter-spacing:-.01em;flex:1;min-width:0}.jantt-assignee-avatar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;border-radius:50%;color:#fff;font-size:9.5px;font-weight:700;flex-shrink:0;box-shadow:0 1px 2px #00000040;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:default}.jantt-task-avatar-pill{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;min-height:18px;border-radius:50%;color:#fff;font-size:8.5px;font-weight:700;flex-shrink:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:default}.jantt-col-meta{font-size:12px;font-family:var(--jantt-font-mono);color:var(--jantt-text-dim);text-align:center}.jantt-col-progress-pill{font-size:11px;font-family:var(--jantt-font-mono);font-weight:700;text-align:center;padding:2px 6px;border-radius:100px;background:#38bdf81f;color:var(--jantt-accent);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.jantt-label-row.is-done{opacity:.68}.jantt-label-row.is-done:hover{opacity:.95}.jantt-label-row.is-done .jantt-label-dot{background:var(--jantt-bar-done, #64748B)!important;opacity:.65}.jantt-label-row.is-done .jantt-label-text{color:var(--jantt-text-muted)}.jantt-label-row.is-done .jantt-col-progress-pill{background:var(--jantt-bar-done-subtle, rgba(100, 116, 139, .16));color:var(--jantt-text-dim);border:1px solid rgba(100,116,139,.25)}.jantt-splitter{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;touch-action:none;z-index:46;background:transparent;transition:background .15s ease}.jantt-splitter:hover,.jantt-splitter.is-dragging{background:var(--jantt-accent);box-shadow:0 0 8px var(--jantt-accent-glow)}.jantt-timeline-area{position:relative;flex-shrink:0;display:flex;flex-direction:column;background:var(--jantt-bg);height:max-content;min-height:100%}.jantt-timeline-header{position:sticky;top:0;z-index:40;flex-shrink:0;background:var(--jantt-surface-solid);border-bottom:1px solid var(--jantt-border);display:flex;flex-direction:column;box-sizing:border-box;touch-action:none}.jantt-header-years{display:flex;border-bottom:1px solid var(--jantt-border-subtle);height:20px;background:var(--jantt-bg);box-sizing:border-box;flex-shrink:0}.jantt-year-cell{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--jantt-font-mono);color:var(--jantt-accent);border-right:1px solid var(--jantt-grid-line);box-sizing:border-box;letter-spacing:.05em}.jantt-header-months{display:flex;border-bottom:1px solid var(--jantt-border-subtle);height:29px;background:var(--jantt-surface-solid);box-sizing:border-box;flex-shrink:0}.jantt-month-cell{display:flex;align-items:center;padding-left:12px;font-size:12.5px;font-weight:700;color:var(--jantt-text);border-right:1px solid var(--jantt-grid-line);box-sizing:border-box;letter-spacing:-.01em;position:relative;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none}.jantt-header-days{display:flex;height:29px;background:var(--jantt-surface-solid);box-sizing:border-box;flex-shrink:0}.jantt-day-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10.5px;font-family:var(--jantt-font-mono);color:var(--jantt-text-muted);border-right:1px solid var(--jantt-grid-line);box-sizing:border-box;line-height:1.15;padding:2px 0;position:relative;overflow:visible;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.jantt-day-cell:hover{background:var(--jantt-accent-subtle, rgba(56, 189, 248, .15));color:var(--jantt-accent)}.jantt-day-cell.is-date-selected{background:var(--jantt-accent)!important;color:var(--jantt-accent-contrast, #FFFFFF)!important;font-weight:800;box-shadow:0 0 12px var(--jantt-accent-glow, rgba(56, 189, 248, .5));z-index:7}.jantt-day-cell.is-date-selected .jantt-day-name,.jantt-day-cell.is-date-selected .jantt-day-num,.jantt-day-cell.is-date-selected .jantt-boundary-marker{color:var(--jantt-accent-contrast, #FFFFFF)!important}.jantt-theme-dark .jantt-day-cell.is-date-selected,.jantt-theme-dark .jantt-day-cell.is-date-selected .jantt-day-name,.jantt-theme-dark .jantt-day-cell.is-date-selected .jantt-day-num,.jantt-theme-dark .jantt-day-cell.is-date-selected .jantt-boundary-marker,.jantt-theme-nordic-frost .jantt-day-cell.is-date-selected,.jantt-theme-nordic-frost .jantt-day-cell.is-date-selected .jantt-day-name,.jantt-theme-nordic-frost .jantt-day-cell.is-date-selected .jantt-day-num,.jantt-theme-nordic-frost .jantt-day-cell.is-date-selected .jantt-boundary-marker,.jantt-theme-cyber-emerald .jantt-day-cell.is-date-selected,.jantt-theme-cyber-emerald .jantt-day-cell.is-date-selected .jantt-day-name,.jantt-theme-cyber-emerald .jantt-day-cell.is-date-selected .jantt-day-num,.jantt-theme-cyber-emerald .jantt-day-cell.is-date-selected .jantt-boundary-marker{color:var(--jantt-accent-contrast, #000000)!important}.jantt-col-resize-handle{position:absolute;top:0;right:-5px;width:10px;height:100%;cursor:col-resize!important;z-index:15;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.jantt-col-resize-handle:after{content:"";width:2px;height:65%;border-radius:2px;background:transparent;transition:background .15s ease,box-shadow .15s ease}.jantt-col-resize-handle:hover:after,.jantt-col-resize-handle:active:after{background:var(--jantt-accent);box-shadow:0 0 6px var(--jantt-accent-glow, rgba(56, 189, 248, .6))}.jantt-day-cell:hover{background:var(--jantt-accent-subtle, rgba(56, 189, 248, .15));color:var(--jantt-accent);cursor:pointer}.jantt-month-cell:hover{background:var(--jantt-accent-subtle, rgba(56, 189, 248, .08));cursor:col-resize}.jantt-day-name,.jantt-day-num,.jantt-boundary-marker{pointer-events:none}.jantt-day-name{font-size:9.5px;opacity:.75;text-transform:uppercase;font-weight:600}.jantt-day-num{font-size:12px;font-weight:700}.jantt-day-num.is-boundary-num{color:var(--jantt-accent);font-weight:800}.jantt-boundary-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10.5px;font-weight:700;font-family:var(--jantt-font-mono);color:var(--jantt-text);background:var(--jantt-surface-solid);border:1px solid var(--jantt-accent);padding:2px 6px;border-radius:4px;box-shadow:0 2px 6px #00000059;white-space:nowrap;z-index:5;pointer-events:auto;cursor:default}.jantt-boundary-marker.is-today-marker{border-color:var(--jantt-today);color:var(--jantt-today)}.jantt-day-cell.is-task-boundary{background:#38bdf814}.jantt-day-cell.is-weekend{background:var(--jantt-weekend-bg);color:var(--jantt-text-dim)}.jantt-day-cell.is-today{color:var(--jantt-today);font-weight:700;background:var(--jantt-today-subtle, rgba(225, 29, 72, .08))}.jantt-day-cell.is-today .jantt-day-name.is-today,.jantt-day-cell.is-today .jantt-day-num.is-today{color:var(--jantt-today);font-weight:800;opacity:1}.jantt-grid-container{position:relative;flex-shrink:0}.jantt-grid-layer{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;pointer-events:none}.jantt-grid-row{border-bottom:1px solid var(--jantt-grid-row-line, var(--jantt-border-subtle));box-sizing:border-box;transition:background .15s ease}.jantt-grid-row.is-row-highlighted{background:#38bdf80a}.jantt-grid-day-col{position:absolute;top:0;bottom:0;height:100%;min-height:100%;border-right:1px solid var(--jantt-grid-line);box-sizing:border-box;pointer-events:none}.jantt-grid-day-col.is-weekend{background:transparent}.jantt-grid-day-col.is-selected-date-col{background:var(--jantt-accent-subtle, rgba(56, 189, 248, .09));border-left:1px dashed var(--jantt-accent);border-right:1px dashed var(--jantt-accent);z-index:2}.jantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--jantt-today);z-index:5;pointer-events:none;box-shadow:0 0 5px #e11d4859}.jantt-header-today-marker{position:absolute;bottom:-1px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:15;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s cubic-bezier(.16,1,.3,1),filter .15s ease}.jantt-header-today-marker:hover{filter:brightness(1.15);transform:translate(-50%) scale(1.06)}.jantt-header-today-pill{font-size:8px;font-weight:800;font-family:var(--jantt-font-mono, ui-monospace, monospace);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--jantt-today);padding:1.5px 6px;border-radius:999px;box-shadow:0 2px 6px #00000059,0 0 8px #e11d4873;white-space:nowrap;line-height:1.15}.jantt-header-today-arrow{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid var(--jantt-today);margin-top:-.5px}.jantt-svg-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:4}.jantt-dep-path{fill:none;stroke:var(--jantt-dep-line);stroke-width:1.75;stroke-dasharray:none;transition:stroke .2s,stroke-width .2s;pointer-events:stroke;cursor:pointer}.jantt-dep-path:hover,.jantt-dep-path.is-active{stroke:var(--jantt-dep-line-active);stroke-width:2.5;stroke-dasharray:none}@keyframes jantt-critical-wire-pulse{0%{filter:drop-shadow(0 0 2px var(--jantt-critical)) drop-shadow(0 0 7px var(--jantt-critical-glow)) drop-shadow(0 0 14px var(--jantt-critical-glow));stroke-width:3px}to{filter:drop-shadow(0 0 4px var(--jantt-critical)) drop-shadow(0 0 12px var(--jantt-critical)) drop-shadow(0 0 22px var(--jantt-critical-glow)) drop-shadow(0 0 34px var(--jantt-critical-glow));stroke-width:3.5px}}@keyframes jantt-critical-node-pulse{0%{box-shadow:0 0 0 1.5px var(--jantt-critical),0 0 12px var(--jantt-critical),0 0 24px var(--jantt-critical-glow)}to{box-shadow:0 0 0 2.5px var(--jantt-critical),0 0 18px var(--jantt-critical),0 0 32px var(--jantt-critical),0 0 48px var(--jantt-critical-glow)}}.jantt-dep-path.is-critical{stroke:var(--jantt-critical)!important;stroke-width:3.2px;stroke-dasharray:none!important;stroke-linecap:round;stroke-linejoin:round;animation:jantt-critical-wire-pulse 2s ease-in-out infinite alternate;z-index:10}.jantt-link-preview-line{fill:none;stroke:var(--jantt-accent);stroke-width:2.2;stroke-dasharray:4 3;pointer-events:none}.jantt-task-bar{position:absolute;display:flex;align-items:center;border-radius:var(--jantt-bar-radius);color:#fff;cursor:grab;touch-action:none;z-index:6;transition:transform .1s cubic-bezier(.16,1,.3,1),opacity .25s ease;box-shadow:0 1px 3px #00000040;outline:none}.jantt-task-bar:focus-visible{box-shadow:0 0 0 2px var(--jantt-bg),0 0 0 4px var(--jantt-accent)}.jantt-task-bar.is-dragging{cursor:grabbing;opacity:.92;z-index:30;transform:scale(1.02);box-shadow:0 8px 20px #00000073}.jantt-task-bar.is-critical{border:2px solid var(--jantt-critical)!important;animation:jantt-critical-node-pulse 2s ease-in-out infinite alternate!important;z-index:14!important}.jantt-critical-pill{display:inline-flex;align-items:center;gap:3px;background:var(--jantt-critical);color:#000!important;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:4px;box-shadow:0 0 8px var(--jantt-critical-glow);margin-left:4px;flex-shrink:0}.jantt-critical-pill svg{display:block}.jantt-task-bar.is-selected{outline:2px solid var(--jantt-accent);outline-offset:2px;box-shadow:0 0 12px var(--jantt-accent-glow);z-index:12}.jantt-task-bar.is-done{background:var(--jantt-bar-done, #64748B)!important;opacity:.72;box-shadow:0 1px 2px #00000026;border-color:#94a3b840}.jantt-task-bar.is-done:hover{opacity:.92}.jantt-task-bar.is-done .jantt-task-progress{background:#0000002e;border-radius:var(--jantt-bar-radius)}.jantt-milestone{position:absolute;width:17px;height:17px;transform:translate(-50%,-50%) rotate(45deg);border-radius:3px;cursor:grab;touch-action:none;z-index:7;box-shadow:0 2px 6px #00000040;border:2px solid #FFFFFF;transition:transform .15s ease,opacity .25s ease}.jantt-milestone:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}.jantt-milestone.is-critical{border-color:var(--jantt-critical)!important;border-width:2.5px!important;animation:jantt-critical-node-pulse 2s ease-in-out infinite alternate!important;z-index:15!important}.jantt-milestone.is-selected{outline:2px solid var(--jantt-accent);outline-offset:3px;box-shadow:0 0 12px var(--jantt-accent-glow);z-index:12}.jantt-milestone.is-done{background:var(--jantt-bar-done, #64748B)!important;opacity:.72;border-color:#94a3b8}.jantt-milestone.is-done:hover{opacity:.92}.jantt-show-critical .jantt-dep-path:not(.is-critical){opacity:.18;transition:opacity .25s ease}.jantt-show-critical .jantt-task-bar:not(.is-critical){opacity:.42;transition:opacity .25s ease;filter:saturate(.65)}.jantt-show-critical .jantt-milestone:not(.is-critical){opacity:.42;transition:opacity .25s ease}.jantt-show-critical .jantt-label-row:not(.is-critical){opacity:.52;transition:opacity .25s ease}.jantt-show-critical .jantt-label-row.is-critical{border-left:3px solid var(--jantt-critical);background:#f59e0b14}.jantt-show-critical .jantt-label-row.is-critical .jantt-label-dot{background:var(--jantt-critical)!important;box-shadow:0 0 8px var(--jantt-critical)}.jantt-selection-box{position:absolute;border:1.5px dashed var(--jantt-accent);background:var(--jantt-accent-glow, rgba(56, 189, 248, .15));pointer-events:none;z-index:50;border-radius:4px}.jantt-baseline-bar{position:absolute;background:#94a3b859;border-radius:4px;pointer-events:none;z-index:3}.jantt-task-progress{position:absolute;top:0;bottom:0;left:0;background:#ffffff38;pointer-events:none;border-radius:var(--jantt-bar-radius) 0 0 var(--jantt-bar-radius)}.jantt-progress-handle{position:absolute;top:50%;right:-5px;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--jantt-accent);cursor:ew-resize;pointer-events:auto;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:4}.jantt-progress-handle:hover{transform:translateY(-50%) scale(1.3)}.jantt-task-bar:hover .jantt-progress-handle{opacity:1}.jantt-bar-content{position:relative;z-index:2;padding:0 10px;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4);letter-spacing:-.01em}.jantt-task-lock-btn{background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:1px 3px;border-radius:4px;pointer-events:auto;opacity:.5;transition:opacity .15s ease,background .15s ease}.jantt-task-lock-btn:hover{opacity:1;background:#fff3}.jantt-task-lock-btn.is-locked{opacity:.95;background:#00000040;color:#f8fafc}.jantt-resize-handle{position:absolute;top:0;right:0;bottom:0;width:9px;cursor:col-resize;touch-action:none;z-index:3;background:#ffffff26;border-radius:0 var(--jantt-bar-radius) var(--jantt-bar-radius) 0;transition:background .15s}.jantt-resize-handle:hover{background:#ffffff73}.jantt-link-port{position:absolute;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:var(--jantt-accent);border:2px solid #FFFFFF;cursor:crosshair;touch-action:none;z-index:10;opacity:0;transition:opacity .15s ease,transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease}.jantt-link-port-left{left:-6px}.jantt-link-port-right{right:-6px}.jantt-task-bar:hover .jantt-link-port,.jantt-milestone:hover .jantt-link-port{opacity:1}.jantt-link-port:hover{transform:translateY(-50%) scale(1.35);box-shadow:0 0 10px var(--jantt-accent)}.jantt-hover-card{position:fixed;z-index:1000;background:var(--jantt-surface, #FFFFFF);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid var(--jantt-border-strong, #CBD5E1);border-radius:14px;padding:15px 18px;box-shadow:0 20px 45px -10px #0000002e,0 0 0 1px var(--jantt-border-subtle, rgba(0, 0, 0, .05));pointer-events:none;font-size:12px;width:310px;max-width:calc(100vw - 32px);animation:jantt-popover-in .16s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:11px;color:var(--jantt-text, #0F172A)}.jantt-theme-light.jantt-hover-card,.jantt-theme-light .jantt-hover-card{background:#fffffff2;color:#0f172a;border:1px solid #E2E8F0;box-shadow:0 20px 45px -10px #0f172a24,0 0 0 1px #0f172a0f}.jantt-theme-dark.jantt-hover-card,.jantt-theme-dark .jantt-hover-card{background:#0c0c0ef5;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 50px -12px #000000f2,0 0 0 1px #ffffff1a}.jantt-theme-cyber-emerald.jantt-hover-card,.jantt-theme-cyber-emerald .jantt-hover-card{background:#081412f0;color:#e6faf6;border:1px solid rgba(16,185,129,.3);box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #10b98126}.jantt-theme-midnight-rose.jantt-hover-card,.jantt-theme-midnight-rose .jantt-hover-card{background:#180d1df0;color:#fce7f3;border:1px solid rgba(244,63,94,.3);box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #f43f5e26}.jantt-theme-sunset-crimson.jantt-hover-card,.jantt-theme-sunset-crimson .jantt-hover-card{background:#1c0e10f0;color:#ffe4e6;border:1px solid rgba(244,63,94,.3);box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #f43f5e26}.jantt-theme-nordic-frost.jantt-hover-card,.jantt-theme-nordic-frost .jantt-hover-card{background:#0b1726f0;color:#e2e8f0;border:1px solid rgba(56,189,248,.3);box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #38bdf826}.jantt-theme-beenie.jantt-hover-card,.jantt-theme-beenie .jantt-hover-card{background:#fff5f8f5;color:#831843;border:1px solid rgba(244,114,182,.45);box-shadow:0 20px 40px -10px #ec489940,0 0 0 1px #f472b633}.jantt-hover-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.jantt-hover-card-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.jantt-hover-category-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:100px;letter-spacing:.01em}.jantt-hover-dot{width:6px;height:6px;border-radius:50%}.jantt-hover-type-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;text-transform:uppercase;letter-spacing:.03em}.jantt-hover-type-pill.is-milestone{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.jantt-hover-type-pill.is-locked{background:var(--jantt-border);color:var(--jantt-text-muted)}.jantt-hover-type-pill.is-urgent{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.jantt-hover-id-badge{font-family:var(--jantt-font-mono);font-size:11px;color:var(--jantt-text-dim)}.jantt-hover-card-title{font-size:14.5px;font-weight:700;color:var(--jantt-text);line-height:1.35;letter-spacing:-.015em}.jantt-hover-card-body{display:flex;flex-direction:column;gap:9px;padding-top:6px;border-top:1px solid var(--jantt-border-subtle)}.jantt-hover-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:8px}.jantt-hover-stat-label{color:var(--jantt-text-muted);font-weight:500}.jantt-hover-stat-value{color:var(--jantt-text);font-weight:600;text-align:right}.jantt-hover-duration-tag{color:var(--jantt-accent);font-family:var(--jantt-font-mono);margin-left:4px}.jantt-hover-progress-section{display:flex;flex-direction:column;gap:5px}.jantt-hover-progress-labels{display:flex;justify-content:space-between;font-size:12px}.jantt-hover-progress-val{font-family:var(--jantt-font-mono);font-weight:700;color:var(--jantt-accent)}.jantt-hover-progress-track{width:100%;height:6px;background:var(--jantt-bg);border-radius:100px;overflow:hidden}.jantt-hover-progress-bar{height:100%;border-radius:100px;transition:width .2s ease}.jantt-hover-notes-block{background:var(--jantt-bg);border-left:3px solid var(--jantt-accent);border-radius:0 8px 8px 0;padding:8px 10px;font-size:11.5px;color:var(--jantt-text-muted);line-height:1.4;max-height:65px;overflow:hidden}.jantt-hover-card-footer{font-size:10.5px;color:var(--jantt-text-dim);text-align:center;padding-top:5px;border-top:1px solid var(--jantt-border-subtle)}.jantt-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:flex-end;animation:jantt-fade-in .2s ease-out}.jantt-sidebar-embedded-wrap{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.jantt-sidebar-drawer{background:var(--jantt-surface);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-left:1px solid var(--jantt-border);width:440px;max-width:100vw;height:100%;display:flex;flex-direction:column;box-shadow:-20px 0 45px #0000008c;animation:jantt-slide-in-right .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.jantt-sidebar-drawer.is-closing{animation:jantt-slide-out-right .18s ease-in forwards}.jantt-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--jantt-border);background:var(--jantt-surface);gap:12px}.jantt-sidebar-header-info{display:flex;flex-direction:column;gap:7px;flex-grow:1}.jantt-sidebar-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.jantt-sidebar-title{margin:0;font-size:18px;font-weight:700;color:var(--jantt-text);line-height:1.3;letter-spacing:-.02em}.jantt-sidebar-close-btn{background:transparent;border:none;font-size:18px;color:var(--jantt-text-muted);cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .15s ease}.jantt-sidebar-close-btn:hover{background:var(--jantt-surface-hover);color:var(--jantt-text)}.jantt-sidebar-body{padding:22px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;flex-grow:1}.jantt-sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--jantt-border);background:var(--jantt-surface);gap:10px}.jantt-sidebar-card{background:var(--jantt-bg);border:1px solid var(--jantt-border-subtle);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.jantt-sidebar-stat-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--jantt-border-subtle)}.jantt-sidebar-fields-container{background:var(--jantt-bg);border:1px solid var(--jantt-border-subtle);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.jantt-sidebar-field-row{display:flex;align-items:center;gap:10px;font-size:12px}.jantt-sidebar-field-key{font-family:var(--jantt-font-mono);color:var(--jantt-text-muted);font-weight:600;min-width:105px}.jantt-form-group{display:flex;flex-direction:column;gap:5px}.jantt-form-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--jantt-text-muted)}.jantt-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jantt-input,.jantt-select,.jantt-textarea{width:100%;box-sizing:border-box;background:var(--jantt-bg);border:1px solid var(--jantt-border);border-radius:10px;color:var(--jantt-text);padding:9px 13px;font-size:13px;font-family:var(--jantt-font-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.jantt-input-sm{padding:5px 9px;font-size:12px;border-radius:8px}.jantt-input:focus,.jantt-select:focus,.jantt-textarea:focus{border-color:var(--jantt-accent);box-shadow:0 0 0 3px var(--jantt-accent-glow)}.jantt-input:disabled,.jantt-select:disabled,.jantt-textarea:disabled{opacity:.6;cursor:not-allowed}.jantt-textarea{resize:vertical}.jantt-slider{width:100%;accent-color:var(--jantt-accent);cursor:pointer}.jantt-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.jantt-btn:active{transform:scale(.98)}.jantt-btn-secondary{background:var(--jantt-surface-hover);color:var(--jantt-text);border-color:var(--jantt-border)}.jantt-btn-secondary:hover{background:var(--jantt-border)}.jantt-btn-primary{background:var(--jantt-accent);color:var(--jantt-accent-contrast, #FFFFFF);font-weight:700}.jantt-theme-dark .jantt-btn-primary{color:#000}.jantt-theme-light .jantt-btn-primary{color:#fff}.jantt-theme-cyber-emerald .jantt-btn-primary{color:#000}.jantt-theme-nordic-frost .jantt-btn-primary{color:#031326}.jantt-theme-midnight-rose .jantt-btn-primary,.jantt-theme-sunset-crimson .jantt-btn-primary,.jantt-theme-beenie .jantt-btn-primary{color:#fff}.jantt-btn-primary:hover{opacity:.92;box-shadow:0 0 14px var(--jantt-accent-glow)}.jantt-btn-danger{background:#ef444426;color:#ef4444;border-color:#ef44444d}.jantt-btn-danger:hover{background:#ef44444d}@keyframes jantt-popover-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes jantt-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes jantt-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes jantt-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.jantt-theme-beenie .jantt-timeline-area{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cg transform='translate(50,50)' opacity='0.08'%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(0)'/%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(72)'/%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(144)'/%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(216)'/%3E%3Cellipse cx='0' cy='-16' rx='7' ry='12' fill='%23EC4899' transform='rotate(288)'/%3E%3Ccircle cx='0' cy='0' r='5' fill='%23F43F5E'/%3E%3C/g%3E%3Cg opacity='0.08'%3E%3Cpath d='M130,25 C124,31 124,40 130,44 C136,40 136,31 130,25 Z' fill='%23F472B6' transform='rotate(25, 130, 34)'/%3E%3Cpath d='M20,115 C14,121 14,130 20,134 C26,130 26,121 20,115 Z' fill='%23F472B6' transform='rotate(-40, 20, 124)'/%3E%3Cpath d='M120,125 C115,129 115,137 120,141 C125,137 125,129 120,125 Z' fill='%23FB7185' transform='rotate(15, 120, 133)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px}.jantt-theme-beenie .jantt-task-bar{box-shadow:0 3px 10px -2px #ec48994d,0 0 0 1px #ffffff73 inset}.jantt-theme-beenie .jantt-task-bar:hover{box-shadow:0 6px 16px -2px #ec48996b,0 0 0 1px #ffffffb3 inset;filter:saturate(1.08)}.jantt-theme-beenie .jantt-task-bar.is-done{background:var(--jantt-bar-done, #D4A5B8)!important;border:1px solid rgba(244,114,182,.35);box-shadow:0 2px 6px #d4a5b84d}.jantt-theme-beenie .jantt-milestone{border:2px solid #FFFFFF;box-shadow:0 0 12px #ec48998c}.jantt-theme-beenie .jantt-add-task-btn,.jantt-theme-beenie .jantt-btn-primary{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;border-radius:999px;box-shadow:0 2px 10px #ec489961}.jantt-theme-beenie .jantt-add-task-btn:hover,.jantt-theme-beenie .jantt-btn-primary:hover{filter:brightness(1.06);box-shadow:0 4px 16px #ec489985}.jantt-theme-beenie .jantt-scale-btn.is-active,.jantt-theme-beenie .jantt-settings-btn.is-active{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;border-color:transparent;box-shadow:0 2px 8px #ec489959}.jantt-theme-beenie .jantt-header-today-pill{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff;font-weight:700;box-shadow:0 2px 8px #f43f5e59}@keyframes jantt-slide-in-up{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes jantt-slide-out-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media (pointer: coarse),(max-width: 768px){.jantt-resize-handle,.jantt-progress-handle,.jantt-link-port{display:none!important;pointer-events:none!important}.jantt-task-bar,.jantt-milestone{touch-action:pan-x pan-y;cursor:pointer;-webkit-tap-highlight-color:transparent}.jantt-splitter{display:none!important}.jantt-sidebar-pull-handle{display:block;width:40px;height:4px;background:var(--jantt-border-strong, #64748B);border-radius:2px;margin:10px auto 2px;flex-shrink:0;opacity:.6}.jantt-sidebar-drawer{width:100%!important;max-width:100vw!important;max-height:88vh!important;height:auto!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;border-left:none!important;border-top:1px solid var(--jantt-border)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -12px 40px #0000008c!important;animation:jantt-slide-in-up .28s cubic-bezier(.16,1,.3,1)!important;z-index:1000!important;padding-bottom:env(safe-area-inset-bottom,16px)}.jantt-sidebar-drawer.is-closing{animation:jantt-slide-out-down .2s ease-in forwards!important}.jantt-toolbar{padding:8px 10px;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.jantt-toolbar::-webkit-scrollbar{display:none}.jantt-toolbar-left .jantt-title{font-size:13px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jantt-zoom-strip .jantt-zoom-slider,.jantt-zoom-strip-divider{display:none}.jantt-label-column{max-width:140px;min-width:100px}.jantt-label-header{grid-template-columns:minmax(80px,1fr) 30px;padding:0 6px;font-size:9.5px}.jantt-label-header>span:nth-child(3){display:none}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--jantt-bg, #FFFFFF);color:var(--jantt-text, #0F172A);font-family:var(--jantt-font-sans, "Inter", system-ui, -apple-system, sans-serif);font-size:14px;line-height:1.5;min-height:100vh;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s ease,color .2s ease}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--jantt-border-subtle, #F1F5F9)}::-webkit-scrollbar-thumb{background:var(--jantt-border-strong, #CBD5E1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--jantt-accent, #0284C7)}.playground-app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--jantt-bg, #FFFFFF);color:var(--jantt-text, #0F172A);transition:background .2s ease,color .2s ease}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100vw;box-sizing:border-box;padding:8px clamp(12px,1.5vw,24px);background:var(--jantt-surface, #F8FAFC);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--jantt-border, #E2E8F0);z-index:1000;flex-shrink:0;min-height:52px;overflow:visible;position:relative;gap:clamp(10px,1.5vw,24px)}.brand-section,.nav-group-left{display:flex;align-items:center;gap:clamp(8px,.8vw,14px);flex-shrink:0;overflow:visible}.nav-group-center{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.nav-group-right{display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,.6vw,12px);flex-shrink:1;min-width:0;overflow:visible}.brand-logo{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:20px;font-weight:700;color:var(--jantt-text, #FFFFFF);letter-spacing:-.02em}.brand-icon-box{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--jantt-accent, #38BDF8) 0%,#3B82F6 100%);display:flex;align-items:center;justify-content:center;color:#000;font-weight:800;font-size:16px;box-shadow:0 0 16px var(--jantt-accent-glow, rgba(56, 189, 248, .4))}.brand-badge{font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600;background:var(--jantt-accent-glow, rgba(56, 189, 248, .12));color:var(--jantt-accent, #38BDF8);border:1px solid var(--jantt-border-strong, rgba(56, 189, 248, .3));padding:3px 9px;border-radius:100px}.btn-autosave-badge{display:inline-flex;align-items:center;gap:6px;height:32px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;padding:4px 10px;border-radius:100px;cursor:pointer;outline:none;border:1px solid transparent;line-height:1;-webkit-user-select:none;user-select:none;background:transparent;transition:all .2s ease;white-space:nowrap}.btn-autosave-badge svg{flex-shrink:0}.btn-autosave-badge.is-saved{background:#10b9811a;color:#10b981;border-color:#10b98140}.btn-autosave-badge.is-saved:hover{background:#10b9812e;border-color:#10b98173;box-shadow:0 0 10px #10b98133}.btn-autosave-badge.is-saving{background:var(--jantt-accent-glow, rgba(56, 189, 248, .12));color:var(--jantt-accent, #38BDF8);border-color:var(--jantt-border-strong, rgba(56, 189, 248, .3))}.btn-autosave-badge.is-saving:hover{background:#38bdf833;border-color:var(--jantt-accent, #38BDF8)}.btn-autosave-badge.is-pending{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.btn-autosave-badge.is-pending:hover{background:#f59e0b2e;border-color:#f59e0b73;box-shadow:0 0 10px #f59e0b33}.spin-sync-icon{animation:autosave-spin 1s linear infinite}@keyframes autosave-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-controls{display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,.6vw,12px);flex:1 1 auto;min-width:0;overflow:visible;padding-bottom:0}.jantt-scale-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;font-size:12.5px;line-height:1;white-space:nowrap}.jantt-scale-btn svg{display:block;flex-shrink:0}.nav-select-group{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--jantt-text-muted, #94A3B8);font-weight:500;flex-shrink:0;white-space:nowrap}.select-input{background:var(--jantt-surface-solid, #121A2C);border:1px solid var(--jantt-border, rgba(255, 255, 255, .15));color:var(--jantt-text, #F8FAFC);border-radius:8px;padding:0 10px;height:32px;font-size:13px;font-weight:500;outline:none;cursor:pointer;transition:all .15s ease;max-width:200px;color-scheme:dark}.playground-app.jantt-theme-light .select-input,.playground-app.jantt-theme-light select{color-scheme:light;background:#fff;border-color:#cbd5e1;color:#0f172a}select optgroup,.select-input optgroup{background:var(--jantt-surface-solid, #121A2C)!important;color:var(--jantt-accent, #38BDF8)!important;font-weight:700!important;font-size:11px!important;padding:6px 8px 4px!important;letter-spacing:.04em;text-transform:uppercase}select option,.select-input option{background:var(--jantt-surface-solid, #121A2C)!important;color:var(--jantt-text, #F8FAFC)!important;padding:6px 10px;font-size:12px;font-weight:500}.playground-app.jantt-theme-light select optgroup,.playground-app.jantt-theme-light .select-input optgroup{background:#fff!important;color:#0284c7!important}.playground-app.jantt-theme-light select option,.playground-app.jantt-theme-light .select-input option{background:#fff!important;color:#0f172a!important}.select-input:hover,.select-input:focus{border-color:var(--jantt-accent, #38BDF8);box-shadow:0 0 0 2px var(--jantt-accent-glow, rgba(56, 189, 248, .2))}.subheader-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100vw;box-sizing:border-box;padding:6px clamp(12px,1.5vw,24px);background:var(--jantt-surface, #F8FAFC);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--jantt-border, #E2E8F0);z-index:990;flex-shrink:0;min-height:46px;gap:16px;transition:background .2s ease,border-color .2s ease}.subheader-plan-section{display:flex;align-items:center;flex:1;min-width:0}.subheader-plan-group{display:inline-flex;align-items:center;background:var(--jantt-surface-solid, rgba(21, 34, 56, .9));border:1px solid var(--jantt-border, rgba(255, 255, 255, .12));border-radius:8px;height:34px;padding:0 6px 0 10px;gap:8px;flex-shrink:0;transition:border-color .15s ease,box-shadow .15s ease;max-width:100%}.subheader-plan-group:focus-within{border-color:var(--jantt-accent, #38BDF8);box-shadow:0 0 0 2px var(--jantt-accent-glow, rgba(56, 189, 248, .2))}.subheader-plan-select-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.subheader-plan-label{font-size:11.5px;font-weight:700;color:var(--jantt-text-muted, #94A3B8);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.subheader-plan-select{background:transparent!important;border:none!important;box-shadow:none!important;padding:0 8px 0 4px!important;height:100%;font-size:13px;font-weight:600;color:var(--jantt-text, #F8FAFC);width:clamp(260px,32vw,500px);max-width:500px;cursor:pointer;text-overflow:ellipsis}.subheader-plan-actions{display:flex;align-items:center;gap:5px;border-left:1px solid var(--jantt-border, rgba(255, 255, 255, .12));padding-left:6px}.btn-plan-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid transparent;color:var(--jantt-text-muted, #94A3B8);padding:0 9px;height:26px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1;white-space:nowrap}.btn-plan-action:hover{background:var(--jantt-surface-hover, rgba(255, 255, 255, .08));color:var(--jantt-text, #F8FAFC)}.btn-plan-action.is-add{background:var(--jantt-accent-glow, rgba(56, 189, 248, .15));color:var(--jantt-accent, #38BDF8);border-color:var(--jantt-accent-glow, rgba(56, 189, 248, .3));padding:0 10px}.btn-plan-action.is-add:hover{background:var(--jantt-accent, #38BDF8);color:var(--jantt-accent-contrast, #FFFFFF)}.jantt-theme-dark .btn-plan-action.is-add:hover,.jantt-theme-nordic-frost .btn-plan-action.is-add:hover,.jantt-theme-cyber-emerald .btn-plan-action.is-add:hover{color:var(--jantt-accent-contrast, #000000)}.btn-plan-action.is-manage{color:var(--jantt-text, #F8FAFC);background:var(--jantt-surface, rgba(255, 255, 255, .05));border-color:var(--jantt-border, rgba(255, 255, 255, .12))}.btn-plan-action.is-manage:hover{background:var(--jantt-surface-hover, rgba(255, 255, 255, .12));color:var(--jantt-accent, #38BDF8);border-color:var(--jantt-accent-glow, rgba(56, 189, 248, .3))}.btn-plan-action.is-import{color:var(--jantt-text-muted, #94A3B8)}.btn-plan-action.is-import:hover{background:var(--jantt-accent-glow, rgba(56, 189, 248, .15));color:var(--jantt-accent, #38BDF8)}.btn-plan-action.is-cloud{color:var(--jantt-accent, #38BDF8)}.btn-plan-action.is-cloud:hover{background:var(--jantt-accent-glow, rgba(56, 189, 248, .15))}.btn-plan-action.is-share{color:var(--jantt-accent, #38BDF8)}.btn-plan-action.is-share:hover{background:var(--jantt-accent-glow, rgba(56, 189, 248, .15));color:var(--jantt-accent, #38BDF8)}.btn-plan-action.is-delete:hover{background:#ef444426;color:#ef4444!important;border-color:#ef44444d}.subheader-people-section{display:flex;align-items:center;gap:12px;flex-shrink:0}.subheader-btn-people{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:8px;background:var(--jantt-surface-solid, rgba(21, 34, 56, .9));border:1px solid var(--jantt-border, rgba(255, 255, 255, .12));color:var(--jantt-text, #F8FAFC);font-size:12.5px;font-weight:600;cursor:pointer;outline:none;transition:all .15s ease;-webkit-user-select:none;user-select:none}.subheader-btn-people:hover{border-color:var(--jantt-accent, #38BDF8);background:var(--jantt-surface-hover, rgba(30, 48, 80, .95));box-shadow:0 0 12px var(--jantt-accent-glow, rgba(56, 189, 248, .2))}.subheader-people-count-pill{font-size:11px;font-weight:700;padding:1px 7px;border-radius:100px;background:var(--jantt-accent-glow, rgba(56, 189, 248, .2));color:var(--jantt-accent, #38BDF8);border:1px solid var(--jantt-accent-glow, rgba(56, 189, 248, .3))}.subheader-avatar-stack{display:flex;align-items:center;cursor:pointer}.subheader-avatar-pill{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;margin-left:-6px;border:2px solid var(--jantt-surface, #121A2C);transition:transform .15s ease;-webkit-user-select:none;user-select:none}.subheader-avatar-pill:first-child{margin-left:0}.subheader-avatar-pill:hover{transform:translateY(-2px) scale(1.1);z-index:2}.subheader-avatar-more{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--jantt-text-muted, #94A3B8);background:var(--jantt-border, rgba(255, 255, 255, .15));margin-left:-6px;border:2px solid var(--jantt-surface, #121A2C);-webkit-user-select:none;user-select:none}.playground-app.jantt-theme-light .subheader-bar{background:#f8fafc;border-bottom-color:#e2e8f0}.playground-app.jantt-theme-light .subheader-plan-group,.playground-app.jantt-theme-light .subheader-btn-people{background:#fff;border-color:#cbd5e1;color:#0f172a}.playground-app.jantt-theme-light .subheader-plan-select{color:#0f172a}.playground-app.jantt-theme-light .subheader-avatar-pill,.playground-app.jantt-theme-light .subheader-avatar-more{border-color:#fff}.cloud-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100vw;box-sizing:border-box;padding:4px clamp(12px,1.5vw,24px);background:var(--jantt-surface, rgba(15, 23, 42, .75));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--jantt-border-subtle, rgba(255, 255, 255, .08));z-index:980;flex-shrink:0;min-height:38px;gap:12px;transition:all .2s ease;font-size:12px}.cloud-bar.is-live-room{background:linear-gradient(90deg,rgba(16,185,129,.06) 0%,var(--jantt-surface, rgba(15, 23, 42, .85)) 30%,rgba(56,189,248,.05) 100%);border-bottom-color:#10b98140}.cloud-bar-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.cloud-bar-room-badge{display:inline-flex;align-items:center;gap:6px;background:#10b9811f;border:1px solid rgba(16,185,129,.32);border-radius:100px;padding:2px 10px 2px 6px;color:var(--jantt-text, #f8fafc);font-size:12px}.cloud-bar-pulse-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-live 1.8s infinite ease-in-out}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.cloud-bar-radio-icon{color:#10b981}.cloud-bar-room-label{font-size:12px;color:var(--jantt-text, #f8fafc)}.cloud-bar-room-label strong{color:#10b981;font-weight:700}.cloud-bar-room-id{font-family:var(--jantt-font-mono, monospace);font-size:11px;color:var(--jantt-text-muted, #94a3b8);margin-left:2px}.cloud-bar-role-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:capitalize}.cloud-bar-role-pill.is-collaborator{background:#38bdf81f;color:var(--jantt-accent, #38bdf8);border:1px solid rgba(56,189,248,.28)}.cloud-bar-role-pill.is-viewer{background:#94a3b81f;color:var(--jantt-text-muted, #94a3b8);border:1px solid rgba(148,163,184,.25)}.cloud-bar-sync-status{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--jantt-text-muted, #94a3b8);padding:2px 6px}.cloud-bar-center{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.cloud-bar-presence-group{display:inline-flex;align-items:center;gap:8px;padding:2px 10px 2px 4px;background:#1e293b99;border:1px solid var(--jantt-border-subtle, rgba(255, 255, 255, .12));border-radius:100px;cursor:pointer;transition:all .15s ease}.cloud-bar-presence-group:hover{background:#1e293be6;border-color:var(--jantt-accent, #38bdf8);box-shadow:0 0 10px #38bdf82e}.cloud-bar-avatar-stack{display:flex;align-items:center}.cloud-bar-avatar-pill{width:22px;height:22px;border-radius:50%;margin-left:-6px;border:2px solid var(--jantt-surface, #0f172a);background:var(--jantt-accent, #38bdf8);color:#000;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s ease}.cloud-bar-avatar-pill:first-child{margin-left:0}.cloud-bar-avatar-pill img{width:100%;height:100%;object-fit:cover}.cloud-bar-avatar-more{width:22px;height:22px;border-radius:50%;margin-left:-6px;border:2px solid var(--jantt-surface, #0f172a);background:#fff3;color:var(--jantt-text, #f8fafc);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.cloud-bar-presence-text{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#10b981}.cloud-bar-live-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.cloud-bar-presence-empty{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--jantt-text-muted, #94a3b8)}.cloud-bar-local-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--jantt-text, #f8fafc);background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:6px;padding:2px 8px}.cloud-bar-local-sub{font-size:11px;color:var(--jantt-text-muted, #94a3b8);font-weight:400}.cloud-bar-local-hint{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--jantt-text-muted, #94a3b8)}.cloud-bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.cloud-bar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 11px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .16s ease;line-height:1.3}.cloud-bar-btn.is-primary{background:var(--jantt-accent, #38bdf8);color:var(--jantt-accent-contrast, #000000);border:1px solid var(--jantt-accent, #38bdf8)}.cloud-bar-btn.is-primary:hover{background:var(--jantt-accent-hover, #7dd3fc);transform:translateY(-1px);box-shadow:0 2px 8px var(--jantt-accent-glow, rgba(56, 189, 248, .35))}.cloud-bar-btn.is-primary.is-glowing{box-shadow:0 0 10px #38bdf840}.cloud-bar-btn.is-secondary{background:var(--jantt-surface-solid, rgba(30, 41, 59, .8));color:var(--jantt-text, #f8fafc);border:1px solid var(--jantt-border, rgba(255, 255, 255, .14))}.cloud-bar-btn.is-secondary:hover{border-color:var(--jantt-accent, #38bdf8);color:var(--jantt-accent, #38bdf8);background:#38bdf814}.cloud-bar-btn.is-ghost{background:transparent;color:var(--jantt-text-muted, #94a3b8);border:1px solid transparent}.cloud-bar-btn.is-ghost:hover{color:var(--jantt-text, #f8fafc);background:#ffffff0f;border-color:#ffffff1f}.playground-app.jantt-theme-light .cloud-bar{background:#fff;border-bottom-color:#e2e8f0}.playground-app.jantt-theme-light .cloud-bar.is-live-room{background:linear-gradient(90deg,#10b98114,#fff 40%,#0284c70f);border-bottom-color:#10b98159}.playground-app.jantt-theme-light .cloud-bar-room-badge{background:#10b9811a;border-color:#10b98159;color:#0f172a}.playground-app.jantt-theme-light .cloud-bar-room-label{color:#0f172a}.playground-app.jantt-theme-light .cloud-bar-room-id{color:#64748b}.playground-app.jantt-theme-light .cloud-bar-presence-group{background:#f1f5f9;border-color:#cbd5e1}.playground-app.jantt-theme-light .cloud-bar-avatar-pill{border-color:#fff}.playground-app.jantt-theme-light .cloud-bar-avatar-more{border-color:#fff;background:#cbd5e1;color:#0f172a}.playground-app.jantt-theme-light .cloud-bar-local-pill{background:#0284c714;border-color:#0284c740;color:#0f172a}.playground-app.jantt-theme-light .cloud-bar-btn.is-secondary{background:#fff;color:#0f172a;border-color:#cbd5e1}.playground-app.jantt-theme-light .cloud-bar-btn.is-ghost{color:#64748b}.playground-app.jantt-theme-light .cloud-bar-btn.is-ghost:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.nav-io-dropdown{position:relative;display:inline-flex;flex-shrink:0}.nav-io-trigger{position:relative;cursor:pointer}.nav-io-trigger.is-open{border-color:var(--jantt-accent, #38BDF8)!important;background:var(--jantt-surface-hover, rgba(28, 45, 75, .9))!important;box-shadow:0 0 0 2px var(--jantt-accent-glow, rgba(56, 189, 248, .25))}.nav-io-chevron{transition:transform .2s ease;opacity:.6;margin-left:2px}.nav-io-chevron.is-open{transform:rotate(180deg)}.nav-io-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:var(--jantt-surface-solid, #152238);border:1px solid var(--jantt-border, rgba(255, 255, 255, .15));border-radius:10px;padding:6px;box-shadow:0 12px 36px #00000080,0 0 0 1px #ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:99999;display:flex;flex-direction:column;animation:jantt-popover-in .15s ease;pointer-events:auto}.playground-app.jantt-theme-light .nav-io-panel{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 12px 36px #0000001f,0 0 0 1px #0000000f!important}.nav-io-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:7px;color:var(--jantt-text, #E2E8F0);cursor:pointer;transition:background .12s ease,color .12s ease;text-align:left}.nav-io-item:hover{background:var(--jantt-surface-hover, rgba(255, 255, 255, .08));color:var(--jantt-accent, #38BDF8)}.nav-io-item svg{flex-shrink:0;opacity:.7}.nav-io-item:hover svg{opacity:1;color:var(--jantt-accent, #38BDF8)}.nav-io-item-text{display:flex;flex-direction:column;gap:1px}.nav-io-item-label{font-size:12.5px;font-weight:600;line-height:1.2}.nav-io-item-desc{font-size:10.5px;color:var(--jantt-text-muted, #64748B);font-weight:400;line-height:1.2}.nav-io-divider{height:1px;background:var(--jantt-border-subtle, rgba(255, 255, 255, .06));margin:3px 8px}.btn-nav{display:inline-flex;align-items:center;gap:6px;background:var(--jantt-surface-solid, rgba(21, 34, 56, .9));border:1px solid var(--jantt-border, rgba(255, 255, 255, .1));color:var(--jantt-text, #E2E8F0);padding:0 12px;height:32px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-nav:hover{background:var(--jantt-surface-hover, rgba(28, 45, 75, .9));border-color:var(--jantt-accent, #38BDF8);color:var(--jantt-text, #FFFFFF)}.btn-nav-primary{background:var(--jantt-accent, #38BDF8);color:var(--jantt-accent-contrast, #FFFFFF);border-color:var(--jantt-accent, #38BDF8);font-weight:700}.jantt-theme-dark .btn-nav-primary{color:#000}.jantt-theme-light .btn-nav-primary{color:#fff}.jantt-theme-cyber-emerald .btn-nav-primary{color:#000}.jantt-theme-nordic-frost .btn-nav-primary{color:#031326}.jantt-theme-midnight-rose .btn-nav-primary,.jantt-theme-sunset-crimson .btn-nav-primary,.jantt-theme-beenie .btn-nav-primary{color:#fff}.jantt-theme-beenie .btn-nav-primary{background:linear-gradient(135deg,#ec4899,#f43f5e);border-color:#ec4899}.btn-nav-primary:hover{filter:brightness(1.1);box-shadow:0 0 16px var(--jantt-accent-glow, rgba(56, 189, 248, .45))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font-size:.85rem;font-weight:600;padding:8px 16px;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent;line-height:1.25}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);box-shadow:none}.btn-primary{background:var(--jantt-accent, #38BDF8);color:var(--jantt-accent-contrast, #000000);border-color:var(--jantt-accent, #38BDF8);font-weight:700;box-shadow:0 2px 8px var(--jantt-accent-glow, rgba(56, 189, 248, .25))}.jantt-theme-dark .btn-primary{color:#000}.jantt-theme-light .btn-primary{color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 14px var(--jantt-accent-glow, rgba(56, 189, 248, .45))}.btn-secondary{background:var(--jantt-surface, rgba(255, 255, 255, .05));color:var(--jantt-text, #F0F6FC);border:1px solid var(--jantt-border, rgba(255, 255, 255, .14))}.btn-secondary:hover:not(:disabled){background:var(--jantt-surface-hover, rgba(255, 255, 255, .1));border-color:var(--jantt-border-strong, rgba(255, 255, 255, .28));color:var(--jantt-text, #FFFFFF)}.workspace-main,.main-workspace{display:flex;flex-direction:row;flex:1 1 0%;min-height:0;height:100%;width:100%;overflow:hidden;position:relative}.btn-prompt{display:inline-flex;align-items:center;gap:6px;background:var(--jantt-accent, #0284C7);border:1px solid var(--jantt-accent, #0284C7);color:var(--jantt-accent-contrast, #FFFFFF);padding:0 14px;height:32px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0000000d;white-space:nowrap;flex-shrink:0}.jantt-theme-dark .btn-prompt{color:#000}.jantt-theme-light .btn-prompt{color:#fff}.jantt-theme-cyber-emerald .btn-prompt{color:#000}.jantt-theme-nordic-frost .btn-prompt{color:#031326}.jantt-theme-midnight-rose .btn-prompt,.jantt-theme-sunset-crimson .btn-prompt,.jantt-theme-beenie .btn-prompt{color:#fff}.jantt-theme-beenie .btn-prompt{background:linear-gradient(135deg,#ec4899,#f43f5e);border-color:#ec4899}.btn-prompt:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 2px 8px var(--jantt-accent-glow, rgba(2, 132, 199, .25))}.editor-pane{background:var(--jantt-bg, #0B111E);border-right:1px solid var(--jantt-border, #1E2D4A);display:flex;flex-direction:column;flex-shrink:0;min-width:260px;max-width:80vw;height:100%;overflow:hidden}.editor-pane.is-collapsed{width:0!important;min-width:0!important;max-width:0!important;border-right:none!important;opacity:0;pointer-events:none;overflow:hidden}.btn-restore-sidebar{background:var(--jantt-surface, rgba(21, 34, 56, .9));border:1px solid var(--jantt-border-strong, rgba(56, 189, 248, .3));color:var(--jantt-accent, #38BDF8);font-size:11.5px;padding:4px 10px}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:var(--jantt-surface, #0D1527);border-bottom:1px solid var(--jantt-border, #1E2D4A);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--jantt-text-muted, #94A3B8);flex-shrink:0}.sync-pulse-badge{display:inline-flex;align-items:center;gap:4px;background:var(--jantt-accent-glow, rgba(56, 189, 248, .2));color:var(--jantt-accent, #38BDF8);border:1px solid var(--jantt-accent);padding:1px 7px;border-radius:100px;font-size:10px;font-weight:700;text-transform:none;letter-spacing:0;animation:jantt-pulse-glow .8s ease-in-out infinite alternate}@keyframes jantt-pulse-glow{0%{opacity:.7;transform:scale(.96);box-shadow:0 0 4px var(--jantt-accent-glow)}to{opacity:1;transform:scale(1);box-shadow:0 0 10px var(--jantt-accent)}}.pane-actions{display:flex;align-items:center;gap:6px}.editor-wrapper{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;display:flex;transition:box-shadow .2s ease,border-color .2s ease}.editor-wrapper.is-live-updating{box-shadow:inset 0 0 16px var(--jantt-accent-glow, rgba(56, 189, 248, .15))}.code-textarea{width:100%;height:100%;background:transparent;color:var(--jantt-text, #E2E8F0);border:none;outline:none;padding:14px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.6;resize:none;white-space:pre;overflow-y:auto;-moz-tab-size:2;tab-size:2;transition:background .3s ease,color .3s ease}.code-textarea.is-live-glowing{background:#38bdf809;color:#fff}.diagnostics-panel{border-top:1px solid var(--jantt-border, #1E2D4A);background:var(--jantt-surface, #0D1527);max-height:200px;overflow-y:auto;padding:10px 14px;flex-shrink:0}.diagnostics-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:6px}.diag-valid{color:#10b981}.diag-invalid{color:#f43f5e}.error-card{background:#f43f5e1a;border-left:3px solid #F43F5E;padding:7px 10px;border-radius:4px;margin-bottom:6px;font-size:11.5px}.error-msg{color:var(--jantt-text, #FECDD3);font-weight:500;margin-bottom:2px}.error-suggestion{color:var(--jantt-text-muted, #94A3B8);font-size:11px;font-style:italic}.workspace-splitter{width:10px;margin:0 -5px;z-index:50;cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative;user-select:none;-webkit-user-select:none;background:transparent;transition:background .15s ease;flex-shrink:0}.workspace-splitter:hover,.workspace-splitter.is-resizing{background:var(--jantt-accent-glow, rgba(56, 189, 248, .15))}.splitter-handle{width:3px;height:38px;border-radius:4px;background:var(--jantt-border-strong, rgba(255, 255, 255, .2));transition:all .15s ease}.workspace-splitter:hover .splitter-handle,.workspace-splitter.is-resizing .splitter-handle{background:var(--jantt-accent, #38BDF8);box-shadow:0 0 10px var(--jantt-accent-glow, rgba(56, 189, 248, .5));height:52px;width:4px}.chart-pane{flex:1 1 auto;min-width:0;min-height:0;height:100%;background:var(--jantt-bg, #080D18);padding:0;overflow:hidden;display:flex;flex-direction:column;transition:background .2s ease}.chart-container-card{flex:1 1 auto;min-width:0;min-height:0;height:100%;width:100%;background:transparent;border-radius:0;border:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:none}.prompt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:jantt-fade-in .2s ease-out}.prompt-modal-card{background:var(--jantt-surface, #FFFFFF);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--jantt-border-strong, #CBD5E1);color:var(--jantt-text, #0F172A);border-radius:16px;width:100%;max-width:760px;max-height:calc(100vh - 40px);box-shadow:0 30px 60px -12px #00000040,0 0 0 1px var(--jantt-border-subtle, rgba(0, 0, 0, .05));display:flex;flex-direction:column;overflow:hidden;animation:jantt-scale-up .2s cubic-bezier(.16,1,.3,1)}.prompt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--jantt-border, #E2E8F0);background:var(--jantt-surface, #F8FAFC)}.prompt-modal-header h3{margin:0;font-size:16px;font-weight:700;color:var(--jantt-text, #0F172A);letter-spacing:-.01em}.prompt-modal-tabs{display:flex;background:var(--jantt-surface, #F8FAFC);border-bottom:1px solid var(--jantt-border, #E2E8F0);padding:8px 22px 0;gap:8px}.prompt-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;border:none;background:transparent;color:var(--jantt-text-muted, #64748B);border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease}.prompt-tab-btn:hover{color:var(--jantt-text, #0F172A)}.prompt-tab-btn.is-active{color:var(--jantt-accent, #0284C7);border-bottom-color:var(--jantt-accent, #0284C7)}.prompt-modal-close-btn{background:transparent;border:none;color:var(--jantt-text-muted, #64748B);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.prompt-modal-close-btn:hover{background:var(--jantt-surface-hover, #F1F5F9);color:var(--jantt-text, #0F172A)}.prompt-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1}.prompt-modal-desc{font-size:13px;color:var(--jantt-text-muted, #64748B);line-height:1.5;margin:0}.prompt-modal-textarea{width:100%;box-sizing:border-box;background:var(--jantt-bg, #FFFFFF);border:1px solid var(--jantt-border-strong, #CBD5E1);border-radius:10px;padding:14px 16px;color:var(--jantt-text, #0F172A);font-family:var(--jantt-font-mono, monospace);font-size:12px;line-height:1.55;resize:vertical;min-height:340px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.prompt-modal-textarea:focus{border-color:var(--jantt-accent, #0284C7);box-shadow:0 0 0 3px var(--jantt-accent-glow, rgba(2, 132, 199, .14))}.prompt-input{width:100%;box-sizing:border-box;background:var(--jantt-bg, #FFFFFF);border:1px solid var(--jantt-border-strong, #CBD5E1);border-radius:8px;padding:8px 12px;color:var(--jantt-text, #0F172A);font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.prompt-input:focus{border-color:var(--jantt-accent, #0284C7);box-shadow:0 0 0 3px var(--jantt-accent-glow, rgba(2, 132, 199, .14))}.ideology-wrap{display:flex;flex-direction:column;gap:16px}.ideology-hero{background:#38bdf814;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:14px 18px}.ideology-steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ideology-step-card{background:var(--jantt-surface, #F8FAFC);border:1px solid var(--jantt-border, #E2E8F0);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px;position:relative}.step-badge{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--jantt-accent, #0284C7);letter-spacing:.05em}.ideology-step-card h5{margin:0;font-size:13px;font-weight:700;color:var(--jantt-text, #0F172A)}.ideology-step-card p{margin:0;font-size:11.5px;color:var(--jantt-text-muted, #64748B);line-height:1.45}.ideology-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:4px}.ideology-metric-box{background:var(--jantt-surface, #F8FAFC);border:1px solid var(--jantt-border, #E2E8F0);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.metric-val{font-size:18px;font-weight:800;color:var(--jantt-accent, #0284C7);font-family:var(--jantt-font-mono, monospace)}.metric-lbl{font-size:10px;font-weight:600;color:var(--jantt-text-muted, #64748B);line-height:1.25}.prompt-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px;border-top:1px solid var(--jantt-border, #E2E8F0);background:var(--jantt-surface, #F8FAFC)}.settings-modal-card{max-width:520px;width:92%;background:var(--jantt-surface, #FFFFFF);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--jantt-border-strong, #CBD5E1);border-radius:16px;box-shadow:0 30px 60px -12px #00000040,0 0 0 1px var(--jantt-border-subtle, rgba(0, 0, 0, .05));overflow:hidden;animation:jantt-scale-up .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.settings-header-icon{width:36px;height:36px;border-radius:10px;background:var(--jantt-accent-glow, rgba(56, 189, 248, .12));border:1px solid var(--jantt-border-strong, rgba(56, 189, 248, .25));display:flex;align-items:center;justify-content:center;color:var(--jantt-accent, #38BDF8);flex-shrink:0}.settings-hero-card{border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease;position:relative;overflow:hidden}.settings-hero-card.is-saved{background:#10b98114;border:1px solid rgba(16,185,129,.25)}.settings-hero-card.is-saving{background:var(--jantt-accent-glow, rgba(56, 189, 248, .1));border:1px solid var(--jantt-border-strong, rgba(56, 189, 248, .3))}.settings-hero-card.is-pending{background:#f59e0b14;border:1px solid rgba(245,158,11,.25)}.settings-section-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--jantt-text-muted, #94A3B8);letter-spacing:.05em;margin-bottom:8px}.settings-cadence-list{display:flex;flex-direction:column;gap:7px}.settings-cadence-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid var(--jantt-border, #E2E8F0);background:var(--jantt-surface, #F8FAFC);cursor:pointer;transition:all .16s ease;-webkit-user-select:none;user-select:none}.settings-cadence-item:hover{background:var(--jantt-surface-hover, rgba(56, 189, 248, .05));border-color:var(--jantt-accent, #38BDF8);transform:translateY(-1px)}.settings-cadence-item.is-selected{background:var(--jantt-surface-hover, rgba(56, 189, 248, .1));border-color:var(--jantt-accent, #38BDF8);box-shadow:0 0 0 1px var(--jantt-accent, #38BDF8),0 2px 8px var(--jantt-accent-glow, rgba(56, 189, 248, .15))}.settings-radio-indicator{width:18px;height:18px;border-radius:50%;border:2px solid var(--jantt-border-strong, #94A3B8);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:transparent}.settings-cadence-item.is-selected .settings-radio-indicator{border-color:var(--jantt-accent, #38BDF8);background:var(--jantt-accent, #38BDF8);box-shadow:0 0 8px var(--jantt-accent-glow, rgba(56, 189, 248, .4))}.settings-radio-inner-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transform:scale(.5);transition:all .2s ease}.settings-cadence-item.is-selected .settings-radio-inner-dot{opacity:1;transform:scale(1)}.settings-badge-rec{font-size:10px;font-weight:700;color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:1px 7px;border-radius:100px;letter-spacing:.02em;text-transform:uppercase}.settings-storage-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--jantt-surface, #F8FAFC);border:1px solid var(--jantt-border-subtle, #E2E8F0);border-radius:10px;font-size:12px}.kanban-view-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;height:100%;overflow-x:auto;background:var(--jantt-bg, #FFFFFF);box-sizing:border-box}.kanban-column{background:var(--jantt-surface, #F8FAFC);border:1px solid var(--jantt-border, #E2E8F0);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.kanban-col-header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--jantt-border, #E2E8F0);background:var(--jantt-surface, #F8FAFC)}.kanban-col-title{font-size:12px;font-weight:700;color:var(--jantt-text, #0F172A);text-transform:uppercase;letter-spacing:.05em}.kanban-col-count{font-size:11px;font-weight:700;background:var(--jantt-border-subtle, #F1F5F9);color:var(--jantt-text-muted, #475569);padding:2px 7px;border-radius:100px;font-family:var(--jantt-font-mono)}.kanban-card-list{padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1 1 auto}.kanban-card{background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s ease,transform .15s ease;cursor:pointer}.kanban-card:hover{border-color:var(--jantt-accent, #0284C7);transform:translateY(-1px)}.kanban-card-top{display:flex;align-items:center;justify-content:space-between}.kanban-cat-dot{width:8px;height:8px;border-radius:50%}.kanban-cat-label{font-size:11px;font-weight:600;color:var(--jantt-text-muted, #475569)}.kanban-prio-badge{font-size:9.5px;font-weight:700;text-transform:uppercase;padding:1px 6px;border-radius:4px}.kanban-prio-badge.is-urgent{background:#e11d481a;color:#e11d48}.kanban-prio-badge.is-high{background:#d977061a;color:#d97706}.kanban-prio-badge.is-medium{background:#0284c71a;color:#0284c7}.kanban-prio-badge.is-low{background:#4755691a;color:#475569}.kanban-card-title{font-size:13px;font-weight:600;color:var(--jantt-text, #0F172A);line-height:1.35}.kanban-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--jantt-text-muted, #475569);font-family:var(--jantt-font-mono)}.kanban-card-prog-wrap{width:100%;height:4px;background:var(--jantt-border-subtle, #F1F5F9);border-radius:2px;overflow:hidden}.kanban-card-prog-bar{height:100%;background:var(--jantt-accent, #0284C7);border-radius:2px}.kanban-card-footer{margin-top:4px;padding-top:6px;border-top:1px solid var(--jantt-border-subtle, #F1F5F9)}.kanban-status-select{width:100%;font-size:11px;background:var(--jantt-surface, #F8FAFC);color:var(--jantt-text, #0F172A);border:1px solid var(--jantt-border, #E2E8F0);border-radius:4px;padding:4px 6px;outline:none;cursor:pointer}.summary-view-container{padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;height:100%;background:var(--jantt-bg, #FFFFFF);box-sizing:border-box}.summary-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.summary-kpi-card{background:var(--jantt-surface, #F8FAFC);border:1px solid var(--jantt-border, #E2E8F0);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}.kpi-icon-wrap{width:42px;height:42px;border-radius:10px;background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-data{display:flex;flex-direction:column;gap:2px}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--jantt-text-muted, #475569)}.kpi-value{font-size:20px;font-weight:700;color:var(--jantt-text, #0F172A);font-family:var(--jantt-font-mono)}.summary-breakdown-card{background:var(--jantt-surface, #F8FAFC);border:1px solid var(--jantt-border, #E2E8F0);border-radius:12px;padding:18px;display:flex;flex-direction:column}.summary-table{width:100%;border-collapse:collapse;font-size:12.5px}.summary-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--jantt-text-muted, #475569);border-bottom:1px solid var(--jantt-border, #E2E8F0)}.summary-table td{padding:10px 12px;border-bottom:1px solid var(--jantt-border-subtle, #F1F5F9);color:var(--jantt-text, #0F172A)}.date-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--jantt-surface, #F8FAFC);border-bottom:1px solid var(--jantt-border, #E2E8F0);flex-shrink:0;flex-wrap:wrap}.date-filter-left-zone{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.date-filter-right-zone{margin-left:auto;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.date-filter-tabs{display:inline-flex;align-items:center;background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);border-radius:8px;padding:2px;gap:2px}.date-filter-tab{display:inline-flex;align-items:center;gap:5px;padding:0 13px;height:32px;font-size:12.5px;font-weight:600;border:none;background:transparent;color:var(--jantt-text-muted, #475569);border-radius:6px;cursor:pointer;transition:all .15s ease}.date-filter-tab:hover{color:var(--jantt-text, #0F172A);background:var(--jantt-surface-hover, #F1F5F9)}.date-filter-tab.is-active{background:var(--jantt-accent, #0284C7);color:var(--jantt-accent-contrast, #FFFFFF);box-shadow:0 1px 3px #0000001a}.date-filter-input{background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);color:var(--jantt-text, #0F172A);border-radius:7px;padding:0 10px;height:32px;font-size:12.5px;font-family:var(--jantt-font-mono, monospace);outline:none;cursor:pointer;transition:border-color .15s ease}.date-filter-input:focus{border-color:var(--jantt-accent, #0284C7)}.date-filter-active-label{font-size:12px;font-weight:600;color:var(--jantt-accent, #0284C7);background:var(--jantt-accent-glow, rgba(2, 132, 199, .1));padding:0 10px;height:30px;display:inline-flex;align-items:center;border-radius:6px;border:1px solid var(--jantt-border-strong, rgba(2, 132, 199, .2));font-family:var(--jantt-font-mono, monospace)}.date-range-inputs{display:inline-flex;align-items:center;gap:6px}.date-filter-range-sep{font-size:13px;color:var(--jantt-text-muted, #94A3B8);font-weight:700}.date-filter-active-wrap{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.date-filter-count-badge{font-size:12px;font-weight:700;color:var(--jantt-accent, #38BDF8);background:var(--jantt-accent-glow, rgba(56, 189, 248, .15));padding:0 10px;height:28px;display:inline-flex;align-items:center;border-radius:100px;border:1px solid var(--jantt-accent-glow, rgba(56, 189, 248, .3))}.date-filter-reset-btn{display:inline-flex;align-items:center;gap:4px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444;border-radius:6px;padding:0 10px;height:30px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.date-filter-reset-btn:hover{background:#ef4444;color:#fff}.date-filter-behavior-group{display:inline-flex;align-items:center;gap:4px;background:var(--jantt-surface-solid, rgba(21, 34, 56, .8));border:1px solid var(--jantt-border, rgba(255, 255, 255, .1));border-radius:7px;padding:2px 4px;height:32px}.date-filter-behavior-label{font-size:11.5px;color:var(--jantt-text-muted, #94A3B8);font-weight:700;margin-right:2px}.date-filter-behavior-btn{background:transparent;border:none;color:var(--jantt-text-muted, #94A3B8);font-size:11.5px;font-weight:600;padding:0 9px;height:26px;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.date-filter-behavior-btn:hover{color:var(--jantt-text, #F8FAFC)}.date-filter-behavior-btn.is-active{background:var(--jantt-accent, #38BDF8);color:var(--jantt-accent-contrast, #FFFFFF)}.jantt-theme-dark .date-filter-behavior-btn.is-active{color:#000}.filter-bar-person-wrap{display:inline-flex;align-items:center;gap:6px;background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);border-radius:7px;padding:0 10px;height:32px;transition:all .15s ease}.filter-bar-person-wrap:hover,.filter-bar-person-wrap:focus-within{border-color:var(--jantt-accent, #38BDF8);box-shadow:0 0 0 1px var(--jantt-accent-glow, rgba(56, 189, 248, .2))}.filter-bar-person-icon{color:var(--jantt-text-muted, #94A3B8);flex-shrink:0}.filter-bar-person-select{background:transparent;border:none;color:var(--jantt-text, #0F172A);font-size:12.5px;font-weight:600;outline:none;cursor:pointer;padding-right:4px;height:100%}.filter-bar-person-select option,.filter-bar-person-select optgroup{background:var(--jantt-surface, #1E293B);color:var(--jantt-text, #F8FAFC)}.filter-bar-person-clear{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444;border-radius:4px;width:18px;height:18px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.filter-bar-person-clear:hover{background:#ef4444;color:#fff}.jantt-task-dimmed,.jantt-bar-group.jantt-task-dimmed,g[data-task-id].jantt-task-dimmed,div[data-row-id].jantt-task-dimmed,div[data-grid-row-id].jantt-task-dimmed,.jantt-dep-path.jantt-task-dimmed,path.jantt-dep-path.jantt-task-dimmed{opacity:.18!important;filter:grayscale(.85);transition:opacity .2s ease,filter .2s ease}.kanban-card-dimmed{opacity:.28!important;filter:grayscale(.85);transform:scale(.98);transition:all .2s ease}.kanban-card-dimmed:hover{opacity:.75!important;filter:grayscale(.2)}.tasks-todo-row.is-dimmed{opacity:.32!important;filter:grayscale(.85);transition:all .2s ease}.tasks-todo-row.is-dimmed:hover{opacity:.85!important;filter:grayscale(.2)}.today-task-card.is-dimmed{opacity:.32!important;filter:grayscale(.85);transition:all .2s ease}.today-task-card.is-dimmed:hover{opacity:.85!important;filter:grayscale(.2)}.summary-row-dimmed{opacity:.22!important;filter:grayscale(.85);transition:opacity .2s ease}.summary-row-dimmed:hover{opacity:.8!important;filter:grayscale(.2)}.task-dimmed-tag{display:inline-flex;align-items:center;font-size:9.5px;font-weight:600;padding:1px 6px;border-radius:4px;background:#94a3b824;color:var(--jantt-text-muted);border:1px dashed var(--jantt-border);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.kanban-outer-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--jantt-bg, #FFFFFF)}.kanban-sort-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--jantt-surface, #F8FAFC);border-bottom:1px solid var(--jantt-border, #E2E8F0);flex-wrap:wrap;flex-shrink:0}.kanban-sort-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--jantt-text-muted, #475569);letter-spacing:.05em}.kanban-sort-chip{display:inline-flex;align-items:center;background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);border-radius:6px;padding:2px 4px;gap:4px}.kanban-sort-field-select{background:transparent;border:none;font-size:11px;font-weight:600;color:var(--jantt-text, #0F172A);outline:none;cursor:pointer;padding:2px 4px}.kanban-sort-field-select option{background:var(--jantt-surface-solid, #FFFFFF);color:var(--jantt-text, #0F172A)}.kanban-sort-dir-btn{background:var(--jantt-surface-hover, #F1F5F9);border:1px solid var(--jantt-border, #E2E8F0);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;color:var(--jantt-accent, #0284C7);cursor:pointer}.kanban-sort-dir-btn:hover{background:var(--jantt-accent, #0284C7);color:var(--jantt-accent-contrast, #FFFFFF)}.jantt-theme-dark .kanban-sort-dir-btn:hover,.jantt-theme-nordic-frost .kanban-sort-dir-btn:hover,.jantt-theme-cyber-emerald .kanban-sort-dir-btn:hover{color:var(--jantt-accent-contrast, #000000)}.kanban-sort-remove-btn{background:transparent;border:none;color:var(--jantt-text-muted, #94A3B8);font-size:13px;cursor:pointer;padding:0 4px;line-height:1}.kanban-sort-remove-btn:hover{color:#f43f5e}.kanban-sort-add-btn{background:transparent;border:1px dashed var(--jantt-border-strong, #CBD5E1);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;color:var(--jantt-accent, #0284C7);cursor:pointer;transition:all .15s ease}.kanban-sort-add-btn:hover{background:var(--jantt-accent-glow, rgba(2, 132, 199, .08));border-color:var(--jantt-accent, #0284C7)}.kanban-card-title-row{display:flex;align-items:flex-start;gap:6px}.kanban-wbs-badge{font-family:var(--jantt-font-mono, monospace);font-size:10px;font-weight:700;background:var(--jantt-border-subtle, #F1F5F9);color:var(--jantt-text-muted, #475569);padding:1px 5px;border-radius:4px;border:1px solid var(--jantt-border, #E2E8F0);flex-shrink:0}.kanban-card-complete-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#10b981;background:#10b9811f;padding:2px 8px;border-radius:4px;border:1px solid rgba(16,185,129,.25);width:fit-content}.summary-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease}.summary-th-sortable:hover{background:var(--jantt-surface-hover, #F1F5F9);color:var(--jantt-accent, #0284C7)!important}.summary-th-sortable.is-sorted{color:var(--jantt-accent, #0284C7)!important;background:var(--jantt-accent-glow, rgba(2, 132, 199, .08));border-bottom:2px solid var(--jantt-accent, #0284C7)}.summary-progress-cell{display:flex;align-items:center;gap:8px}.summary-mini-progress-bar{flex:1;height:6px;background:var(--jantt-border-subtle, #F1F5F9);border-radius:3px;overflow:hidden;min-width:60px}.summary-mini-progress-fill{height:100%;background:var(--jantt-accent, #0284C7);border-radius:3px;transition:width .3s ease}.summary-progress-pct{font-family:var(--jantt-font-mono, monospace);font-size:11px;font-weight:600;color:var(--jantt-text-muted, #475569);min-width:32px;text-align:right}.progress-complete-badge{font-family:var(--jantt-font-mono, monospace);font-size:11px;font-weight:700;color:#10b981;background:#10b9811f;padding:2px 8px;border-radius:4px}.kanban-prio-badge.is-status-notstarted{background:#4755691a;color:#475569}.kanban-prio-badge.is-status-inprogress{background:#0284c71f;color:#0284c7}.kanban-prio-badge.is-status-submitted{background:#d977061f;color:#d97706}.kanban-prio-badge.is-status-completed{background:#10b9811f;color:#10b981}.kanban-prio-badge.is-status-blocked{background:#e11d481f;color:#e11d48}.today-view-container{padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;height:100%;background:var(--jantt-bg, #FFFFFF);box-sizing:border-box}.today-view-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--jantt-surface, #F8FAFC);border:1px solid var(--jantt-border, #E2E8F0);border-radius:12px;flex-wrap:wrap;gap:12px}.today-view-title-section{display:flex;align-items:center;gap:10px}.today-view-title{margin:0;font-size:18px;font-weight:700;color:var(--jantt-text, #0F172A);letter-spacing:-.01em}.today-view-date-badge{font-family:var(--jantt-font-mono, monospace);font-size:12px;font-weight:700;background:var(--jantt-accent, #0284C7);color:var(--jantt-accent-contrast, #FFFFFF);padding:3px 10px;border-radius:100px}.today-task-count-badge{font-size:11.5px;font-weight:600;color:var(--jantt-text-muted, #475569);background:var(--jantt-border-subtle, #F1F5F9);padding:3px 9px;border-radius:100px}.today-view-person-filter{display:flex;align-items:center;gap:8px;background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);border-radius:8px;padding:4px 10px;color:var(--jantt-text-muted, #475569)}.today-person-select{background:transparent;border:none;font-size:12px;font-weight:600;color:var(--jantt-text, #0F172A);outline:none;cursor:pointer}.today-person-select option{background:var(--jantt-surface-solid, #FFFFFF);color:var(--jantt-text, #0F172A)}.today-task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.today-task-card{background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);border-top:3px solid var(--jantt-accent, #0284C7);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .15s ease;box-shadow:0 1px 3px #0000000a;cursor:pointer}.today-task-card:hover{border-color:var(--jantt-accent, #0284C7);box-shadow:0 4px 12px var(--jantt-accent-glow, rgba(2, 132, 199, .12));transform:translateY(-2px)}.today-task-card.is-completed{border-top-color:var(--jantt-bar-done, #64748B)!important;opacity:.72}.kanban-card.is-completed,.summary-row-completed{opacity:.72}.today-card-header{display:flex;align-items:center;justify-content:space-between}.today-card-category{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--jantt-text-muted, #475569)}.today-card-title{margin:0;font-size:14.5px;font-weight:700;color:var(--jantt-text, #0F172A);line-height:1.35}.today-card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--jantt-text-muted, #475569);font-family:var(--jantt-font-mono, monospace);flex-wrap:wrap}.today-card-complete{font-size:11.5px;font-weight:700;color:#10b981;background:#10b9811f;padding:4px 10px;border-radius:6px;border:1px solid rgba(16,185,129,.25);width:fit-content}.today-card-progress{display:flex;align-items:center;gap:8px}.today-prog-bar-wrap{flex:1;height:6px;background:var(--jantt-border-subtle, #F1F5F9);border-radius:3px;overflow:hidden}.today-prog-bar-fill{height:100%;background:var(--jantt-accent, #0284C7);border-radius:3px}.today-prog-pct{font-family:var(--jantt-font-mono, monospace);font-size:11px;font-weight:600;color:var(--jantt-text-muted, #475569)}.today-card-actions{margin-top:4px;padding-top:8px;border-top:1px solid var(--jantt-border-subtle, #F1F5F9)}.today-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:var(--jantt-surface, #F8FAFC);border:1px dashed var(--jantt-border, #E2E8F0);border-radius:12px;gap:8px}.today-empty-state h3{margin:8px 0 0;font-size:18px;font-weight:700;color:var(--jantt-text, #0F172A)}.today-empty-state p{margin:0;font-size:13px;color:var(--jantt-text-muted, #475569)}.tasks-view-container{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;height:100%;background:var(--jantt-bg, #0B132B);box-sizing:border-box}.tasks-view-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--jantt-surface, rgba(21, 34, 56, .8));border:1px solid var(--jantt-border, rgba(255, 255, 255, .1));border-radius:12px;flex-wrap:wrap;gap:12px}.tasks-view-title-section{display:flex;align-items:center;gap:12px}.tasks-view-title{margin:0;font-size:17px;font-weight:700;color:var(--jantt-text, #F8FAFC);letter-spacing:-.01em}.tasks-view-subtitle{display:block;font-size:11.5px;color:var(--jantt-text-muted, #94A3B8);margin-top:2px}.tasks-view-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tasks-search-wrap{position:relative;display:flex;align-items:center}.tasks-search-input{background:var(--jantt-surface-solid, rgba(15, 23, 42, .9));border:1px solid var(--jantt-border, rgba(255, 255, 255, .12));color:var(--jantt-text, #F8FAFC);border-radius:8px;padding:5px 24px 5px 10px;font-size:12px;outline:none;width:180px;transition:all .15s ease}.tasks-search-input:focus{border-color:var(--jantt-accent, #38BDF8);width:220px}.tasks-search-clear{position:absolute;right:6px;background:transparent;border:none;color:var(--jantt-text-muted, #94A3B8);font-size:11px;cursor:pointer;padding:0}.tasks-mode-group{display:inline-flex;align-items:center;background:var(--jantt-surface-solid, rgba(15, 23, 42, .9));border:1px solid var(--jantt-border, rgba(255, 255, 255, .1));border-radius:8px;padding:2px;gap:2px}.tasks-mode-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--jantt-text-muted, #94A3B8);font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.tasks-mode-btn:hover{color:var(--jantt-text, #F8FAFC)}.tasks-mode-btn.is-active{background:var(--jantt-accent, #38BDF8);color:var(--jantt-accent-contrast, #FFFFFF)}.jantt-theme-dark .tasks-mode-btn.is-active{color:#000}.tasks-todo-list{display:flex;flex-direction:column;gap:6px}.tasks-todo-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--jantt-surface-solid, rgba(21, 34, 56, .9));border:1px solid var(--jantt-border, rgba(255, 255, 255, .08));border-left:4px solid var(--jantt-accent, #38BDF8);border-radius:8px;gap:12px;transition:all .15s ease;cursor:pointer}.tasks-todo-row:hover{border-color:var(--jantt-border-strong, rgba(255, 255, 255, .2));background:var(--jantt-surface-hover, rgba(30, 48, 80, .9));transform:translate(2px)}.tasks-todo-row.is-completed{border-left-color:var(--jantt-bar-done, #64748B)!important;opacity:.72}.tasks-todo-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tasks-checkbox-btn{background:transparent;border:none;cursor:pointer;padding:0;color:var(--jantt-text-muted, #94A3B8);display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease}.tasks-checkbox-btn:hover{transform:scale(1.15);color:var(--jantt-accent, #38BDF8)}.tasks-checkbox-btn.is-checked{color:#10b981}.tasks-todo-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.tasks-todo-title-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tasks-todo-title{margin:0;font-size:13.5px;font-weight:600;color:var(--jantt-text, #F8FAFC);word-break:break-word}.tasks-todo-title.is-struck{text-decoration:line-through;opacity:.6}.tasks-todo-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--jantt-text-muted, #94A3B8);flex-wrap:wrap}.tasks-todo-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tasks-card-check-btn{background:transparent;border:1px solid var(--jantt-border, rgba(255, 255, 255, .1));border-radius:6px;padding:3px 6px;cursor:pointer;color:var(--jantt-text-muted, #94A3B8);display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:all .15s ease}.tasks-card-check-btn:hover{border-color:var(--jantt-accent, #38BDF8);color:var(--jantt-text, #F8FAFC)}.tasks-card-check-btn.is-checked{background:#10b98126;border-color:#10b9814d;color:#10b981}@keyframes jantt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes jantt-scale-up{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes jantt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes jantt-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.spin-sync-icon{animation:jantt-spin 1s linear infinite}.jantt-toast{box-shadow:0 10px 25px #0003,0 2px 6px #0000001a;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.toast-success{background:#10b981!important}.toast-error{background:#ef4444!important}.sync-status-badge{letter-spacing:-.01em;transition:all .2s ease}.btn-sync-cloud:hover:not(:disabled){background:#38bdf81f!important;color:var(--jantt-accent)!important}@keyframes jantt-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notes-view-container{display:flex;flex-direction:row;width:100%;height:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;overflow:hidden;background:var(--jantt-bg, #080D18);color:var(--jantt-text, #F8FAFC);position:relative}.notes-sidebar{width:320px;min-width:280px;max-width:380px;height:100%;display:flex;flex-direction:column;background:var(--jantt-surface, #0F172A);border-right:1px solid var(--jantt-border, rgba(255, 255, 255, .08));flex-shrink:0;box-sizing:border-box}.notes-sidebar-header{padding:16px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--jantt-border, rgba(255, 255, 255, .06));flex-shrink:0}.notes-sidebar-title-row{display:flex;align-items:center;justify-content:space-between}.notes-sidebar-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--jantt-text, #F8FAFC)}.notes-brand-icon{color:var(--jantt-accent, #38BDF8);flex-shrink:0}.notes-brand-title{letter-spacing:-.01em}.notes-count-badge{font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;background:#ffffff14;color:var(--jantt-text-muted, #94A3B8)}.notes-view-only-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:6px;background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.notes-new-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;border-radius:7px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px #0ea5e959;transition:all .15s ease}.notes-new-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.notes-search-bar{display:flex;align-items:center;gap:8px;padding:7px 11px;background:#00000059;border:1px solid var(--jantt-border, rgba(255, 255, 255, .1));border-radius:8px;transition:border-color .15s ease}.notes-search-bar:focus-within{border-color:var(--jantt-accent, #38BDF8)}.notes-search-icon{color:var(--jantt-text-muted, #94A3B8);flex-shrink:0}.notes-search-input{background:transparent;border:none;outline:none;font-size:12px;color:var(--jantt-text, #F8FAFC);width:100%}.notes-search-input::placeholder{color:var(--jantt-text-muted, #64748B)}.notes-color-filter-strip{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.notes-color-filter-strip::-webkit-scrollbar{display:none}.notes-color-chip{border:none;background:transparent;cursor:pointer;transition:all .15s ease}.notes-color-chip.is-all{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#ffffff14;color:var(--jantt-text-muted, #94A3B8)}.notes-color-chip.is-all.is-active{background:var(--jantt-accent, #38BDF8);color:#000;font-weight:700}.notes-color-chip:not(.is-all){width:15px;height:15px;border-radius:50%;padding:0;flex-shrink:0;border:1px solid rgba(0,0,0,.4)}.notes-color-chip.is-active:not(.is-all){transform:scale(1.25);box-shadow:0 0 0 2px var(--jantt-surface, #0F172A),0 0 0 3.5px currentColor}.notes-list-scroll{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.notes-empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:var(--jantt-text-muted, #94A3B8);gap:12px}.notes-empty-icon{opacity:.35;color:var(--jantt-accent, #38BDF8)}.notes-empty-text{font-size:13px;margin:0;color:var(--jantt-text-muted, #94A3B8)}.notes-empty-create-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;border-radius:7px;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:var(--jantt-accent, #38BDF8);cursor:pointer;transition:all .15s ease}.notes-empty-create-btn:hover{background:#38bdf840;transform:translateY(-1px)}.note-list-item{padding:12px 14px;border-radius:9px;background:#ffffff08;border:1px solid var(--jantt-border, rgba(255, 255, 255, .06));border-left-width:4px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:6px;text-align:left}.note-list-item:hover{background:#ffffff0f;border-color:var(--jantt-border, rgba(255, 255, 255, .12))}.note-list-item.is-active{background:#38bdf81f;border-color:#38bdf859;box-shadow:0 4px 12px #00000040}.note-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-item-title{font-size:13.5px;font-weight:700;color:var(--jantt-text, #F8FAFC);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.note-item-badges{display:flex;align-items:center;gap:4px}.note-pin-badge{color:#f59e0b;flex-shrink:0}.note-item-del-btn{background:transparent;border:none;color:var(--jantt-text-muted, #64748B);cursor:pointer;padding:3px;border-radius:4px;display:inline-flex;align-items:center;opacity:0;transition:all .15s ease}.note-list-item:hover .note-item-del-btn{opacity:1}.note-item-del-btn:hover{color:#ef4444;background:#ef444426}.note-item-preview{font-size:12px;line-height:1.45;color:var(--jantt-text-muted, #94A3B8);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.note-item-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--jantt-text-muted, #64748B);margin-top:2px}.note-item-time{display:inline-flex;align-items:center;gap:4px}.note-item-attached-count{display:inline-flex;align-items:center;gap:3px;background:#ffffff0f;padding:1px 6px;border-radius:4px;font-weight:700;color:var(--jantt-accent, #38BDF8)}.note-editor-empty-state{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:var(--jantt-bg, #080D18);color:var(--jantt-text, #F8FAFC)}.note-editor-empty-title{font-size:20px;font-weight:700;color:var(--jantt-text, #F8FAFC);margin:0 0 8px;letter-spacing:-.01em}.note-editor-empty-sub{font-size:13.5px;line-height:1.55;color:var(--jantt-text-muted, #94A3B8);max-width:460px;margin:0 0 24px}.note-editor-pane{flex:1;height:100%;display:flex;flex-direction:column;background:var(--jantt-bg, #080D18);overflow:hidden}.note-editor-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--jantt-border, rgba(255, 255, 255, .08));background:var(--jantt-surface, #0F172A);flex-shrink:0}.note-topbar-left{display:flex;align-items:center;gap:12px}.note-back-btn{display:none;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--jantt-text-muted, #94A3B8);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px}.note-save-indicator{display:flex;align-items:center}.save-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.save-tag.is-saved{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.save-tag.is-saving{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.save-tag.is-viewer{background:#94a3b81f;color:#94a3b8;border:1px solid rgba(148,163,184,.25);cursor:pointer;transition:all .15s ease}.save-tag.is-viewer:hover{background:#38bdf826;color:#38bdf8;border-color:#38bdf859}.spin-icon{animation:spin 1s linear infinite}.note-topbar-actions{display:flex;align-items:center;gap:8px}.note-action-btn{width:32px;height:32px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--jantt-border, rgba(255, 255, 255, .08));color:var(--jantt-text-muted, #94A3B8);cursor:pointer;transition:all .15s ease}.note-action-btn:hover{background:#ffffff1a;color:var(--jantt-text, #F8FAFC)}.note-action-btn.is-pinned{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b59}.note-action-btn.is-active{color:var(--jantt-accent, #38BDF8);background:#38bdf826;border-color:#38bdf859}.note-action-btn.is-danger:hover{color:#ef4444;background:#ef444426;border-color:#ef444459}.note-color-picker-anchor{position:relative}.note-color-swatch-indicator{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.4)}.note-color-picker-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--jantt-surface, #1E293B);border:1px solid var(--jantt-border, rgba(255, 255, 255, .15));border-radius:8px;padding:8px;display:flex;gap:6px;box-shadow:0 10px 25px #00000080;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.note-picker-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.note-picker-swatch.is-selected{border-color:#fff;transform:scale(1.2)}.note-editor-doc-scroll{flex:1;overflow-y:auto;padding:32px;display:flex;justify-content:center}.note-editor-sheet{width:100%;max-width:860px;display:flex;flex-direction:column;gap:20px}.note-title-input{font-size:26px;font-weight:700;color:var(--jantt-text, #F8FAFC);background:transparent;border:none;outline:none;padding:0;width:100%;letter-spacing:-.02em;font-family:inherit}.note-title-input::placeholder{color:var(--jantt-text-muted, #475569)}.note-title-input.is-readonly{cursor:default;-webkit-user-select:none;user-select:none}.note-contenteditable-surface{min-height:280px;font-size:15px;line-height:1.7;color:var(--jantt-text, #E2E8F0);outline:none;white-space:pre-wrap;word-break:break-word;font-family:inherit}.note-contenteditable-surface.is-readonly{cursor:default}.note-contenteditable-surface[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--jantt-text-muted, #475569);pointer-events:none}.note-preview-body{min-height:280px;font-size:15px;line-height:1.7;color:var(--jantt-text, #E2E8F0)}.note-preview-empty{color:var(--jantt-text-muted, #64748B);font-style:italic}.note-mention-pill.is-person{background:#38bdf82e;border:1px solid rgba(56,189,248,.35);color:#38bdf8}.note-mention-pill.is-task{background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#10b981}.note-mention-dropdown{position:fixed;z-index:1000;background:var(--jantt-surface, #1E293B);border:1px solid var(--jantt-border, rgba(255, 255, 255, .15));border-radius:8px;box-shadow:0 12px 30px #0009;min-width:240px;max-height:220px;overflow-y:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.note-dropdown-header{padding:6px 10px;font-size:11px;font-weight:700;color:var(--jantt-text-muted, #94A3B8);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--jantt-border, rgba(255, 255, 255, .06))}.note-dropdown-list{display:flex;flex-direction:column;padding:4px;gap:2px}.note-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;color:var(--jantt-text, #F8FAFC);font-size:12.5px}.note-dropdown-item.is-selected,.note-dropdown-item:hover{background:#38bdf826;color:#38bdf8}.note-dropdown-icon{flex-shrink:0;color:var(--jantt-accent, #38BDF8)}.note-dropdown-info{display:flex;flex-direction:column;overflow:hidden}.note-dropdown-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-dropdown-role,.note-dropdown-id{font-size:10.5px;color:var(--jantt-text-muted, #94A3B8)}.note-dropdown-empty{padding:12px;font-size:12px;text-align:center;color:var(--jantt-text-muted, #94A3B8)}.note-attached-tasks-bar{margin-top:24px;padding-top:16px;border-top:1px solid var(--jantt-border, rgba(255, 255, 255, .08));display:flex;flex-direction:column;gap:10px}.note-attached-header{display:flex;align-items:center;justify-content:space-between}.note-attached-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--jantt-text-muted, #94A3B8);text-transform:uppercase;letter-spacing:.04em}.note-attach-picker-anchor{position:relative}.note-attach-add-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;border-radius:6px;background:#ffffff0d;border:1px solid var(--jantt-border, rgba(255, 255, 255, .1));color:var(--jantt-accent, #38BDF8);cursor:pointer;transition:all .15s ease}.note-attach-add-btn:hover{background:#38bdf81f}.note-attach-picker-dropdown{position:absolute;bottom:calc(100% + 6px);right:0;width:280px;background:var(--jantt-surface, #1E293B);border:1px solid var(--jantt-border, rgba(255, 255, 255, .15));border-radius:8px;box-shadow:0 10px 25px #00000080;padding:8px;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.note-picker-input{width:100%;padding:6px 8px;background:#0000004d;border:1px solid var(--jantt-border, rgba(255, 255, 255, .1));border-radius:6px;color:var(--jantt-text, #F8FAFC);font-size:12px;outline:none;margin-bottom:6px;box-sizing:border-box}.note-picker-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.note-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;color:var(--jantt-text, #F8FAFC);font-size:12px}.note-picker-item:hover{background:#38bdf826}.note-picker-icon{color:#10b981;flex-shrink:0}.note-picker-text{display:flex;flex-direction:column;overflow:hidden}.note-picker-id{font-size:10.5px;font-weight:700;color:#38bdf8}.note-picker-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-picker-empty{padding:10px;font-size:11.5px;text-align:center;color:var(--jantt-text-muted, #94A3B8)}.note-attached-pills-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.note-attached-none{font-size:12px;color:var(--jantt-text-muted, #64748B);font-style:italic}.note-attached-task-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:#ffffff0a;border:1px solid var(--jantt-border, rgba(255, 255, 255, .08));font-size:11.5px;color:var(--jantt-text, #F8FAFC)}.note-chip-icon{color:#10b981;flex-shrink:0}.note-chip-id{font-weight:700;color:#38bdf8}.note-chip-label{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-chip-team{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;border:1px solid}.note-chip-remove{background:transparent;border:none;color:var(--jantt-text-muted, #64748B);cursor:pointer;padding:1px;display:inline-flex;align-items:center;border-radius:3px;transition:color .15s ease}.note-chip-remove:hover{color:#ef4444;background:#ef444426}.note-mention-pill{display:inline-flex;align-items:center;gap:4.5px;padding:1.5px 7px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.4;vertical-align:middle;margin:0 2px;transition:all .15s ease;-webkit-user-select:none;user-select:none;cursor:default}.note-mention-pill svg{flex-shrink:0;display:inline-block;vertical-align:middle}.note-mention-pill.is-person{background:#38bdf826;color:var(--jantt-accent, #0284C7);border:1px solid rgba(56,189,248,.35)}.note-mention-pill.is-task{background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.35)}.jantt-theme-dark .note-mention-pill.is-person{background:#38bdf838;color:#7dd3fc;border-color:#38bdf880}.jantt-theme-dark .note-mention-pill.is-task{background:#10b98138;color:#6ee7b7;border-color:#10b98180}.note-pill-avatar{width:14px;height:14px;border-radius:50%;color:#fff;font-size:8.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.note-pill-text{font-size:12px;font-weight:600;letter-spacing:-.01em;display:inline-block;line-height:1.4;vertical-align:middle}.note-editor-contenteditable{flex:1;width:100%;background:transparent;border:none;outline:none;font-size:14.5px;line-height:1.7;color:var(--jantt-text, #0F172A);font-family:inherit;box-sizing:border-box;min-height:340px;white-space:pre-wrap;word-break:break-word}.note-editor-contenteditable:empty:before{content:attr(data-placeholder);color:var(--jantt-text-muted, #94A3B8);font-style:italic;pointer-events:none}.note-floating-autocomplete{position:fixed;width:290px;max-height:250px;overflow-y:auto;background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border-strong, #CBD5E1);border-radius:8px;box-shadow:0 12px 30px #00000040,0 4px 10px #0000001f;z-index:10000;padding:6px;display:flex;flex-direction:column;gap:2px}.jantt-theme-dark .note-floating-autocomplete{background:#0b0f17;border-color:#334155;box-shadow:0 16px 36px #000000b3}.note-autocomplete-header{padding:4px 8px 6px;font-size:10.5px;font-weight:700;color:var(--jantt-text-muted, #64748B);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--jantt-border-subtle, #E2E8F0);margin-bottom:4px}.note-autocomplete-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:6px;border:none;background:transparent;color:var(--jantt-text, #0F172A);font-size:12px;cursor:pointer;text-align:left;width:100%;transition:all .12s ease}.note-autocomplete-item:hover,.note-autocomplete-item.is-selected{background:var(--jantt-accent, #0284C7);color:var(--jantt-accent-contrast, #FFFFFF)}.jantt-theme-dark .note-autocomplete-item.is-selected,.jantt-theme-dark .note-autocomplete-item:hover{color:#000}.note-autocomplete-item:hover .note-autocomplete-sub,.note-autocomplete-item.is-selected .note-autocomplete-sub{color:inherit;opacity:.85}.note-autocomplete-sub{font-size:10.5px;color:var(--jantt-text-muted, #64748B);flex-shrink:0}.note-quick-tools-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;background:var(--jantt-surface, #F1F5F9);border:1px solid var(--jantt-border, #E2E8F0);border-radius:8px;font-size:11.5px}.note-quick-tool-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;background:var(--jantt-bg, #FFFFFF);border:1px solid var(--jantt-border, #CBD5E1);border-radius:6px;color:var(--jantt-text, #0F172A);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.note-quick-tool-btn:hover{border-color:var(--jantt-accent, #0284C7);color:var(--jantt-accent, #0284C7);background:var(--jantt-surface-hover, rgba(56, 189, 248, .08))}.note-sections-container{display:flex;flex-direction:column;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--jantt-border, #E2E8F0)}.note-section-card{background:var(--jantt-surface-solid, #F8FAFC);border:1px solid var(--jantt-border, #E2E8F0);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.note-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-section-title-wrap{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--jantt-text, #0F172A);text-transform:uppercase;letter-spacing:.03em}.note-section-badge{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:100px;background:var(--jantt-accent-glow, rgba(56, 189, 248, .15));color:var(--jantt-accent, #0284C7);border:1px solid var(--jantt-border, #CBD5E1)}.note-entity-list{display:flex;flex-direction:column;gap:6px}.note-task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--jantt-bg, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.note-task-row:hover{border-color:var(--jantt-accent, #0284C7);box-shadow:0 2px 6px #0000000d}.note-task-info-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.note-task-id-tag{font-family:var(--jantt-font-mono, monospace);font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--jantt-surface, #F1F5F9);color:var(--jantt-text-muted, #64748B);border:1px solid var(--jantt-border, #CBD5E1);flex-shrink:0}.note-task-label-text{font-size:12.5px;font-weight:600;color:var(--jantt-text, #0F172A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-task-info-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.note-task-status-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;text-transform:uppercase;letter-spacing:.02em}.note-task-status-tag.is-completed{background:#10b98126;color:#10b981}.note-task-status-tag.is-in-progress{background:#38bdf826;color:#0284c7}.note-task-status-tag.is-blocked{background:#f59e0b26;color:#f59e0b}.note-task-status-tag.is-pending{background:#64748b26;color:#64748b}.note-detach-btn{background:transparent;border:none;color:var(--jantt-text-muted, #94A3B8);padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.note-detach-btn:hover{background:#ef44441f;color:#ef4444}.note-person-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;background:var(--jantt-bg, #FFFFFF);border:1px solid var(--jantt-border, #E2E8F0);border-radius:8px}.note-person-avatar-circle{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.note-picker-popover{position:absolute;top:100%;left:0;margin-top:6px;width:320px;max-height:260px;overflow-y:auto;background:var(--jantt-surface-solid, #FFFFFF);border:1px solid var(--jantt-border-strong, #CBD5E1);border-radius:10px;box-shadow:0 12px 32px #0003;z-index:9999;padding:8px;display:flex;flex-direction:column;gap:4px}.note-picker-search-input{width:100%;padding:6px 10px;border:1px solid var(--jantt-border, #E2E8F0);border-radius:6px;background:var(--jantt-bg, #F8FAFC);color:var(--jantt-text, #0F172A);font-size:12px;margin-bottom:6px;outline:none;box-sizing:border-box}.note-picker-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;border:none;background:transparent;color:var(--jantt-text, #0F172A);cursor:pointer;text-align:left;width:100%;font-size:12px;transition:background .12s ease}.note-picker-item:hover{background:var(--jantt-surface-hover, rgba(56, 189, 248, .1));color:var(--jantt-accent, #0284C7)}.note-card-badges-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.note-card-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:100px;background:var(--jantt-surface, #F1F5F9);color:var(--jantt-text-muted, #64748B);border:1px solid var(--jantt-border, #E2E8F0)}.btn-sync-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.2;cursor:default;-webkit-user-select:none;user-select:none;transition:all .2s ease}.btn-sync-badge.is-in-sync{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.28)}.btn-sync-badge.is-syncing{background:#38bdf81f;color:var(--jantt-accent, #38BDF8);border:1px solid rgba(56,189,248,.3)}.btn-sync-badge.is-merged{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.btn-sync-badge.is-conflict{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-sync-badge.is-draft{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.sync-pulse-dot{width:6.5px;height:6.5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;animation:syncPulse 2.2s infinite ease-in-out}@keyframes syncPulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.2);opacity:1}}.btn-version-history{display:inline-flex;align-items:center;gap:5px}.history-count-badge{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:10px;background:#38bdf833;color:var(--jantt-accent, #38BDF8);line-height:1.2}.btn-cloud-source-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.2;cursor:default;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:#6366f11f;color:#818cf8;border:1px solid rgba(99,102,241,.28)}.btn-cloud-source-badge.is-room-collaborator{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3);cursor:pointer}.btn-cloud-source-badge.is-room-collaborator:hover{background:#10b98133;border-color:#10b98180}.btn-cloud-source-badge.is-room-viewer{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.3);cursor:pointer}.btn-cloud-source-badge.is-room-viewer:hover{background:#38bdf833;border-color:#38bdf880}.spin-slow{animation:spinSlow 8s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-import-export-popup{animation:fadeInDownMenu .16s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes fadeInDownMenu{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.editor-popup-item{transition:background .12s ease,color .12s ease,transform .08s ease}.editor-popup-item:hover{background:var(--jantt-surface-hover, rgba(56, 189, 248, .12))!important;color:var(--jantt-accent, #38BDF8)!important}.editor-popup-item:active{transform:scale(.98)}.plan-board-container{display:grid;grid-template-columns:repeat(3,minmax(290px,1fr));gap:16px;flex:1;min-height:0;padding:16px 20px;overflow-x:auto}@media (max-width: 960px){.plan-board-container{grid-template-columns:1fr;overflow-y:auto}}.plan-board-column{display:flex;flex-direction:column;background:var(--jantt-surface, #0f172a);border:1px solid var(--jantt-border, rgba(255, 255, 255, .08));border-radius:12px;min-height:0;max-height:100%;transition:all .2s ease;overflow:hidden}.plan-board-column.is-drag-over{border:2px dashed var(--jantt-accent, #38bdf8)!important;background:#38bdf812!important;box-shadow:0 0 20px #38bdf833}.plan-board-column.is-drag-over-emerald{border:2px dashed #10b981!important;background:#10b98112!important;box-shadow:0 0 20px #10b98133}.plan-board-column-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff05;border-bottom:1px solid var(--jantt-border-subtle, rgba(255, 255, 255, .06));flex-shrink:0}.plan-board-column-body{display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;flex:1;min-height:120px}.plan-card{background:var(--jantt-surface-elevated, #1e293b);border:1px solid var(--jantt-border, rgba(255, 255, 255, .08));border-radius:10px;padding:12px 14px;cursor:grab;transition:all .16s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:8px;position:relative;-webkit-user-select:none;user-select:none}.plan-card:hover{border-color:#fff3;transform:translateY(-1px);box-shadow:0 6px 16px -4px #00000059}.plan-card:active{cursor:grabbing}.plan-card.is-active-plan{border-color:var(--jantt-accent, #38bdf8);background:linear-gradient(135deg,#38bdf814,#1e293bf2);box-shadow:0 0 16px var(--jantt-accent-glow, rgba(56, 189, 248, .25))}.plan-card.is-dragging{opacity:.45;transform:scale(.98);border-style:dashed}.plan-card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.plan-card-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--jantt-text-muted, #94a3b8)}.plan-card-action-bar{display:flex;align-items:center;gap:6px;margin-top:4px;padding-top:8px;border-top:1px solid var(--jantt-border-subtle, rgba(255, 255, 255, .05))}.plan-board-empty-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;text-align:center;border:1.5px dashed var(--jantt-border, rgba(255, 255, 255, .1));border-radius:8px;color:var(--jantt-text-muted, #64748b);font-size:12px;gap:8px;margin:auto 0}.plan-board-container.is-dragging-card .plan-card{pointer-events:none!important}.card-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12px;color:var(--jantt-text, #f8fafc);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .12s ease}.card-menu-item:hover{background:var(--jantt-surface-hover, rgba(56, 189, 248, .12));color:var(--jantt-accent, #38bdf8)}.card-menu-item.is-danger:hover{background:#ef444426!important;color:#f87171!important}.card-menu-item.is-warning:hover{background:#f59e0b26!important;color:#fbbf24!important}.mobile-navbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:max(8px,env(safe-area-inset-top,8px)) 12px 8px 12px;background:var(--jantt-surface, #F8FAFC);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--jantt-border, #E2E8F0);z-index:1000;flex-shrink:0;gap:8px;box-sizing:border-box}.mobile-nav-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.mobile-logo-wrap{display:flex;align-items:center;flex-shrink:0;cursor:pointer}.mobile-plan-selector-pill{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--jantt-surface-hover, rgba(255, 255, 255, .06));border:1px solid var(--jantt-border, rgba(255, 255, 255, .12));border-radius:20px;cursor:pointer;min-width:0;max-width:200px;transition:all .15s ease}.mobile-plan-selector-pill:active{transform:scale(.97);background:var(--jantt-surface-solid, rgba(255, 255, 255, .12))}.mobile-plan-name{font-size:12.5px;font-weight:600;color:var(--jantt-text, #F8FAFC);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-room-indicator{display:inline-flex;align-items:center;margin-left:2px}.mobile-room-pulse-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}.mobile-nav-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.mobile-nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--jantt-surface-hover, rgba(255, 255, 255, .06));border:1px solid var(--jantt-border, rgba(255, 255, 255, .12));color:var(--jantt-text, #F8FAFC);cursor:pointer;transition:all .15s ease}.mobile-nav-icon-btn:active{transform:scale(.95);background:var(--jantt-border, rgba(255, 255, 255, .16))}.mobile-nav-icon-btn.is-menu-trigger{color:var(--jantt-accent, #38BDF8);border-color:var(--jantt-accent-glow, rgba(56, 189, 248, .3))}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1200;background:var(--jantt-surface, #F8FAFC);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--jantt-border, #E2E8F0);padding:6px 8px max(6px,env(safe-area-inset-bottom,6px)) 8px;box-shadow:0 -4px 20px #00000040;box-sizing:border-box}.mobile-bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;width:100%;max-width:500px;margin:0 auto}.mobile-nav-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1 0;padding:5px 2px;border:none;background:transparent;color:var(--jantt-text-muted, #94A3B8);cursor:pointer;border-radius:8px;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-nav-tab-btn:active{transform:scale(.94)}.mobile-nav-tab-btn.is-active{color:var(--jantt-accent, #38BDF8)}.mobile-nav-tab-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:22px}.mobile-nav-tab-btn.is-active .mobile-nav-tab-icon-wrap{filter:drop-shadow(0 0 8px var(--jantt-accent-glow, rgba(56, 189, 248, .4)))}.mobile-nav-tab-label{font-size:10px;font-weight:600;letter-spacing:.01em}.mobile-nav-badge{position:absolute;top:-3px;right:-8px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--jantt-accent, #38BDF8);color:var(--jantt-accent-contrast, #000000);font-size:8.5px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.mobile-orientation-banner{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:linear-gradient(90deg,#38bdf81f,#818cf81f);border-bottom:1px solid rgba(56,189,248,.25);font-size:11.5px;color:var(--jantt-text, #F8FAFC);z-index:900;animation:jantt-scale-up .2s ease-out}.mobile-orientation-banner-content{display:flex;align-items:center;gap:8px}.mobile-orientation-icon-wrap{display:flex;align-items:center;color:var(--jantt-accent, #38BDF8)}.rotate-hint-icon{animation:rotate-wiggle 3s ease-in-out infinite}@keyframes rotate-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-25deg)}75%{transform:rotate(25deg)}}.mobile-orientation-close{background:transparent;border:none;color:var(--jantt-text-muted, #94A3B8);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.is-immersive-landscape .chart-pane{padding:0!important;height:100vh!important}.is-immersive-landscape .chart-container-card{border:none!important;border-radius:0!important}.mobile-immersive-toggle-btn{position:fixed;top:max(8px,env(safe-area-inset-top,8px));right:max(12px,env(safe-area-inset-right,12px));z-index:1500;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--jantt-surface, #1E293B);border:1px solid var(--jantt-border, rgba(255, 255, 255, .2));border-radius:16px;color:var(--jantt-text, #FFFFFF);font-size:11px;font-weight:600;box-shadow:0 4px 12px #0006;cursor:pointer}.mobile-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;flex-direction:column;justify-content:flex-end;animation:jantt-fade-in .2s ease}.mobile-sheet-card{background:var(--jantt-surface, #1E293B);border-top:1px solid var(--jantt-border, rgba(255, 255, 255, .15));border-radius:20px 20px 0 0;max-height:85vh;overflow-y:auto;box-shadow:0 -10px 40px #00000080;padding:8px 16px max(24px,env(safe-area-inset-bottom,24px)) 16px;animation:mobile-sheet-slide-up .26s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes mobile-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-pull-handle{width:36px;height:4px;border-radius:2px;background:var(--jantt-border-strong, #64748B);margin:6px auto 14px;opacity:.6}.mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mobile-sheet-title{font-size:16px;font-weight:700;color:var(--jantt-text, #F8FAFC);margin:0}.mobile-sheet-close-btn{background:transparent;border:none;color:var(--jantt-text-muted, #94A3B8);cursor:pointer;padding:4px;border-radius:6px}.mobile-sheet-body{display:flex;flex-direction:column;gap:16px}.mobile-menu-section{display:flex;flex-direction:column;gap:8px}.mobile-menu-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--jantt-text-muted, #94A3B8)}.mobile-menu-user-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--jantt-surface-hover, rgba(255, 255, 255, .04));border:1px solid var(--jantt-border-subtle, rgba(255, 255, 255, .08));border-radius:10px}.mobile-menu-user-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--jantt-border)}.mobile-menu-user-avatar-fallback{width:32px;height:32px;border-radius:50%;background:var(--jantt-accent);color:var(--jantt-accent-contrast, #000);font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-menu-tile{display:flex;align-items:center;gap:8px;padding:12px 10px;background:var(--jantt-surface-hover, rgba(255, 255, 255, .04));border:1px solid var(--jantt-border-subtle, rgba(255, 255, 255, .08));border-radius:10px;color:var(--jantt-text, #F8FAFC);font-size:12.5px;font-weight:600;cursor:pointer;text-align:left;transition:all .12s ease}.mobile-menu-tile:active{background:var(--jantt-border, rgba(255, 255, 255, .12));transform:scale(.98)}.mobile-menu-list-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--jantt-surface-hover, rgba(255, 255, 255, .04));border:1px solid var(--jantt-border-subtle, rgba(255, 255, 255, .08));border-radius:10px;color:var(--jantt-text, #F8FAFC);font-size:12.5px;font-weight:500;cursor:pointer;text-align:left}.mobile-menu-list-row:active{background:var(--jantt-border, rgba(255, 255, 255, .12))}.mobile-menu-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--jantt-surface-solid, rgba(255, 255, 255, .1));color:var(--jantt-text-muted, #94A3B8)}.mobile-menu-item-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none}.mobile-menu-item-btn.is-accent{background:var(--jantt-accent, #38BDF8);color:var(--jantt-accent-contrast, #000000)}.mobile-menu-item-btn.is-logout{background:#ef44441f;color:#ef4444}.mobile-theme-select{width:100%;padding:9px 12px;font-size:13px;border-radius:8px}.mobile-kanban-tabs{display:none}@media (max-width: 768px){.mobile-kanban-tabs{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--jantt-surface);border-bottom:1px solid var(--jantt-border-subtle);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.mobile-kanban-tabs::-webkit-scrollbar{display:none}.mobile-kanban-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;background:var(--jantt-surface-hover, rgba(255, 255, 255, .05));border:1px solid var(--jantt-border-subtle);color:var(--jantt-text-muted);font-size:11.5px;font-weight:600;white-space:nowrap;cursor:pointer;flex-shrink:0}.mobile-kanban-tab.is-active{background:var(--jantt-accent);color:var(--jantt-accent-contrast, #000000);border-color:var(--jantt-accent)}.mobile-kanban-tab-count{font-size:10px;padding:1px 5px;border-radius:8px;background:#0000002e}.kanban-view-container{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:10px 12px 20px!important}.kanban-column{min-width:82vw!important;max-width:85vw!important;scroll-snap-align:center!important;flex-shrink:0!important}.kanban-sort-bar{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap!important;padding:6px 12px}.kanban-sort-bar::-webkit-scrollbar{display:none}}@media (max-width: 768px){.notes-view-container{display:flex!important;flex-direction:column!important;height:100%!important}.notes-view-container.has-active-note .notes-sidebar{display:none!important}.notes-view-container:not(.has-active-note) .note-editor-pane{display:none!important}.notes-view-container:not(.has-active-note) .note-editor-empty-state{display:none!important}.notes-sidebar{width:100%!important;min-width:100%!important;border-right:none!important}.note-editor-pane{width:100%!important;min-width:100%!important}.note-back-btn{display:inline-flex!important}}@media (max-width: 768px){.playground-app{height:100vh;height:100dvh;overflow:hidden}.workspace-main{flex-direction:column;padding-bottom:56px}.is-immersive-landscape .workspace-main{padding-bottom:0!important}.chart-pane{width:100%!important;height:100%!important;padding:0!important}.chart-container-card{border:none!important;border-radius:0!important}.editor-pane{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2500!important;border-right:none!important;box-shadow:0 0 50px #000c!important}.editor-pane.is-collapsed,.workspace-splitter{display:none!important}.date-filter-bar{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none;padding:6px 10px!important;gap:8px!important}.date-filter-bar::-webkit-scrollbar{display:none}.date-filter-tabs,.date-filter-right-zone{flex-shrink:0}.jantt-modal-card,.plan-manager-modal,.add-plan-card,.share-modal,.people-modal,.prompt-modal,.version-history-modal,.autosave-modal{width:100vw!important;max-width:100vw!important;max-height:90vh!important;height:auto!important;margin:auto 0 0!important;border-radius:20px 20px 0 0!important;padding-bottom:max(16px,env(safe-area-inset-bottom,16px))!important;box-sizing:border-box!important}}