*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0a0a0a;width:100%;height:100%}body{width:100%;height:100vh;overscroll-behavior:none;justify-content:center;align-items:center;height:100dvh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}#ringCanvas{width:100vw;height:100vh;touch-action:none;-ms-touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.startup-ring-fallback{z-index:2;color:#fff;pointer-events:none;justify-items:center;gap:14px;transition:opacity .15s;display:grid;position:fixed;top:50%;left:25%;transform:translate(-50%,-50%)}.startup-ring-fallback.hidden{opacity:0;visibility:hidden}.startup-ring-shape{border:12px solid #0f8;border-radius:50%;width:54px;height:54px;box-shadow:0 0 18px #00ff88b3,inset 0 0 14px #00ff8873}.startup-ring-label{background:#00331bd6;border:1px solid #00ff8861;border-radius:8px;padding:7px 11px;font-size:14.3px;font-weight:600}.rings-startup-error{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:2000;color:#fff;background:#230812f0;border:1px solid #ff506e8c;border-radius:10px;max-width:560px;margin:0 auto;padding:12px 14px;font-size:.9rem;line-height:1.4;position:fixed;left:16px}.background-settings-btn{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));z-index:1120;color:#0f8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e17e0;border:1px solid #00ff8861;border-radius:10px;place-items:center;width:44px;height:44px;min-height:44px;font-size:1.15rem;display:grid;position:fixed;box-shadow:0 8px 24px #0000004d}.background-settings-btn:active{transform:scale(.96)}.sidebar{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);z-index:1000;background:#14141ead;border-left:2px solid #00ff884d;width:300px;height:100vh;padding:30px 20px;transition:height .24s;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-5px 0 20px #00000080}.sidebar h2{color:#0f8;text-shadow:0 0 10px #00ff8880;margin-bottom:30px;font-size:1.4em}.control-group{margin-bottom:25px}.control-group label{color:#e0e0e0;margin-bottom:8px;font-size:.95em;font-weight:500;display:block}.control-group .annotation{color:#a0a0a0;margin-bottom:8px;font-size:.8em;font-style:italic;line-height:1.3}input[type=range]{-webkit-appearance:none;cursor:pointer;background:linear-gradient(90deg,#0f8,#0cf);border-radius:5px;outline:none;width:100%;height:6px;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#0f8;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 0 10px #0f89}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #0f8c}input[type=range]::-moz-range-thumb{cursor:pointer;background:#0f8;border:none;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 0 10px #0f89}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #0f8c}.control-group span{color:#0f8;margin-left:5px;font-size:.9em;font-weight:700}input[type=color]{cursor:pointer;border:2px solid #0f8;border-radius:5px;width:60px;height:40px;margin:8px 0}select:hover{background:#15352b}.reset-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f36,#ff1744);border:none;border-radius:5px;width:100%;margin-top:30px;padding:12px;font-size:1em;font-weight:700;transition:all .3s;box-shadow:0 0 15px #ff17444d}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff174499}.reset-btn:active{transform:translateY(0)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#00ff881a}.sidebar::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#0fa}@media (max-width:768px){body{flex-direction:column}.sidebar{border-top:2px solid #00ff884d;border-left:none;order:2;width:100%;max-height:200px}#ringCanvas{order:1}}.sidebar-toggle{z-index:1100;color:#0a0a0a;cursor:pointer;background:#00ff88e6;border:none;border-radius:5px;padding:10px 15px;font-size:1.5em;font-weight:700;display:none;position:fixed;top:10px;left:10px}.sidebar-toggle:hover{background:#0f8;box-shadow:0 0 20px #00ff8880}.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));border-radius:10px;width:44px;height:44px;padding:0;font-size:1.2rem}}.action-btn{color:#0a0a0a;cursor:pointer;background:#0f8c;border:1px solid #00ff8880;border-radius:4px;width:100%;margin:8px 0;padding:10px 12px;font-size:.95em;font-weight:700;transition:all .3s}.action-btn:hover{background:#0f8;transform:scale(1.02);box-shadow:0 0 10px #00ff8880}.action-btn.danger{color:#fff;background:#ff326499;border-color:#ff326480}.action-btn.danger:hover{background:#ff3264e6;box-shadow:0 0 10px #ff326480}.close-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:1px solid #a0a0a0;border-radius:4px;width:100%;margin-top:10px;padding:10px 12px;font-weight:700;transition:all .3s}.close-btn:hover{color:#ff0080;border-color:#ff0080;box-shadow:0 0 10px #ff00804d}#selectedRingDisplay{color:#0f8;margin:0 0 8px;font-size:.95em;font-weight:700}.zoom-controls{align-items:center;gap:8px;margin:8px 0;display:flex}.zoom-btn{color:#0a0a0a;cursor:pointer;background:#0f8c;border:1px solid #00ff8880;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2em;font-weight:700;transition:all .2s;display:flex}.zoom-btn:hover{background:#0f8;transform:scale(1.05);box-shadow:0 0 10px #00ff8880}.zoom-controls input[type=range]{flex:1;margin:0}.task-editor-sidebar,.settings-sidebar{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);z-index:999;background:#141428ad;border-right:2px solid #00ffc84d;width:280px;height:100vh;padding:30px 20px;transition:transform .3s,height .24s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:5px 0 20px #00000080}.task-editor-sidebar.visible,.settings-sidebar.visible{transform:translate(0)}.ring-controls-sidebar{transition:transform .28s,height .24s;transform:translate(100%)}.ring-controls-sidebar.visible{transform:translate(0)}.task-editor-sidebar{z-index:1050;background:radial-gradient(circle at 15% 10%,#00ff8814,#0000 34%),#0e101bad;border-right-color:#00ff8859;width:320px}.task-editor-sidebar h2,.settings-sidebar h2{color:#0fc;text-shadow:0 0 10px #00ffc880;margin-top:10px;margin-bottom:20px;font-size:1.3em}.panel-eyebrow{color:#7f8b91;letter-spacing:.12em;text-transform:uppercase;margin:2px 0 4px;font-size:.72rem;font-weight:700}.task-text-input,.task-body-input,.task-ramifications-input{color:#fff;width:100%;font:inherit;background:#0b101c;border:1px solid #00ff884d;border-radius:7px;outline:none;line-height:1.45;transition:border-color .2s,box-shadow .2s}.task-text-input{padding:10px 12px}.task-body-input{resize:vertical;min-height:130px;padding:12px}.task-ramifications-input{resize:vertical;min-height:112px;padding:12px}.task-text-input:focus,.task-body-input:focus,.task-ramifications-input:focus{border-color:#0f8;box-shadow:0 0 0 3px #00ff881a}.task-color-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.task-color-grid .control-group{min-width:0}.task-color-grid input[type=color]{width:100%}.task-color-grid span{color:#91a0a7;margin-top:5px;font-family:Consolas,monospace;font-size:.72rem;display:block}.task-editor-note{color:#9aa8ae;background:#00ff880b;border:1px solid #00ff8826;border-radius:7px;padding:12px 14px;font-size:.78rem;line-height:1.45}.selection-topbar{z-index:1020;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);opacity:0;pointer-events:none;background:#0a0e17a8;border:1px solid #00ff8847;border-radius:10px;flex-wrap:wrap;align-items:center;gap:9px;min-width:220px;max-width:min(520px,100vw - 48px);padding:9px 11px 9px 14px;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%,-18px);box-shadow:0 10px 32px #0000004d,0 0 18px #00ff880f}.selection-topbar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.selection-status-dot{background:#0f8;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 10px #0f8}.selection-caption{color:#718087;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.selection-copy{flex:auto;gap:1px;min-width:0;display:grid}.selection-mobile-hint,.mobile-inspector-tabs,.ramifications-toggle-btn,.mobile-ring-preview,.dependency-drop-message{display:none}.dependency-drop-message.active{color:#ff8ca0;text-align:center;background:#35121a;border:1px solid #ff375894;border-radius:7px;flex:0 0 100%;order:10;width:100%;padding:7px 9px;font-size:.72rem;font-weight:700;line-height:1.3;display:block}.dependencies-editor{border-top:1px solid #0f83;margin-top:26px;padding-top:24px}.dependencies-editor .control-group{margin-bottom:13px}.dependency-direction{color:#7f8b91;text-align:center;margin:-2px 0 11px;font-size:.72rem}.dependency-create-btn{width:100%}.dependency-status{color:#ff8ca0;min-height:18px;margin:9px 0;font-size:.75rem}.dependency-list{gap:8px;margin-top:14px;display:grid}.dependency-list-empty{color:#7f8b91;font-size:.78rem}.dependency-item{color:#dce5e8;background:#111723;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;font-size:.76rem;line-height:1.35;display:grid}.dependency-remove-btn{color:#ff8ca0;cursor:pointer;background:#35121a;border:1px solid #ff375866;border-radius:6px;min-width:32px;min-height:32px}.mobile-ring-preview{flex:0 0 100%;place-items:center;width:100%;overflow:hidden}#mobileRingPreview{pointer-events:none;background:0 0;width:min(280px,100%);height:150px;display:block}.ramifications-toggle-btn{color:#dfffee;cursor:pointer;background:#123127;border:1px solid #00ff8861;border-radius:7px;flex:none;min-height:30px;padding:5px 8px;font-size:.7rem;font-weight:700}.ramifications-toggle-btn[aria-pressed=true]{color:#0f8;border-color:#00ff88b8}.ramifications-toggle-btn:disabled{opacity:.4;cursor:default}#selectedRingLabel{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;overflow:hidden}.panel-close-btn{color:#94a1a7;cursor:pointer;background:#151b27;border:1px solid #a0b0b74d;border-radius:6px;flex:none;place-items:center;width:27px;height:27px;margin-left:auto;transition:color .2s,border-color .2s,background .2s;display:grid}.panel-close-btn:hover{color:#0f8;background:#00ff8814;border-color:#00ff8880}.connector-bar{z-index:1080;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);opacity:0;pointer-events:none;background:linear-gradient(90deg,#00ff880b,#0000 28%),#0a0d16ad;border:1px solid #00ff8840;border-radius:12px;grid-template-columns:122px minmax(0,1fr) 30px;align-items:center;gap:14px;max-width:calc(100vw - 36px);padding:13px 14px;transition:opacity .24s,transform .24s;display:grid;position:fixed;bottom:18px;left:18px;right:18px;overflow:hidden;transform:translateY(calc(100% + 24px));box-shadow:0 -10px 35px #00000059,0 0 18px #00ff880d}.connector-bar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.connector-heading h3{color:#0f8;margin-top:3px;font-size:1rem}.connector-fields{scrollbar-color:#00ff888c #00ff8814;scrollbar-width:thin;flex:auto;gap:11px;width:100%;min-width:0;padding:2px 2px 7px;display:flex;overflow-x:auto}.connector-field{background:#111723;border:1px solid #ffffff12;border-radius:8px;flex:none;grid-template-rows:auto 28px;grid-template-columns:minmax(118px,1fr) auto;align-items:center;column-gap:7px;min-width:154px;padding:8px 10px;display:grid}.connector-field label{color:#9eabb1;grid-column:1/-1;font-size:.72rem;font-weight:600}.connector-field input[type=range]{width:118px;margin:0}.connector-field input[type=color]{border-width:1px;width:42px;height:28px;margin:0}.connector-field select{border-width:1px;width:132px;height:30px;margin:0;padding:3px 7px;font-size:.78rem}.connector-field span{color:#0f8;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{color:#a0a0a0;cursor:pointer;background:#151b27;border:1px solid #a0a0a0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2em;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.settings-close-btn:hover{color:#0fc;border-color:#0fc;box-shadow:0 0 10px #00ffc84d}select{color:#0f8;cursor:pointer;background:#1e1e32;border:1px solid #00ff884d;border-radius:4px;width:100%;margin:8px 0;padding:8px 10px;font-size:.95em;transition:all .2s}select:hover{border-color:#0f89;box-shadow:0 0 8px #0f83}select:focus{border-color:#0f8c;outline:none;box-shadow:0 0 12px #00ff884d}select option{color:#0f8;background:#1a1a2e}.minimap-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0ae6;border:2px solid #0f86;border-radius:8px;width:240px;height:135px;padding:8px;transition:bottom .24s;position:fixed;bottom:20px;left:20px;box-shadow:0 0 20px #00ff881a}@media (max-width:768px){.selection-topbar{max-width:calc(100vw - 20px);top:10px}.connector-bar{grid-template-columns:92px minmax(0,1fr) 30px;max-width:calc(100vw - 20px);bottom:10px;left:10px;right:10px}.connector-bar.visible~.minimap-container{bottom:146px}body.connector-visible .sidebar{height:calc(100vh - 146px);max-height:calc(100vh - 146px)}.selection-topbar{flex-wrap:wrap;align-items:start;min-width:min(340px,100vw - 16px);max-height:220px;overflow:hidden}.selection-mobile-hint{color:#8f9da3;margin-top:3px;font-size:.68rem;font-weight:500;line-height:1.25;display:block}.ramifications-toggle-btn{justify-content:center;align-items:center;display:inline-flex}body.mobile-inspector-open[data-mobile-panel=ring] .mobile-ring-preview,body.mobile-inspector-open[data-mobile-panel=connector] .mobile-ring-preview{margin-top:2px;display:grid}.mobile-inspector-tabs{right:env(safe-area-inset-right);bottom:0;left:env(safe-area-inset-left);z-index:1120;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);opacity:0;pointer-events:none;background:#090d16ad;border-top:1px solid #00ff8840;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:5px;position:fixed;transform:translateY(110%);box-shadow:0 -12px 32px #0000006b}.mobile-inspector-tabs.visible{opacity:1;pointer-events:auto;display:grid;transform:translateY(0)}.mobile-inspector-tabs button{color:#98a5aa;white-space:nowrap;text-overflow:ellipsis;background:#151b27;border:1px solid #ffffff14;border-radius:9px;min-width:0;min-height:44px;padding:7px 8px;font-size:max(.58rem,min(2.4vw,.78rem));font-weight:700;overflow:hidden}.mobile-inspector-tabs button.active{color:#0f8;background:#123127;border-color:#00ff8880}.mobile-inspector-tabs button:disabled{opacity:.35}.mobile-inspector-close{width:48px;color:#fff!important}#taskEditorSidebar,#sidebar,#connectionControls{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);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);opacity:0;pointer-events:none;background:#0c101bad;border:1px solid #00ff8840;border-bottom:0;border-radius:16px 16px 0 0;max-height:min(62dvh,620px);padding:22px 16px 18px;overflow-x:hidden;overflow-y:auto;transform:translateY(110%)!important}body.mobile-inspector-open[data-mobile-panel=task] #taskEditorSidebar,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=connector] #connectionControls{opacity:1;pointer-events:auto;transform:translateY(0)!important}body.mobile-inspector-open[data-mobile-panel=ring] #sidebar,body.mobile-inspector-open[data-mobile-panel=connector] #connectionControls{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=task] .dependencies-editor,body.mobile-inspector-open[data-mobile-panel=dependencies] .task-editor-heading,body.mobile-inspector-open[data-mobile-panel=dependencies] .task-editor-fields{display:none}body.mobile-inspector-open[data-mobile-panel=dependencies] .dependencies-editor{border-top:0;margin-top:0;padding-top:0}#connectionControls{max-width:none;display:block}#connectionControls .connector-heading{margin-bottom:14px}#connectionControls .connector-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;display:grid;overflow:visible}#connectionControls .connector-field,#connectionControls .connector-color-field{width:auto;min-width:0}#connectionControls .connector-field input[type=range],#connectionControls .connector-field select{width:100%}#taskEditorCloseBtn,#sidebarCloseBtn,#connectorCloseBtn{display:none}}@media (max-width:480px){#connectionControls .connector-fields{grid-template-columns:1fr}}#minimap{cursor:crosshair;width:100%;height:100%;display:block}.sidebar,.task-editor-sidebar,.settings-sidebar,.selection-topbar,.connector-bar,.minimap-container{-webkit-backdrop-filter:blur(18px)saturate(125%);-webkit-overflow-scrolling:touch}@media (pointer:coarse),(max-width:768px){button,select,input[type=color]{min-height:44px}input,textarea,select{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){.sidebar,.task-editor-sidebar,.settings-sidebar,.ring-controls-sidebar{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-top:2px solid #00ff884d;border-left:0;border-right:0;border-radius:16px 16px 0 0;top:auto;bottom:0;left:0;right:0;transform:translateY(105%)}.task-editor-sidebar.visible,.settings-sidebar.visible,.ring-controls-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-rows:auto auto;grid-template-columns:minmax(0,1fr) 44px;gap:8px;max-width:none;padding:10px}.connector-heading{grid-column:1}.connector-bar>.panel-close-btn{grid-area:1/2}.connector-fields{grid-area:2/1/auto/-1}.minimap-container{display:none}.task-color-grid{grid-template-columns:1fr}}