*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;background:#0a0a0a;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:relative;justify-content:center;align-items:center;overscroll-behavior:none}#ringCanvas,body{height:100vh;height:100dvh}#ringCanvas{position:fixed;inset:0;width:100vw;display:block;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);touch-action:none;-ms-touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.startup-ring-fallback{position:fixed;top:50%;left:25%;z-index:2;display:grid;justify-items:center;grid-gap:14px;gap:14px;color:#fff;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .15s ease}.startup-ring-fallback.hidden{opacity:0;visibility:hidden}.startup-ring-shape{width:54px;height:54px;border:12px solid #00ff88;border-radius:50%;box-shadow:0 0 18px rgba(0,255,136,.7),inset 0 0 14px rgba(0,255,136,.45)}.startup-ring-label{padding:7px 11px;border:1px solid rgba(0,255,136,.38);border-radius:8px;background:rgba(0,51,27,.84);font-size:14.3px;font-weight:600}.rings-startup-error{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));left:16px;z-index:2000;max-width:560px;margin:0 auto;padding:12px 14px;border:1px solid rgba(255,80,110,.55);border-radius:10px;background:rgba(35,8,18,.94);color:#fff;font-size:.9rem;line-height:1.4}.background-settings-btn{position:fixed;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));z-index:1120;display:grid;width:44px;height:44px;min-height:44px;place-items:center;border:1px solid rgba(0,255,136,.38);border-radius:10px;background:rgba(10,14,23,.88);color:#00ff88;box-shadow:0 8px 24px rgba(0,0,0,.3);font-size:1.15rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.background-settings-btn:active{transform:scale(.96)}.sidebar{position:fixed;top:0;right:0;width:300px;height:100vh;background:rgba(20,20,30,.68);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);border-left:2px solid rgba(0,255,136,.3);padding:30px 20px;overflow-y:auto;box-shadow:-5px 0 20px rgba(0,0,0,.5);z-index:1000;transition:height .24s ease}.sidebar h2{color:#00ff88;margin-bottom:30px;font-size:1.4em;text-shadow:0 0 10px rgba(0,255,136,.5)}.control-group{margin-bottom:25px}.control-group label{display:block;color:#e0e0e0;margin-bottom:8px;font-size:.95em;font-weight:500}.control-group .annotation{font-size:.8em;color:#a0a0a0;margin-bottom:8px;font-style:italic;line-height:1.3}input[type=range]{width:100%;height:6px;margin:8px 0;border-radius:5px;background:linear-gradient(90deg,#00ff88,#00ccff);outline:none;-webkit-appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#00ff88;cursor:pointer;box-shadow:0 0 10px rgba(0,255,136,.6);-webkit-transition:all .2s;transition:all .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px rgba(0,255,136,.8)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#00ff88;cursor:pointer;border:none;box-shadow:0 0 10px rgba(0,255,136,.6);-moz-transition:all .2s;transition:all .2s}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px rgba(0,255,136,.8)}.control-group span{color:#00ff88;font-weight:700;margin-left:5px;font-size:.9em}input[type=color]{width:60px;height:40px;cursor:pointer;margin:8px 0}input[type=color],select{border:2px solid #00ff88;border-radius:5px}select{padding:10px;background:#10251f;font-size:1em}select:hover{background:#15352b}.reset-btn{width:100%;padding:12px;margin-top:30px;background:linear-gradient(135deg,#ff3366,#ff1744);color:white;border:none;border-radius:5px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 0 15px rgba(255,23,68,.3)}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(255,23,68,.6)}.reset-btn:active{transform:translateY(0)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:rgba(0,255,136,.1)}.sidebar::-webkit-scrollbar-thumb{background:#00ff88;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#00ffaa}@media (max-width:768px){body{flex-direction:column}.sidebar{width:100%;border-left:none;border-top:2px solid rgba(0,255,136,.3);max-height:200px;order:2}#ringCanvas{order:1}}.sidebar-toggle{position:fixed;left:10px;top:10px;z-index:1100;background:rgba(0,255,136,.9);color:#0a0a0a;border:none;padding:10px 15px;border-radius:5px;font-size:1.5em;cursor:pointer;display:none;font-weight:700}.sidebar-toggle:hover{background:rgba(0,255,136,1);box-shadow:0 0 20px rgba(0,255,136,.5)}.sidebar.hidden{display:none}.sidebar-toggle.visible{display:block}@media (max-width:768px){.sidebar-toggle{top:calc(10px + env(safe-area-inset-top));left:calc(64px + env(safe-area-inset-left));width:44px;height:44px;padding:0;border-radius:10px;font-size:1.2rem}}.action-btn{background:rgba(0,255,136,.8);color:#0a0a0a;border:1px solid rgba(0,255,136,.5);padding:10px 12px;border-radius:4px;cursor:pointer;font-weight:700;margin:8px 0;width:100%;transition:all .3s;font-size:.95em}.action-btn:hover{background:rgba(0,255,136,1);box-shadow:0 0 10px rgba(0,255,136,.5);transform:scale(1.02)}.action-btn.danger{background:rgba(255,50,100,.6);border-color:rgba(255,50,100,.5);color:#fff}.action-btn.danger:hover{background:rgba(255,50,100,.9);box-shadow:0 0 10px rgba(255,50,100,.5)}.close-btn{background:transparent;color:#a0a0a0;border:1px solid #a0a0a0;padding:10px 12px;border-radius:4px;cursor:pointer;margin-top:10px;width:100%;transition:all .3s;font-weight:700}.close-btn:hover{color:#ff0080;border-color:#ff0080;box-shadow:0 0 10px rgba(255,0,128,.3)}#selectedRingDisplay{color:#00ff88;margin:0 0 8px;font-size:.95em;font-weight:700}.zoom-controls{gap:8px;margin:8px 0}.zoom-btn,.zoom-controls{display:flex;align-items:center}.zoom-btn{background:rgba(0,255,136,.8);color:#0a0a0a;border:1px solid rgba(0,255,136,.5);width:32px;height:32px;border-radius:4px;font-size:1.2em;cursor:pointer;font-weight:700;transition:all .2s;justify-content:center}.zoom-btn:hover{background:rgba(0,255,136,1);box-shadow:0 0 10px rgba(0,255,136,.5);transform:scale(1.05)}.zoom-controls input[type=range]{flex:1 1;margin:0}.settings-sidebar,.task-editor-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:rgba(20,20,40,.68);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);border-right:2px solid rgba(0,255,200,.3);padding:30px 20px;overflow-y:auto;box-shadow:5px 0 20px rgba(0,0,0,.5);z-index:999;transform:translateX(-100%);transition:transform .3s ease,height .24s ease}.settings-sidebar.visible,.task-editor-sidebar.visible{transform:translateX(0)}.ring-controls-sidebar{transform:translateX(100%);transition:transform .28s ease,height .24s ease}.ring-controls-sidebar.visible{transform:translateX(0)}.task-editor-sidebar{width:320px;z-index:1050;border-right-color:rgba(0,255,136,.35);background:radial-gradient(circle at 15% 10%,rgba(0,255,136,.08),transparent 34%),rgba(14,16,27,.68)}.settings-sidebar h2,.task-editor-sidebar h2{color:#00ffcc;margin-top:10px;margin-bottom:20px;font-size:1.3em;text-shadow:0 0 10px rgba(0,255,200,.5)}.panel-eyebrow{margin:2px 0 4px;color:#7f8b91;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.task-body-input,.task-ramifications-input,.task-text-input{width:100%;border:1px solid rgba(0,255,136,.3);border-radius:7px;background:#0b101c;color:#fff;font:inherit;line-height:1.45;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.task-text-input{padding:10px 12px}.task-body-input{min-height:130px;padding:12px;resize:vertical}.task-ramifications-input{min-height:112px;padding:12px;resize:vertical}.task-body-input:focus,.task-ramifications-input:focus,.task-text-input:focus{border-color:#00ff88;box-shadow:0 0 0 3px rgba(0,255,136,.1)}.task-color-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.task-color-grid .control-group{min-width:0}.task-color-grid input[type=color]{width:100%}.task-color-grid span{display:block;margin-top:5px;color:#91a0a7;font-family:Consolas,monospace;font-size:.72rem}.task-editor-note{padding:12px 14px;border:1px solid rgba(0,255,136,.15);border-radius:7px;background:rgba(0,255,136,.045);color:#9aa8ae;font-size:.78rem;line-height:1.45}.task-schedule-grid{display:grid;grid-template-columns:1fr;grid-gap:2px;gap:2px}.task-schedule-input{width:100%;min-height:40px;padding:8px 10px;border:1px solid rgba(0,255,136,.3);border-radius:6px;background:#0b101c;color:#fff;color-scheme:dark;font:inherit}.duration-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.duration-input-row span{color:#8f9da3;font-size:.75rem}.task-completed-control{display:grid;grid-template-columns:24px minmax(0,1fr);grid-gap:4px 9px;gap:4px 9px;align-items:center;margin:4px 0 24px;padding:11px;border:1px solid rgba(230,237,243,.14);border-radius:8px;background:#111723;color:#e6edf3;cursor:pointer}.task-completed-control input{width:20px;height:20px;accent-color:#00ff88}.task-completed-control small{grid-column:2;color:#829097;font-size:.72rem;line-height:1.35}.timeline-editor-sidebar{right:auto;left:0;width:300px;border-right:2px solid rgba(230,237,243,.28);border-left:0;transform:translateX(-100%);transition:transform .28s ease}.timeline-editor-sidebar.visible{transform:translateX(0)}.selection-topbar{position:fixed;top:16px;left:50%;z-index:1020;display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:220px;max-width:min(520px,calc(100vw - 48px));padding:9px 11px 9px 14px;border:1px solid rgba(0,255,136,.28);border-radius:10px;background:rgba(10,14,23,.66);box-shadow:0 10px 32px rgba(0,0,0,.3),0 0 18px rgba(0,255,136,.06);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);opacity:0;pointer-events:none;transform:translate(-50%,-18px);transition:opacity .2s ease,transform .2s ease}.selection-topbar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.timeline-toolbar{position:fixed;top:16px;left:50%;z-index:1015;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgba(230,237,243,.25);border-radius:9px;background:rgba(10,14,23,.66);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);opacity:0;pointer-events:none;transform:translate(-50%,-14px);transition:opacity .2s ease,transform .2s ease}.timeline-toolbar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.timeline-mode-toggle,.timeline-range{min-height:30px;margin:0;border:1px solid rgba(230,237,243,.2);border-radius:6px;background:#151b27;color:#dce5e8;font-size:.72rem;font-weight:700}.timeline-mode-toggle{padding:5px 9px}.timeline-mode-toggle[aria-pressed=true]{border-color:rgba(0,255,136,.6);color:#00ff88}.timeline-range{display:none;width:auto;padding:4px 7px}body.timeline-mode .timeline-range{display:block}body.timeline-selection .mobile-ring-preview,body.timeline-selection .ramifications-toggle-btn,body.timeline-selection .selection-mobile-hint{display:none!important}.selection-status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#00ff88;box-shadow:0 0 10px #00ff88}.selection-caption{color:#718087;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.selection-copy{display:grid;flex:1 1 auto;min-width:0;grid-gap:1px;gap:1px}.dependency-drop-message,.mobile-inspector-tabs,.mobile-ring-preview,.ramifications-toggle-btn,.selection-mobile-hint{display:none}.dependency-drop-message.active{display:block;order:10;width:100%;padding:7px 9px;flex:0 0 100%;border:1px solid rgba(255,55,88,.58);border-radius:7px;background:#35121a;color:#ff8ca0;font-size:.72rem;font-weight:700;line-height:1.3;text-align:center}.dependency-drop-message.timeline-ring-drop{border-color:rgba(37,137,255,.65);background:#102844;color:#87bdff}.dependency-drop-message.timeline-line-drop{border-color:rgba(179,76,255,.68);background:#27133b;color:#d4a2ff}.dependencies-editor{margin-top:26px;padding-top:24px;border-top:1px solid rgba(0,255,136,.2)}.dependencies-editor .control-group{margin-bottom:13px}.dependency-direction{margin:-2px 0 11px;color:#7f8b91;font-size:.72rem;text-align:center}.dependency-create-btn{width:100%}.dependency-status{min-height:18px;margin:9px 0;color:#ff8ca0;font-size:.75rem}.dependency-list{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.dependency-list-empty{color:#7f8b91;font-size:.78rem}.dependency-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:9px;gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#111723;color:#dce5e8;font-size:.76rem;line-height:1.35}.dependency-remove-btn{min-width:32px;min-height:32px;border:1px solid rgba(255,55,88,.4);border-radius:6px;background:#35121a;color:#ff8ca0;cursor:pointer}.mobile-ring-preview{flex:0 0 100%;width:100%;place-items:center;overflow:hidden}#mobileRingPreview{display:block;width:min(280px,100%);height:150px;background:transparent;pointer-events:none}.ramifications-toggle-btn{min-height:30px;padding:5px 8px;flex:0 0 auto;border:1px solid rgba(0,255,136,.38);border-radius:7px;background:#123127;color:#dfffee;font-size:.7rem;font-weight:700;cursor:pointer}.ramifications-toggle-btn[aria-pressed=true]{border-color:rgba(0,255,136,.72);color:#00ff88}.ramifications-toggle-btn:disabled{opacity:.4;cursor:default}#selectedRingLabel{min-width:0;overflow:hidden;color:#fff;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.panel-close-btn{display:grid;width:27px;height:27px;margin-left:auto;flex:0 0 auto;place-items:center;border:1px solid rgba(160,176,183,.3);border-radius:6px;background:#151b27;color:#94a1a7;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.panel-close-btn:hover{border-color:rgba(0,255,136,.5);background:rgba(0,255,136,.08);color:#00ff88}.connector-bar{position:fixed;right:18px;bottom:18px;left:18px;z-index:1080;display:grid;grid-template-columns:122px minmax(0,1fr) 30px;grid-gap:14px;gap:14px;align-items:center;padding:13px 14px;border:1px solid rgba(0,255,136,.25);border-radius:12px;background:linear-gradient(90deg,rgba(0,255,136,.045),transparent 28%),rgba(10,13,22,.68);box-shadow:0 -10px 35px rgba(0,0,0,.35),0 0 18px rgba(0,255,136,.05);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px));transition:opacity .24s ease,transform .24s ease;max-width:calc(100vw - 36px);overflow:hidden}.connector-bar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.connector-heading h3{margin-top:3px;color:#00ff88;font-size:1rem}.connector-fields{display:flex;width:100%;flex:1 1 auto;gap:11px;min-width:0;overflow-x:auto;padding:2px 2px 7px;scrollbar-color:rgba(0,255,136,.55) rgba(0,255,136,.08);scrollbar-width:thin}.connector-field{display:grid;grid-template-columns:minmax(118px,1fr) auto;grid-template-rows:auto 28px;min-width:154px;grid-column-gap:7px;-moz-column-gap:7px;column-gap:7px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#111723;flex:0 0 auto}.connector-field label{grid-column:1/-1;color:#9eabb1;font-size:.72rem;font-weight:600}.connector-field input[type=range]{width:118px;margin:0}.connector-field input[type=color]{width:42px;height:28px;margin:0;border-width:1px}.connector-field select{width:132px;height:30px;margin:0;padding:3px 7px;border-width:1px;font-size:.78rem}.connector-field span{color:#00ff88;font-size:.72rem;font-weight:600}.connector-field span b{font-weight:600}.connector-color-field{min-width:142px}.connector-bar.visible~.minimap-container{bottom:154px}body.connector-visible .sidebar{height:calc(100vh - 154px)}.settings-close-btn{position:absolute;top:15px;right:15px;background:#151b27;color:#a0a0a0;border:1px solid #a0a0a0;width:30px;height:30px;border-radius:4px;cursor:pointer;font-size:1.2em;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-close-btn:hover{color:#00ffcc;border-color:#00ffcc;box-shadow:0 0 10px rgba(0,255,200,.3)}select{width:100%;padding:8px 10px;background:#1e1e32;border:1px solid rgba(0,255,136,.3);color:#00ff88;border-radius:4px;margin:8px 0;cursor:pointer;font-size:.95em;transition:all .2s}select:hover{border-color:rgba(0,255,136,.6);box-shadow:0 0 8px rgba(0,255,136,.2)}select:focus{outline:none;border-color:rgba(0,255,136,.8);box-shadow:0 0 12px rgba(0,255,136,.3)}select option{background:#1a1a2e;color:#00ff88}.minimap-container{position:fixed;bottom:20px;left:20px;width:240px;height:135px;background:rgba(10,10,10,.9);border:2px solid rgba(0,255,136,.4);border-radius:8px;padding:8px;box-shadow:0 0 20px rgba(0,255,136,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:bottom .24s ease}@media (max-width:768px){.selection-topbar{top:10px;max-width:calc(100vw - 20px)}.connector-bar{right:10px;bottom:10px;left:10px;grid-template-columns:92px minmax(0,1fr) 30px;max-width:calc(100vw - 20px)}.connector-bar.visible~.minimap-container{bottom:146px}body.connector-visible .sidebar{height:calc(100vh - 146px);max-height:calc(100vh - 146px)}.selection-topbar{align-items:start;flex-wrap:wrap;min-width:min(340px,calc(100vw - 16px));max-height:220px;overflow:hidden}.selection-mobile-hint{display:block;margin-top:3px;color:#8f9da3;font-size:.68rem;font-weight:500;line-height:1.25}.ramifications-toggle-btn{display:inline-flex;align-items:center;justify-content:center}body.mobile-inspector-open[data-mobile-panel=connector] .mobile-ring-preview,body.mobile-inspector-open[data-mobile-panel=ring] .mobile-ring-preview{display:grid;margin-top:2px}.mobile-inspector-tabs{position:fixed;right:env(safe-area-inset-right);bottom:0;left:env(safe-area-inset-left);z-index:1120;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:5px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(0,255,136,.25);background:rgba(9,13,22,.68);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 -12px 32px rgba(0,0,0,.42);transform:translateY(110%);opacity:0;pointer-events:none}.mobile-inspector-tabs.visible{display:grid;transform:translateY(0);opacity:1;pointer-events:auto}.mobile-inspector-tabs button{min-width:0;min-height:44px;padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#151b27;color:#98a5aa;font-size:clamp(.58rem,2.4vw,.78rem);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-inspector-tabs button.active{border-color:rgba(0,255,136,.5);background:#123127;color:#00ff88}.mobile-inspector-tabs button:disabled{opacity:.35}.mobile-inspector-close{width:48px;color:#fff!important}#connectionControls,#sidebar,#taskEditorSidebar{right:env(safe-area-inset-right);bottom:calc(60px + env(safe-area-inset-bottom));left:env(safe-area-inset-left);z-index:1110;width:auto;height:auto;max-height:min(62vh,620px);max-height:min(62dvh,620px);padding:22px 16px 18px;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(0,255,136,.25);border-bottom:0;border-radius:16px 16px 0 0;background:rgba(12,16,27,.68);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);opacity:0;pointer-events:none;transform:translateY(110%)!important}body.mobile-inspector-open[data-mobile-panel=connector] #connectionControls,body.mobile-inspector-open[data-mobile-panel=dependencies] #taskEditorSidebar,body.mobile-inspector-open[data-mobile-panel=ring] #sidebar,body.mobile-inspector-open[data-mobile-panel=task] #taskEditorSidebar{opacity:1;pointer-events:auto;transform:translateY(0)!important}body.mobile-inspector-open[data-mobile-panel=connector] #connectionControls,body.mobile-inspector-open[data-mobile-panel=ring] #sidebar{max-height:min(62vh,620px,calc(100vh - 292px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:min(62dvh,620px,calc(100dvh - 292px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}body.mobile-inspector-open[data-mobile-panel=dependencies] .task-editor-fields,body.mobile-inspector-open[data-mobile-panel=dependencies] .task-editor-heading,body.mobile-inspector-open[data-mobile-panel=task] .dependencies-editor{display:none}body.mobile-inspector-open[data-mobile-panel=dependencies] .dependencies-editor{margin-top:0;padding-top:0;border-top:0}#connectionControls{display:block;max-width:none}#connectionControls .connector-heading{margin-bottom:14px}#connectionControls .connector-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;overflow:visible;padding:0}#connectionControls .connector-color-field,#connectionControls .connector-field{width:auto;min-width:0}#connectionControls .connector-field input[type=range],#connectionControls .connector-field select{width:100%}#connectorCloseBtn,#sidebarCloseBtn,#taskEditorCloseBtn{display:none}}@media (max-width:480px){#connectionControls .connector-fields{grid-template-columns:1fr}}@media (max-width:768px){.timeline-toolbar{top:calc(8px + env(safe-area-inset-top));max-width:calc(100vw - 16px)}#timelineEditorSidebar{top:auto;right:env(safe-area-inset-right);bottom:0;left:env(safe-area-inset-left);width:auto;height:auto;max-height:min(65vh,620px);max-height:min(65dvh,620px);padding:22px 16px calc(18px + env(safe-area-inset-bottom));border-right:0;border-left:0;border-top:2px solid rgba(230,237,243,.28);border-radius:16px 16px 0 0;transform:translateY(105%)}#timelineEditorSidebar.visible{transform:translateY(0)}}#minimap{width:100%;height:100%;display:block;cursor:crosshair}.connector-bar,.minimap-container,.selection-topbar,.settings-sidebar,.sidebar,.task-editor-sidebar{-webkit-backdrop-filter:blur(18px) saturate(125%);-webkit-overflow-scrolling:touch}@media (max-width:768px),(pointer:coarse){button,input[type=color],select{min-height:44px}input,select,textarea{font-size:16px}input[type=range]{min-height:30px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}}@media (max-width:768px){.ring-controls-sidebar,.settings-sidebar,.sidebar,.task-editor-sidebar{top:auto;right:0;bottom:0;left:0;width:100%;height:auto;max-height:min(78vh,680px);max-height:min(78dvh,680px);padding:24px 16px calc(18px + env(safe-area-inset-bottom));border-right:0;border-left:0;border-top:2px solid rgba(0,255,136,.3);border-radius:16px 16px 0 0;transform:translateY(105%)}.ring-controls-sidebar.visible,.settings-sidebar.visible,.task-editor-sidebar.visible{transform:translateY(0)}.task-editor-sidebar{max-height:min(68vh,620px);max-height:min(68dvh,620px)}body.connector-visible .sidebar{bottom:calc(150px + env(safe-area-inset-bottom));height:auto;max-height:calc(100vh - 215px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 215px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.selection-topbar{top:calc(8px + env(safe-area-inset-top));max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))}.connector-bar{right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:8px;max-width:none;padding:10px}.connector-heading{grid-column:1}.connector-bar>.panel-close-btn{grid-column:2;grid-row:1}.connector-fields{grid-column:1/-1;grid-row:2}.minimap-container{display:none}.task-color-grid{grid-template-columns:1fr}}