@import"https://fonts.googleapis.com/css?family=Open+Sans:100,400|Nunito:300,300i,700,700i";*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}::selection{color:#fff;background-color:#3498db;text-shadow:0 0 0 #fff}body{margin:0;font-family:Open Sans,arial,x-locale-body,sans-serif;font-weight:100;font-style:normal;font-size:.9em;background-color:#e9e9e9;color:#333;overflow:auto;overflow-x:hidden;padding-top:0;padding-left:0;padding-right:100px}body.panelOpen{padding-right:calc(45% + 100px)}h1,h2{font-weight:300}h3,h4{font-weight:900}h1,h2,h3,h4{margin:1em 0}input,.Select{outline:none!important}input{border:1px solid rgba(0,0,0,.3);background-color:#fff;border-radius:3px;padding:6px 7px 5px;font-family:Open Sans,arial,x-locale-body,sans-serif;font-weight:400}button{outline:none;border:1px solid rgba(0,0,0,.1);background-color:#0b6;color:#fff;-webkit-user-select:none;user-select:none;border-radius:3px;padding:.5em 1.5em;font:600 1em Nunito;text-transform:uppercase;cursor:pointer;transition:box-shadow .2s}button:hover{box-shadow:0 0 0 100px #fff3 inset}button:active{box-shadow:0 0 10px #0003 inset}a:link,a:visited{color:inherit;text-decoration:none}html,body,#mount,#root,.TodosList{height:100%}small{font-size:.7em;display:block;opacity:.6;padding:0 0 .5em}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.Nav-panel{position:fixed;top:0;bottom:0;right:0;-webkit-user-select:none;user-select:none;z-index:990}.Nav{position:fixed;top:0;bottom:0;right:0;width:64px;background-color:#40404a;color:#fff;z-index:990}.Nav-top{position:absolute;top:0;left:0;right:0;overflow:auto;height:calc(100% - 52px)}.Nav-bottom{position:absolute;bottom:0;right:0;left:0}.Nav svg{stroke:#9b9b9b!important}.Nav-item{display:block;font-size:16px;cursor:pointer}.Pin{margin:0;padding:8px 8px 0;width:64px;height:64px}.Pin:hover{background-color:#ffffff4d}.Pin svg{width:32px;height:32px;margin:8px;stroke:#9b9b9b}.Nav-collapse{background-color:#417505a6;position:fixed;top:0;bottom:0;right:64px;width:24px;z-index:1178;box-shadow:0 5px 15px #0000001a;display:flex;align-items:flex-start;justify-content:center;padding-top:12px}.PanelButton{background-color:transparent;border:none;font-size:1.1em;color:#fff;cursor:pointer;padding:4px}.ProfilePin{background-color:transparent}.FixedTopNav{position:fixed;top:0;left:0;right:88px;height:48px;z-index:10;background:#e9e9e9;display:flex;align-items:center;padding:0 24px;box-shadow:0 1px #d7d7d7}.TopNavDiv{display:flex;align-items:center;gap:12px;width:100%}.TopNavDiv .breadcrumb-area{display:flex;align-items:center;gap:6px;margin-left:8px}.TopNavDiv .breadcrumb-area svg{width:18px;height:18px;stroke:#333;flex-shrink:0}.arrowSeperator{color:#b86b6a;font-size:14px}.breadcrumbItem{cursor:pointer;font-size:14px;color:#333}.breadcrumbItem:hover{text-decoration:underline;opacity:.6}.actionPanel{position:fixed;top:48px;left:0;right:88px;height:40px;z-index:9;padding:0 24px;background:#d7d7d7;display:flex;align-items:center;gap:2px}.actionPanel.parentRootHalfHide{opacity:.4;pointer-events:none}.actionPanel span{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:13px;color:#3b5d1b;white-space:nowrap}.actionPanel span:hover{background:#00000014}.actionPanel svg{width:18px;height:18px;color:#4e514e;flex-shrink:0}.actionPanel .moreIcon{position:relative}.TodosList{padding:96px 24px 40px;margin-right:88px;min-height:100vh}.TodoSubtree{position:relative;padding-left:24px;transition:.3s opacity}.TodosList>.TodoSubtree{padding-left:0}.TodoSubtree.isDragging{opacity:.4}.TodoItem{position:relative;line-height:28px;min-height:28px;display:flex;align-items:center;border-radius:3px;padding:2px 0}.TodoItem:hover{background-color:#00000005}.TodoItem.isFocused{background-color:#efefef7a}.TodoItem.isCompleted .ContentEditable{text-decoration:line-through;opacity:.6}.TodoItem .Controls{display:flex;align-items:center;flex-shrink:0;-webkit-user-select:none;user-select:none;gap:0}.Control{display:flex;align-items:center;justify-content:center;width:18px;height:28px;cursor:pointer;flex-shrink:0}.Control:hover{opacity:.6}.Control svg{width:13px;height:13px;overflow:visible}.Control svg.plusMinus{width:11px;height:11px}.TodoItem .Controls .mainControl svg{color:#b86b6a}.isShared .TodoItem .Controls .mainControl svg{color:#0a6}.isMultiplied .TodoItem .Controls .mainControl svg{color:#9b59b6}.TodoItem .Control.autoHide{opacity:0;transform:translate(8px) scale(0);transition:.2s opacity,.1s transform}.TodoItem:hover .Control.autoHide{opacity:1;transform:translate(0) scale(1)}.isMultiplied g#Page-1{stroke:#c2a1d1}.isMultiplied g#circle{fill:#c2a1d1;stroke:#c2a1d1}.isShared g#Page-1{stroke:#27aa66}.isShared g#circle{fill:#27aa66;stroke:#27aa66}.ContentEditable{outline:none;flex:1;min-height:28px;line-height:28px;padding:0 0 0 5px;word-break:break-word}.TodoSubtree>.indentLine{position:absolute;top:30px;bottom:0;left:9px;width:1px;background-color:#000;opacity:.12}.TodoSubtree.isShared>.indentLine{background-color:#0a6;opacity:.5}.TodoSubtree.isMultiplied>.indentLine{background-color:#9b59b6;opacity:.5}.TodoItem:before,.TodoItem:after{content:"";display:block;background-color:#aaa;position:absolute;left:24px;right:0;height:2px;opacity:0;z-index:1;transition:.2s opacity}.TodoItem:before{top:-1px}.TodoItem:after{bottom:-1px}.overOn{background-color:#ddd}.overTop:before,.overBottom:after{opacity:1}.isDragging .overTop:before,.isDragging .overBottom:after{opacity:0}.Menu{border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:#fff;padding:6px 0;line-height:normal;position:absolute;width:210px;outline:none;z-index:99991;transition:.1s opacity,.1s visibility,0 .1s transform;opacity:0;visibility:hidden;transform:scale(0);box-shadow:8px 2px 18px 4px #0000001a}.Menu.open{transform:scale(1);transition:.1s opacity;opacity:1;visibility:visible}.Menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;text-transform:none;font:inherit;font-size:14px;background-color:transparent;border-radius:0;color:inherit;border:none;padding:8px 16px;cursor:pointer}.Menu button:hover,.Menu button:focus{background-color:#3498db;color:#fff}.Menu button:hover svg,.Menu button:focus svg{color:#fff}.Menu button svg{width:18px;height:18px;color:#555;flex-shrink:0}.Panel{color:#303030;position:fixed;top:0;right:88px;bottom:0;background-color:#fff;border-left:1px solid #c0c0c0;width:45%;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;z-index:3}.PanelSharing{margin:0;padding:0 16px 0 12px;background-color:#303030;display:flex;align-items:center;justify-content:space-between;min-height:48px}.PanelTitle{font-weight:900;font-size:18px;color:#fff}.Panel-text{margin-top:16px;padding:0 24px;min-height:2.2em;font-size:1.1em;word-break:break-word;flex:1;overflow-y:auto}.newTwiglContainer{display:flex;align-items:center;gap:4px;cursor:pointer;padding:8px 0;margin-top:4px;color:#2d5103;font-size:14px}.newTwiglContainer svg{width:20px;height:20px;fill:#2d5103;color:#fff}.newTwiglContainer:hover{opacity:.7}.inboxCounter{border-radius:50%;background:#be472fd6;color:#fff;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;position:relative;top:-6px;left:-4px}.DragArea{position:absolute;inset:0}@media screen and (max-width:600px){.Panel{width:100%;left:0}body.panelOpen{padding-right:calc(85% + 100px)}.Nav,.Nav-collapse{display:none}.FixedTopNav,.actionPanel{right:0}.TodosList{margin-right:0}}@media screen and (max-width:667px){body{padding:0}.TodosList{padding-left:12px;padding-right:12px}.actionPanel{inset:auto 0 0;padding:5px 10px;background:#3c3c3c}.actionPanel svg{color:#969696;width:24px;height:24px}.TodoSubtree{padding-left:20px}}.auth-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem}.auth-page--login{background-color:#e9e9e9}.auth-page--signup{background-color:#f5f0e0}.auth-center{margin:0 auto;width:100%;max-width:28rem}.auth-left{margin-left:100px;max-width:28rem}.auth-logo{text-align:center;margin-bottom:1.5rem}.auth-logo img{margin:0 auto}.auth-heading{font-size:1.875rem;font-weight:800;color:#333;margin:.5rem 0}.auth-heading--large{font-size:2.25rem}.auth-subtext{font-size:.875rem;color:#666;margin:.25rem 0 0}.auth-subtext a{font-weight:500;color:#417505}.auth-subtext a:hover{color:#2d5103;text-decoration:underline}.auth-description{font-size:1.1rem;color:#555;margin:.5rem 0 1.5rem;line-height:1.6}.auth-card{background:#fff;padding:2rem 1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.auth-field label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.auth-field input[type=email],.auth-field input[type=password],.auth-field input[type=text]{display:block;width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem;font-family:inherit;outline:none;-webkit-appearance:none;appearance:none}.auth-field input::placeholder{color:#9ca3af}.auth-field input:focus{border-color:#417505;box-shadow:0 0 0 2px #41750540}.auth-field input:disabled{background:#f3f4f6;border-color:#e5e7eb}.auth-radio-group{display:flex;flex-direction:column;gap:.5rem}.auth-radio-group p{font-size:.875rem;font-weight:500;color:#374151;margin:0}.auth-radio-options{display:flex;align-items:center;gap:1rem}.auth-radio-options label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.auth-info{background:#f3f4f6;padding:1rem;border-radius:.375rem}.auth-info p{font-size:.875rem;color:#555;margin:0}.auth-btn{width:100%;display:flex;justify-content:center;padding:.625rem 1rem;border:none;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem;font-weight:600;color:#fff;background-color:#417505;cursor:pointer;font-family:inherit;transition:background-color .15s}.auth-btn:hover{background-color:#2d5103}.auth-btn:focus{outline:none;box-shadow:0 0 0 2px #41750580}.auth-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.auth-social-btn{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;background:#fff;font-size:.875rem;font-weight:500;color:#555;cursor:pointer;font-family:inherit;transition:background-color .15s}.auth-social-btn:hover{background-color:#f9fafb}.auth-social-btn svg{width:20px;height:20px}.auth-divider{position:relative;margin:1.5rem 0;text-align:center}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #d1d5db}.auth-divider span{position:relative;padding:0 .75rem;font-size:.875rem;color:#6b7280}.auth-page--login .auth-divider span{background:#fff}.auth-page--signup .auth-divider span{background:#f5f0e0}.auth-error{background:#fee2e2;color:#991b1b;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;border:1px solid #fca5a5}.auth-success{color:#065f46;font-size:.875rem}.auth-message{font-size:.875rem}.auth-message--error{color:#dc2626}.auth-message--success{color:#065f46}.auth-footer{text-align:center;margin-top:1rem;font-size:.8125rem;color:#666}.auth-footer a{color:#417505;font-weight:500}@media screen and (max-width:640px){.auth-left{margin-left:1.5rem}.auth-heading--large{font-size:1.5rem}.auth-social-grid{grid-template-columns:1fr}}.Chat{display:flex;flex-direction:column;height:100%}.ChatExtra{margin:0;padding:12px 16px;border-bottom:1px solid #e0e0e0;font-size:.85em;color:#666}.ChatExtra strong{color:#333}.ChatMessages{flex:1;overflow-y:auto;background-color:#f0f0f0;padding:0 0 8px}.ChatMessage{display:flex;flex-direction:row;margin:16px 16px 4px;position:relative;gap:8px}.ChatMessage.fromMe{flex-direction:row-reverse}.fromYou+.fromYou,.fromMe+.fromMe{margin-top:2px}.fromYou+.fromYou .chatProfileImageDetails img,.fromMe+.fromMe .chatProfileImageDetails img{visibility:hidden}.ChatMessageUserpic{width:24px;height:24px;border-radius:100%;flex-shrink:0}.chatProfileImageDetails{position:relative;flex-shrink:0;width:24px}.ChatMessageUsername{display:none;position:absolute;top:-24px;left:0;background:#000;color:#fff;font-size:11px;padding:2px 6px;border-radius:3px;white-space:nowrap;z-index:10}.ChatMessageUsername:after{content:"";position:absolute;bottom:-4px;left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}.chatProfileImageDetails:hover .ChatMessageUsername{display:inline}.ChatStuff{max-width:calc(100% - 40px)}.ChatMessageText span{background-color:#fff;padding:8px 12px;border-radius:6px;word-break:break-word;display:inline-block;font-size:.9em;line-height:1.4}.ChatMessage.fromMe .ChatMessageText span{background:#67c8c8;color:#000;border-top-right-radius:0}.ChatMessage.fromYou .ChatMessageText span{border-top-left-radius:0}.ChatMessage.fromMe .ChatMessageText{text-align:right}.ChatDetails{display:none}.ChatStuff:hover .ChatDetails{display:block}.ChatMessageTime{font-size:11px;padding:2px 0 0;color:#9e9e9e;display:block}.ChatMessage.fromMe .ChatMessageTime{text-align:right}.NoneYet{padding:40px 16px;text-align:center;color:#999;font-size:.9em}.ChatBox{display:flex;padding:8px 10px;background:#4a4a4a;gap:8px;align-items:flex-end}.ChatBox-input{flex:1;background:#fff;border-radius:16px;max-height:73px;overflow-y:auto;padding:8px 14px;font-size:.9em;line-height:1.4;outline:none;word-break:break-word}.ChatBox-input:empty:before{content:"Type a message...";color:#999}.ChatBox-send{width:36px;height:36px;padding:0;border:solid 2px #000;background:#417405;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:#fff}.ChatBox-send:hover{background:#2d5103}.ChatBox-send svg{width:16px;height:16px;stroke:#fff!important}.PanelTabs{display:flex;border-bottom:1px solid #e0e0e0}.PanelTab{flex:1;padding:10px 0;text-align:center;font-size:13px;font-weight:500;color:#666;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.PanelTab:hover{color:#333}.PanelTab.active{color:#333;border-bottom-color:#40404a}