:root{--bg: #eef2f7;--body-top: #f7f9fc;--panel: #ffffff;--panel-soft: #f8fafc;--input: #ffffff;--line: #d7deea;--line-strong: #c4cedd;--text: #172033;--muted: #6b7688;--accent: #3f7cff;--accent-soft: #e8f0ff;--danger: #c23b3b;--danger-soft: #faecec;--topbar-bg: rgba(255, 255, 255, .88);--topbar-border: rgba(215, 222, 234, .9);--topbar-shadow: 0 1px 0 rgba(255, 255, 255, .8);--active-bg: #172033;--active-text: #ffffff;--board-bg: rgba(255, 255, 255, .9);--sticky-bg: rgba(248, 250, 252, .96);--empty-bg: rgba(248, 250, 252, .75);--project-label-bg: #eef3fa;--project-grid-bg: #f8fafc;--drop-bg: rgba(255, 255, 255, .45);--row-button-bg: #eef2f8;--quarter-boundary: rgba(15, 23, 42, .42);--year-boundary: rgba(220, 38, 38, .78);--weekend-band-bg: rgba(24, 32, 51, .1);--weekend-header-mark: rgba(24, 32, 51, .12);--shadow: 0 16px 40px rgba(30, 42, 68, .1);--shadow-soft: 0 8px 22px rgba(30, 42, 68, .07)}[data-theme=dark]{color-scheme:dark;--bg: #0b1120;--body-top: #111827;--panel: #111827;--panel-soft: #1f2937;--input: #0f172a;--line: #334155;--line-strong: #475569;--text: #e5e7eb;--muted: #94a3b8;--accent-soft: rgba(63, 124, 255, .18);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--topbar-bg: rgba(15, 23, 42, .9);--topbar-border: rgba(51, 65, 85, .9);--topbar-shadow: 0 1px 0 rgba(255, 255, 255, .04);--active-bg: #3f7cff;--active-text: #ffffff;--board-bg: rgba(15, 23, 42, .94);--sticky-bg: rgba(17, 24, 39, .96);--empty-bg: rgba(15, 23, 42, .72);--project-label-bg: #172033;--project-grid-bg: #111827;--drop-bg: rgba(15, 23, 42, .62);--row-button-bg: #263244;--quarter-boundary: rgba(226, 232, 240, .42);--year-boundary: rgba(248, 113, 113, .86);--weekend-band-bg: rgba(125, 211, 252, .16);--weekend-header-mark: rgba(125, 211, 252, .42);--shadow: 0 16px 40px rgba(0, 0, 0, .32);--shadow-soft: 0 8px 22px rgba(0, 0, 0, .22)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--body-top) 0,var(--bg) 260px);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button{border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;min-height:36px;padding:0 12px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background .12s ease}button:hover{filter:brightness(.95);box-shadow:0 8px 18px #3f7cff2e;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:none}button:disabled{cursor:default;opacity:.38}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(63,124,255,.24);outline-offset:2px}.app{display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:100vh;height:100vh}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;border-bottom:1px solid var(--topbar-border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--topbar-shadow);padding:12px 18px;position:sticky;top:0;z-index:30}.brand,.topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}.file-status{max-width:220px;overflow:hidden;color:var(--muted);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{justify-content:flex-end;flex-wrap:wrap}.zoom-controls{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel-soft)}.zoom-controls button{min-width:34px;border-radius:0}.date-jump,.search-box{display:flex;grid-template:none;align-items:center;gap:7px}.search-box input{width:220px;background:var(--panel-soft)}.date-jump input{width:148px;background:var(--panel-soft)}.theme-toggle{min-width:36px;padding:0;font-size:16px}.data-menu,.legend-menu{position:relative}.data-menu summary,.legend-menu summary{min-height:36px;border-radius:8px;background:var(--panel-soft);border:1px solid transparent;color:var(--text);cursor:pointer;list-style:none;padding:8px 12px}.data-menu summary::-webkit-details-marker,.legend-menu summary::-webkit-details-marker{display:none}.data-menu-panel,.legend-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:grid;gap:8px;min-width:180px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);padding:10px}.legend-menu-panel{gap:7px;min-width:220px}.legend-menu-panel h3{margin:4px 0 2px;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.legend-item{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:8px;color:var(--text);font-size:12px;font-weight:700}.legend-empty{color:var(--muted);font-size:12px}.legend-swatch{width:12px;height:12px;border-radius:50%}.legend-diamond{width:10px;height:10px;border-radius:2px;transform:rotate(45deg)}.data-menu[open] summary,.legend-menu[open] summary{background:var(--active-bg);color:var(--active-text)}.data-menu-panel button,.data-menu-panel .import-btn{width:100%}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}h1,h2,p{margin:0}h1{font-size:21px;line-height:1.05}h2{font-size:16px}.icon-btn,.ghost-btn{background:var(--panel-soft);color:var(--text)}.icon-btn:hover,.ghost-btn:hover,.wide-btn:hover,.import-btn:hover,.data-menu summary:hover,.legend-menu summary:hover{box-shadow:var(--shadow-soft)}.panel{padding:16px;border-bottom:1px solid var(--line)}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input{min-width:0;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--text);padding:0 10px}select{height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text);padding:0 10px}textarea{min-height:92px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text);padding:9px 10px;font:inherit}input[type=color]{padding:3px}.modal{width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 24px 80px #1820333d;padding:0}.modal::backdrop{background:#18203352}.modal form{display:grid}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.modal-head{border-bottom:1px solid var(--line)}.modal-body{display:grid;gap:12px;padding:18px}.modal-actions{justify-content:flex-end;border-top:1px solid var(--line)}.confirm-text{color:var(--text);font-size:15px;line-height:1.45}.form-error{border:1px solid var(--danger);border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:700;padding:9px 10px}.palette-row{display:flex;flex-wrap:wrap;gap:8px}.palette-swatch{min-width:26px;width:26px;min-height:26px;height:26px;padding:0;border:2px solid var(--panel);border-radius:999px;box-shadow:0 0 0 1px var(--line)}.palette-swatch.active{box-shadow:0 0 0 3px var(--accent)}.split{display:grid;grid-template-columns:88px 1fr;gap:10px;margin-top:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-title h2{font-size:15px;letter-spacing:.01em}.macro-form{display:grid;grid-template-columns:1fr 48px;gap:8px;margin-bottom:12px}.project-list,.macro-list{display:grid;gap:8px;list-style:none;margin:10px 0 0;padding:0}.wide-btn{width:100%;background:var(--panel-soft);color:var(--text)}.project-item{display:grid;grid-template-columns:1fr 30px;gap:6px}.project-select{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:9px;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text);text-align:left;font-weight:700}.project-item.active .project-select{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.project-delete{min-height:38px;padding:0;border-radius:8px;background:var(--danger-soft);color:var(--danger)}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.macro-item{display:grid;grid-template-columns:14px 1fr 30px;align-items:center;gap:9px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);padding:6px 7px 6px 10px;cursor:grab;font-weight:700}.macro-item button{min-height:28px;padding:0;border-radius:8px;background:var(--danger-soft);color:var(--danger)}.swatch{width:12px;height:12px;border-radius:50%}.workspace{grid-row:2;grid-column:1;display:grid;position:relative;min-width:0;min-height:0;padding:14px}.import-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;background:var(--panel-soft);color:var(--text);padding:0 12px;cursor:pointer}.import-btn input{display:none}.board-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--board-bg);box-shadow:var(--shadow);min-height:0;height:100%}.board-wrap::-webkit-scrollbar{width:10px;height:10px}.board-wrap::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#6b768861;background-clip:padding-box}.board{position:relative;min-height:100%;min-width:860px}.board.drag-over{outline:2px solid var(--accent);outline-offset:-2px}.board-empty{position:absolute;inset:96px 24px auto 364px;z-index:2;border:1px dashed var(--line);border-radius:10px;background:var(--empty-bg);color:var(--muted);padding:24px;text-align:center}.board.labels-collapsed .board-empty{left:24px}.timeline{position:relative;min-width:100%}.header-row,.row{display:grid;grid-template-columns:360px 1fr}.row{position:relative}.header-row{position:sticky;top:0;z-index:16;background:var(--sticky-bg)}.board.labels-collapsed .header-row,.board.labels-collapsed .row{grid-template-columns:0 1fr}.label-column-resizer{position:absolute;top:0;bottom:0;right:-4px;z-index:19;display:block;width:8px;cursor:col-resize;background:transparent}.label-column-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;border-left:1px solid transparent}.label-column-resizer:hover:after,.label-column-resizer:active:after{border-left-color:var(--accent)}.label-head,.row-label{position:sticky;left:0;z-index:8;border-right:1px solid var(--line);background:var(--sticky-bg)}.header-row .label-head{z-index:18}.header-row .date-header{z-index:17;background:var(--sticky-bg)}.board.labels-collapsed .row-label{display:none}.label-head{position:sticky;left:0;container-type:inline-size;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:92px;border-bottom:1px solid var(--line);padding:7px 10px 7px 46px}.label-head-actions{display:inline-flex;align-items:center;gap:6px}.board.labels-collapsed .label-head{display:none;width:0;border-right:0;border-bottom:1px solid var(--line)}.label-toggle-btn{position:absolute;left:22px;top:22px;z-index:18;min-width:28px;min-height:28px;margin-right:6px;padding:0;border-radius:7px;background:var(--row-button-bg);color:var(--text)}.date-grid,.row-grid{position:relative;display:grid}.date-header{position:relative;min-width:0}.period-grid{display:flex;min-height:24px}.period-cell{position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:0;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.period-cell-label{position:absolute;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 10px);overflow:hidden;text-overflow:ellipsis}.year-cell{background:color-mix(in srgb,var(--panel-soft) 78%,var(--accent-soft));color:var(--text)}.quarter-cell{background:var(--panel-soft)}.date-cell{position:relative;min-height:44px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700;padding:8px 6px;text-align:center}.date-cell.month-0{background:#3f7cff0d}.date-cell.month-1{background:#19a9740d}.date-cell.today{box-shadow:inset 0 0 0 2px #c23b3b57;color:var(--text);font-weight:700}.date-cell.weekend{box-shadow:inset 0 -4px 0 var(--weekend-header-mark)}.date-cell.quarter-boundary:before,.date-cell.year-boundary:before{content:"";position:absolute;top:0;bottom:0;left:-1px;z-index:2;pointer-events:none}.date-cell.quarter-boundary:before{border-left:2px solid var(--quarter-boundary)}.date-cell.year-boundary:before{border-left:3px solid var(--year-boundary)}.row-label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;border-bottom:1px solid var(--line);padding:8px 10px}.row-label.project-group{min-height:42px;border-left:4px solid var(--project-color);background:var(--project-label-bg)}.hidden-project-row .row-label.project-group{border-left-color:var(--muted);background:var(--panel-soft);color:var(--muted);opacity:.76}.hidden-project-row .row-grid{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--panel-soft) 74%,transparent),color-mix(in srgb,var(--panel-soft) 74%,transparent) 8px,transparent 8px,transparent 16px)}.row-label.project-group+.row-grid{min-height:42px;background-color:var(--project-grid-bg)}.row-label.task-row{padding-left:34px}.row-label.empty-project,.row-label.empty-project+.row-grid{min-height:96px}.row-label.empty-project+.row-grid:after{content:"Drop macro task";position:absolute;inset:18px 24px auto 24px;z-index:3;border:1px dashed var(--line);border-radius:10px;background:var(--drop-bg);color:var(--muted);padding:16px;text-align:center;pointer-events:none}.row-label.child{padding-left:66px;color:var(--muted)}.row-label button{min-height:28px;min-width:28px;padding:0 6px;border-radius:8px;background:var(--row-button-bg);color:var(--text)}.label-text{display:grid;min-width:0;gap:2px}.label-text strong{display:flex;align-items:center;gap:5px;min-width:0}.label-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-inline-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px}.label-focus-btn{min-height:22px!important;min-width:22px!important;padding:0!important;font-size:13px}.row-label[title] .label-text{cursor:text}.row-label.draggable-row{cursor:grab}.row-label.row-dragging{opacity:.65}.row.row-drop-target .row-label,.row.row-drop-target .row-grid{box-shadow:inset 0 0 0 2px #3f7cff6b}.row-actions{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:5px;justify-self:end;margin-left:auto}.row:has(.row-action-menu.is-open){z-index:25}.row-label:has(.row-action-menu.is-open){z-index:45;overflow:visible}.row-action-menu{position:relative;z-index:1}.row-action-menu.is-open{z-index:60}.row-action-menu-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border-radius:8px;background:var(--row-button-bg);color:var(--text);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.row-action-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:80;display:grid;min-width:138px;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 18px 38px #0f172a38;padding:6px}.row-action-menu-panel button{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-height:30px;border-radius:7px;padding:0 8px;text-align:left;white-space:nowrap}.toggle-all-btn{min-height:30px;padding:0 10px}.new-project-btn{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:32px;border:1px solid color-mix(in srgb,var(--accent) 54%,transparent);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 94%,white),var(--accent));color:#fff;padding:0 12px 0 8px;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 22%,transparent);font-weight:800}.new-project-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 28%,transparent)}.new-project-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:999px;background:#fff3;font-size:18px;line-height:1}.new-project-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container (max-width: 290px){.new-project-btn{width:32px;min-width:32px;padding:0}.new-project-label{display:none}}.toggle-all-btn{min-width:34px;background:var(--panel-soft);color:var(--muted)}.hidden-toggle-btn{gap:4px;min-width:44px;color:var(--muted)}.hidden-toggle-btn:disabled{opacity:.42;cursor:default}.eye-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.eye-icon circle{fill:currentColor;stroke:none}.eye-slash{stroke-width:2.4}.hover-row-action{opacity:0;pointer-events:none;transition:opacity .12s ease}.row-label:hover .hover-row-action,.row-label:focus-within .hover-row-action{opacity:1;pointer-events:auto}.danger-row-action{background:var(--danger-soft)!important;color:var(--danger)!important}.label-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-text strong{font-size:13.5px}.label-text small{color:var(--muted);font-size:11px}.structured-label{grid-template-columns:minmax(0,1fr);row-gap:1px}.structured-label-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}.structured-label-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structured-label-duration,.structured-label-milestones{color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.structured-label-meta{min-height:13px}.row-label.project-group{align-items:start}.row-grid{min-height:54px;border-bottom:1px solid var(--line);background-image:linear-gradient(to right,rgba(196,206,221,.64) 1px,transparent 1px)}.month-bands{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;pointer-events:none}.weekend-bands{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;pointer-events:none}.boundary-bands{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;pointer-events:none}.weekend-band{background:var(--weekend-band-bg)}.boundary-bands .quarter-boundary{border-left:2px solid var(--quarter-boundary)}.boundary-bands .year-boundary{border-left:3px solid var(--year-boundary)}.month-band.month-0{background:#3f7cff0a}.month-band.month-1{background:#19a9740a}.today-band{position:absolute;top:0;bottom:0;z-index:2;background:#3f7cff24;border-left:1px solid rgba(63,124,255,.55);border-right:1px solid rgba(63,124,255,.24);pointer-events:none}.bar{position:absolute;z-index:3;top:11px;display:flex;align-items:center;height:32px;border-radius:8px;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:0 12px;overflow:visible;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 8px 16px #18203329,inset 0 0 0 1px #ffffff2e}.dependency-layer{position:absolute;top:110px;bottom:0;z-index:6;height:calc(100% - 110px);overflow:visible;pointer-events:none}.dependency-link{fill:none;stroke:color-mix(in srgb,var(--text) 62%,var(--accent));stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.82;filter:drop-shadow(0 2px 3px rgba(15,23,42,.18));pointer-events:stroke;cursor:pointer}.dependency-link.selected{stroke:var(--accent);stroke-width:3;opacity:1}.dependency-layer marker path{fill:color-mix(in srgb,var(--text) 62%,var(--accent))}.dependency-endpoint{fill:var(--panel);stroke:var(--accent);stroke-width:3;cursor:grab;pointer-events:auto;filter:drop-shadow(0 3px 8px rgba(15,23,42,.22))}.dependency-endpoint:active{cursor:grabbing}.dependency-handle{position:absolute;top:50%;right:-8px;z-index:8;display:block;width:14px;height:14px;border:2px solid var(--panel);border-radius:999px;background:#fff;box-shadow:0 3px 10px #0f172a3d;cursor:crosshair;pointer-events:auto;transform:translateY(-50%)}.bar.dependency-source .dependency-handle,.dependency-handle:hover{background:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 24%,transparent)}.bar.dependency-drop-target{outline:3px solid rgba(25,169,116,.78);outline-offset:4px}.bar.dependency-delete-target{outline:3px solid rgba(239,68,68,.78);outline-offset:4px}.project-week-cells{position:absolute;top:8px;left:0;right:0;z-index:3;height:26px;pointer-events:none}.project-week-cells span{position:absolute;top:0;height:100%;border-radius:6px;opacity:.5;pointer-events:auto}.milestone-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.milestone-marker{position:absolute;top:50%;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;border:2px solid var(--panel);border-radius:4px;pointer-events:auto;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 4px 10px #1820332e}.milestone-remove{position:absolute;right:-12px;top:-12px;display:grid;place-items:center;width:16px;height:16px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-size:12px;line-height:1;opacity:0;transform:rotate(-45deg)}.milestone-marker:hover .milestone-remove,.milestone-marker:focus .milestone-remove{opacity:1}.bar.child{height:26px;top:14px;font-weight:600;opacity:.86;box-shadow:0 6px 12px #1820331f,inset 0 0 0 1px #ffffff29}.bar.dragging{cursor:grabbing;opacity:.9;z-index:4}.bar.highlighted{outline:3px solid rgba(24,32,51,.28);outline-offset:2px}.bar.selected{outline:3px solid rgba(23,32,51,.48);outline-offset:2px}.bar-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.resize-handle{position:absolute;top:0;width:9px;height:100%;cursor:ew-resize}.resize-handle:after{content:"";position:absolute;top:8px;bottom:8px;width:2px;border-radius:2px;background:#ffffffbf}.resize-handle.start{left:0}.resize-handle.start:after{left:4px}.resize-handle.end{right:0}.resize-handle.end:after{right:4px}body.resizing-gantt,body.resizing-gantt *{cursor:ew-resize!important}body.moving-gantt,body.moving-gantt *{cursor:grabbing!important}@media(max-width:760px){.app{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.workspace{padding:12px}}.role-badge{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--line);border-radius:999px;padding:0 10px;color:var(--muted);font-size:12px;font-weight:800}.role-badge.write{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--accent)}.import-btn.disabled{cursor:default;opacity:.45}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 82%,rgba(0,0,0,.34));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-panel{display:grid;gap:14px;width:min(380px,calc(100vw - 32px));border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);padding:26px}.login-panel h2{margin:-8px 0 4px;font-size:28px}.login-panel label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.login-error{margin:0;color:var(--danger);font-size:13px;font-weight:700}.snapshot-list{display:grid;gap:6px;max-height:260px;overflow:auto;border-top:1px solid var(--line);padding-top:8px}.snapshot-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;border-radius:8px;background:var(--row-button-bg);color:var(--text);padding:6px 8px;text-align:left}.snapshot-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snapshot-item small{color:var(--muted);font-size:11px;font-weight:800}