:root{--left-w: 340px;--col-w: 26px;--row-h: 34px;--header-h: 48px;--border: #e2e8f0;--text: #1e293b;--text-sub: #64748b;--bg: #ffffff;--bg-sat: #eff6ff;--bg-sun: #fef2f2;--sat: #2563eb;--sun: #dc2626;--today: #f97316;--delay: #dc2626;--primary: #2563eb}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;color:var(--text);font-size:13px;background:var(--bg)}#signin-screen{height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9}.signin-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:40px 48px;text-align:center;box-shadow:0 4px 24px #0000000f}.signin-card h1{margin:0 0 12px;font-size:20px}.signin-card p{color:var(--text-sub);line-height:1.7}.signin-error{color:var(--sun);font-weight:600}#main-screen{height:100%;display:flex;flex-direction:column}#toolbar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap;background:#fff}#toolbar .sep{width:1px;height:20px;background:var(--border);margin:0 4px}#toolbar .spacer,.modal-footer .spacer{flex:1}.user-email{color:var(--text-sub);font-size:12px}#chart-title{font-size:14px;font-weight:600;border:1px solid transparent;border-radius:6px;padding:5px 8px;min-width:220px}#chart-title:hover,#chart-title:focus{border-color:var(--border);outline:none}#chart-select{padding:5px 6px;border:1px solid var(--border);border-radius:6px;max-width:200px}.btn{border:1px solid var(--border);background:#fff;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;color:var(--text);white-space:nowrap}.btn:hover{background:#f8fafc}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.danger-2step.armed,.btn.danger{background:var(--delay);border-color:var(--delay);color:#fff}.btn.danger:hover{background:#b91c1c}.btn:disabled{opacity:.45;cursor:not-allowed}.danger-note{color:var(--delay);line-height:1.7}#lock-banner{padding:7px 14px;background:#fef3c7;border-bottom:1px solid #fcd34d;color:#92400e;font-size:12px}#empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-sub)}#content-row{flex:1;min-height:0;display:flex;position:relative}#gantt-scroll{flex:1;overflow:auto;position:relative}#gantt-inner{position:relative;width:max-content}#history-panel{flex:none;width:var(--panel-w, 400px);border-left:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;min-height:0;position:relative}#history-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}#history-panel .panel-header h2{margin:0;font-size:15px}#history-panel .hist-tabs{margin:0;padding:0 10px}#history-panel .hist-pane{flex:1;min-height:0;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}#history-panel .audit-list,#history-panel .snapshot-list{max-height:none;overflow-y:visible}.io-heading{margin:6px 0 0;font-size:13px;border-top:1px solid var(--border);padding-top:12px}.io-heading:first-of-type{border-top:none;padding-top:0}#io-json{font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:220px;resize:vertical;padding:8px;border:1px solid var(--border);border-radius:6px;white-space:pre}.io-actions{flex-wrap:wrap}#gantt-header{position:sticky;top:0;z-index:30;height:var(--header-h);background:#fff;border-bottom:1px solid var(--border);width:max-content}#gantt-header .corner{position:sticky;left:0;z-index:31;display:inline-flex;align-items:center;gap:8px;width:var(--left-w);height:var(--header-h);background:#fff;overflow:visible;border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top;padding:6px 10px;font-weight:600;color:var(--text-sub)}.corner-title{flex:none}.corner-add-btn{margin-left:auto;padding:4px 9px;font-size:12px;font-weight:500;flex:none}.pane-resizer{position:absolute;top:0;bottom:0;width:9px;cursor:col-resize;z-index:34}#left-resizer{left:calc(var(--left-w) - 4px)}#right-resizer{left:-5px}.pane-resizer:after{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;background:transparent}.pane-resizer:hover:after,.pane-resizer:active:after{background:var(--primary)}.col-resize-guide{position:fixed;top:0;bottom:0;width:2px;background:var(--primary);z-index:999;pointer-events:none}.assignee-filter{display:inline-flex;align-items:center;gap:6px}.assignee-filter-label{font-size:12px;font-weight:500;color:var(--text-sub);flex:none}.assignee-filter select{font:inherit;font-size:12px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);max-width:200px;cursor:pointer}.assignee-filter select:hover{border-color:#cbd5e1}.assignee-filter.active .assignee-filter-label{color:var(--primary)}.assignee-filter.active select{border-color:var(--primary);background:var(--bg-sat);color:var(--primary);font-weight:600}#header-days{position:absolute;left:var(--left-w);top:0;height:var(--header-h)}.month-cell{position:absolute;top:0;height:22px;line-height:22px;font-size:11px;font-weight:600;padding-left:6px;border-left:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap;background:#fff}.day-cell{position:absolute;top:22px;width:var(--col-w);height:26px;line-height:26px;text-align:center;font-size:10px;border-left:1px solid #f1f5f9;color:var(--text-sub)}.day-cell.sat{color:var(--sat);background:var(--bg-sat)}.day-cell.sun{color:var(--sun);background:var(--bg-sun)}.day-cell.today{font-weight:700;color:var(--today)}#gantt-body{position:relative;width:max-content}.day-bg{position:absolute;top:0;bottom:0;width:var(--col-w);pointer-events:none}.day-bg.sat{background:var(--bg-sat)}.day-bg.sun{background:var(--bg-sun)}#today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--today);opacity:.7;pointer-events:none;z-index:3}.grow{position:relative;height:var(--row-h);border-bottom:1px solid #f1f5f9;width:max-content}.grow.project{background:#f8fafc;border-bottom:1px solid var(--border)}.row-label{position:sticky;left:0;z-index:10;display:inline-flex;align-items:center;gap:6px;width:var(--left-w);height:100%;padding:0 8px;background:#fff;border-right:1px solid var(--border);overflow:hidden;vertical-align:top}.grow.project .row-label{background:#eef2f7;font-weight:700}.project-color-band{width:4px;align-self:stretch;border-radius:2px;flex:none}.project-name{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-name:hover{text-decoration:underline}.project-rename-input{font:inherit;font-weight:700;border:1px solid var(--primary);border-radius:4px;padding:1px 4px;width:160px}.project-color-input{width:20px;height:20px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer;flex:none}.icon-btn{border:none;background:none;cursor:pointer;color:var(--text-sub);font-size:12px;padding:2px 4px;border-radius:4px;flex:none}.icon-btn:hover{background:#e2e8f0;color:var(--text)}.icon-btn.danger-2step.armed{background:var(--delay);color:#fff}.drag-grip{flex:none;color:#cbd5e1;cursor:grab;font-size:10px;letter-spacing:-1px;padding:0 2px;-webkit-user-select:none;user-select:none;touch-action:none}.grow:hover .drag-grip{color:#94a3b8}.row-label{cursor:grab}.row-drag-source{opacity:.45}.row-drop-indicator{position:absolute;left:0;height:0;border-top:2px solid var(--primary);z-index:25;pointer-events:none}.task-name-cell{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding-left:14px}.task-name-cell:hover{text-decoration:underline}.assignee-chip{flex:none;background:#f1f5f9;border-radius:10px;padding:1px 8px;font-size:10px;color:var(--text-sub);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duration-chip{flex:none;font-size:10px;color:var(--text-sub)}.bar{position:absolute;top:6px;height:calc(var(--row-h) - 12px);border-radius:5px;cursor:grab;z-index:4;display:flex;align-items:center;padding:0 6px;color:#fff;font-size:11px;overflow:visible;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none}.bar.dragging{opacity:.75;cursor:grabbing;z-index:20}.bar.delayed{box-shadow:0 0 0 2px var(--delay)}.bar.cycle{box-shadow:0 0 0 2px #f59e0b}.bar.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}.marquee-rect{position:absolute;border:1px solid var(--primary);background:#2563eb1a;z-index:30;pointer-events:none}.bar .bar-label{overflow:hidden;text-overflow:ellipsis;font-weight:600;text-shadow:0 1px 2px rgb(0 0 0 / 40%)}.bar .bar-label-out{position:absolute;left:100%;margin-left:14px;color:var(--text);font-size:11px;font-weight:600;text-shadow:0 0 3px var(--bg),0 0 3px var(--bg),0 0 3px var(--bg),0 0 3px var(--bg);pointer-events:none}.bar .resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:8px;cursor:ew-resize}.bar .dep-handle{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:crosshair;z-index:6;opacity:0;transition:opacity .1s}.bar:hover .dep-handle,body.dep-connecting .bar .dep-handle{opacity:1}body.dep-connecting{cursor:crosshair}.bar.dep-target{box-shadow:0 0 0 3px var(--primary)}#dep-drag-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:998;pointer-events:none}#dep-drag-overlay .dep-drag-line{fill:none;stroke:var(--primary);stroke-width:2;stroke-dasharray:5 3}.ghost-bar{position:absolute;top:6px;height:calc(var(--row-h) - 12px);border:1.5px dashed var(--delay);border-radius:5px;opacity:.6;pointer-events:none;z-index:2}.project-bar{position:absolute;top:9px;height:calc(var(--row-h) - 18px);border-radius:3px;opacity:.85;pointer-events:none;z-index:4}.project-bar .period-text{position:absolute;left:100%;margin-left:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:var(--text-sub);white-space:nowrap}.drag-tip{position:absolute;top:-22px;left:0;background:var(--text);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap;z-index:30;pointer-events:none}#dep-svg{position:absolute;top:0;pointer-events:none;z-index:5}#dep-svg path{fill:none;stroke:#94a3b8;stroke-width:1.5}.modal-backdrop{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:100}#confirm-delete-modal{z-index:110}.hist-io{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.modal{background:#fff;border-radius:10px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.modal.wide{width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:15px}.modal-close{border:none;background:none;font-size:18px;cursor:pointer;color:var(--text-sub)}.modal-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-body label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-sub);flex:1;min-width:0}.modal-body input,.modal-body select,.modal-body textarea{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px;color:var(--text)}.form-row{display:flex;gap:12px}.modal-body fieldset{border:1px solid var(--border);border-radius:6px}.modal-body legend{font-size:12px;color:var(--text-sub);padding:0 6px}.deps-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.deps-list .dep-group{font-weight:600;font-size:11px;color:var(--text-sub);margin-top:6px}.deps-list label{flex-direction:row;align-items:center;gap:6px;color:var(--text);cursor:pointer}.tm-effective{font-size:12px;color:var(--text-sub)}.tm-effective .delayed-text{color:var(--delay);font-weight:600}.modal-footer{display:flex;gap:8px;align-items:center}.note{color:var(--text-sub);font-size:12px;margin:0}#cs-create-note p{margin:0;line-height:1.7}#cs-create-note b{color:var(--text)}.cs-create-points{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cs-create-points>span{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 7px;border:1px solid var(--border);border-radius:6px;background:#f8fafc;color:var(--text);white-space:nowrap}.cs-point-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e0f2fe;color:#0369a1;font-size:10px;font-weight:700}#jm-text,#cm-text{width:100%;height:320px;font-family:ui-monospace,Menlo,monospace;font-size:11px;white-space:pre}.hist-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:12px}.hist-tab{border:none;background:none;padding:8px 14px;font-size:13px;color:var(--text-sub);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.hist-tab.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.tm-pane{display:flex;flex-direction:column;gap:12px}.tm-tabs{margin-bottom:0}.links-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.project-link-mark{flex:none;font-size:11px;cursor:pointer;opacity:.75}.project-link-mark:hover{opacity:1}.radio-row{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;font-size:13px!important;color:var(--text)!important;cursor:pointer}.radio-row input[type=radio]{margin:0}#cs-members-area{margin-top:8px;display:flex;flex-direction:column;gap:8px}.pm-color-input{width:44px;height:30px;padding:2px;border:1px solid var(--border);border-radius:6px;cursor:pointer}.link-item{display:flex;align-items:center;gap:6px;min-width:0}.link-item a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary);font-size:12px}.link-chip{flex:none;font-size:10px;color:var(--text-sub)}.audit-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.audit-item{padding:8px 10px;border:1px solid var(--border);border-radius:8px}.audit-action{font-weight:600}.audit-meta{font-size:11px;color:var(--text-sub);margin-top:2px}.audit-details{margin:6px 0 0;padding-left:18px;font-size:12px;color:var(--text-sub)}.audit-details li{margin:2px 0}.snapshot-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.snapshot-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.snapshot-info{flex:1;min-width:0}.snapshot-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.snapshot-badge{flex:none;font-size:10px;font-weight:600;color:var(--text-sub);background:#f1f5f9;border-radius:4px;padding:0 5px}.snapshot-meta{font-size:11px;color:var(--text-sub);margin-top:2px}.snapshot-actions{flex:none;display:flex;align-items:center;gap:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid var(--border);border-radius:12px;padding:2px 6px 2px 10px;font-size:12px}.chip button{border:none;background:none;cursor:pointer;color:var(--text-sub);font-size:12px}.chip button:hover{color:var(--delay)}#toast-container{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200}.toast{display:flex;align-items:center;gap:12px;background:var(--text);color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;box-shadow:0 4px 12px #0003;animation:toast-in .15s ease-out}.toast.error{background:var(--delay)}.toast-action{flex:none;border:1px solid rgb(255 255 255 / 45%);background:none;color:#7dd3fc;font-size:12px;font-weight:600;border-radius:6px;padding:3px 10px;cursor:pointer;white-space:nowrap}.toast-action:hover{background:#ffffff1f}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}