*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif}body{background:linear-gradient(135deg,#e8eaf0 0%,#d4d8e2 100%);min-height:100vh;margin:0}.header-icon-btn{color:#555;cursor:pointer;background:#0000000f;border:none;border-radius:8px;justify-content:center;justify-self:end;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:flex}.header-icon-btn:hover{color:#222;background:#0000001f}.header-icon-btn:active{background:#0000002e}.bedrock{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:20px;width:95vw;height:100vh;margin:0 auto;padding:24px;display:grid}.project-tile-settings-wrapper{flex-shrink:0;position:relative}.project-tile-dropdown{z-index:100;background:#fff;border:1px solid #0000001a;border-radius:8px;min-width:120px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.project-tile-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:13px;transition:background .1s;display:block}.project-tile-dropdown-item:hover{background:#0000000d}.project-tile-dropdown-item--danger{color:#d32f2f}.project-tile-dropdown-item--danger:hover{background:#d32f2f14}.project-tile-settings-btn{color:#aaa;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,color .15s,opacity .15s;display:flex}.project-tile:hover .project-tile-settings-btn{opacity:1}.project-tile-settings-btn:hover{color:#555;background:#00000014}.project-tile-settings-btn:active{background:#00000024}.project-tile{cursor:pointer;background:#fff9;border:1px solid #fffc;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;transition:background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 2px 6px #00000012}.project-tile--selected{background:#007aff1f;border-color:#007aff59;box-shadow:0 2px 8px #007aff26}.project-tile--selected .project-tile-settings-btn{color:#007aff99}.project-tile:hover{background:#ffffffd9;transform:translateY(-1px);box-shadow:0 4px 14px #0000001f}.project-tile:active{transform:translateY(0);box-shadow:0 2px 6px #00000012}.project-menu{-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #fff9;border-radius:18px;flex-direction:column;width:100%;height:90%;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffffe6}.project-menu-header label{letter-spacing:-.4px;color:#1a1a1a;font-size:20px;font-weight:700}.project-menu-header{border-bottom:1px solid #00000012;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:grid}.project-add-new-btn{color:#888;cursor:pointer;background:#0000000a;border:1.5px dashed #0000002e;border-radius:12px;justify-content:center;align-items:center;width:100%;height:52px;transition:background .15s,border-color .15s,color .15s;display:flex}.project-add-new-btn:hover{color:#007aff;background:#007aff12;border-color:#007aff66}.project-add-new-btn:active{background:#007aff21}.project-menu-content{grid-template-columns:1fr 1fr;justify-content:space-around;gap:10px;padding:16px;display:grid;overflow-y:auto}.task-menu{-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #fff9;border-radius:18px;flex-direction:column;width:100%;height:90%;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffffe6}.task-menu-header label{letter-spacing:-.4px;color:#1a1a1a;font-size:20px;font-weight:700}.new-task{border-top:1px solid #0000000f;align-items:center;gap:10px;margin-top:auto;padding:9px 16px;display:flex}.new-task-add-btn{color:#007aff;cursor:pointer;background:0 0;border:2px solid #007aff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .15s;display:flex}.new-task-add-btn:hover{background:#007aff1a}.new-task-input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.new-task-input::placeholder{color:#bbb}.new-task-date-btn{color:#ccc;cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex;position:relative}.new-task-date-btn:hover{color:#007aff;background:#007aff14}.new-task-date-btn--active{color:#007aff;background:#007aff1a}.new-task-date-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.new-task-priority-btn{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:flex}.new-task-priority-btn:hover{color:#e53935;background:#e5393514}.new-task-priority-btn--active{color:#e53935;background:#e539351a}.task-menu-header{border-bottom:1px solid #00000012;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:grid}.task-object{border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding:9px 16px;transition:background .12s;display:flex}.task-object:last-child{border-bottom:none}.task-object:hover{background:#00000008}.task-check-btn{cursor:pointer;background:0 0;border:2px solid silver;border-radius:50%;flex-shrink:0;width:20px;height:20px;padding:0;transition:border-color .15s,background .15s}.task-check-btn:hover{background:#007aff14;border-color:#007aff}.task-body{flex-direction:column;flex:1;gap:2px;display:flex}.task-title{color:#1a1a1a;cursor:default;font-size:14px;font-weight:450}.task-priority{color:#aaa;letter-spacing:.2px;background:#0000000d;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:500}.task-priority--high{color:#e53935;background:#e539351a}.task-due-date{color:#aaa;font-size:11px;font-weight:400}.completed-menu{-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #fff9;border-radius:18px;flex-direction:column;width:100%;height:90%;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffffe6}.completed-menu-header label{letter-spacing:-.4px;color:#1a1a1a;font-size:20px;font-weight:700}.completed-menu-content{flex:1;overflow-y:auto}.completed-menu-header{border-bottom:1px solid #00000012;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:grid}.completed-task-object{opacity:.6;border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding:9px 16px;display:flex}.completed-task-object:last-child{border-bottom:none}.completed-check-indicator{color:#888;background:#0000000f;border:2px solid #aaa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.completed-task-body{flex-direction:column;flex:1;gap:2px;display:flex}.completed-task-title{color:#555;cursor:default;font-size:14px;font-weight:450;-webkit-text-decoration:line-through #00000059;text-decoration:line-through #00000059}.completed-task-due-date{color:#bbb;font-size:11px;font-weight:400;-webkit-text-decoration:line-through #0003;text-decoration:line-through #0003}.completed-task-priority{color:#bbb;letter-spacing:.2px;background:#0000000a;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:500}.completed-task-priority--high{color:#e5393580;background:#e5393512}