*{box-sizing:border-box}body{margin:0;background:#fff;color:#090909;font-family:Arial,Helvetica,sans-serif;font-size:14px}.todo-top{height:52px;border-top:3px solid #111;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px}.brand{font-weight:900;letter-spacing:.5px;font-size:17px}.brand:after{content:'•';margin-left:2px}.search{color:#666;font-size:21px}nav{justify-self:end;display:flex;gap:14px;align-items:center}.view-switch{display:flex;gap:0;border:1px solid #e5e5e5}.view-switch a{padding:6px 9px;border-right:1px solid #e5e5e5;font-size:11px}.view-switch a:last-child{border-right:0}.view-switch a.active{background:#111;color:#fff}a,.cal-btn{color:#555;text-decoration:none;font-size:13px;font-weight:700;background:transparent;border:0;cursor:pointer;padding:0}a:hover,.cal-btn:hover{color:#000}.todo-wrap{width:100%;padding:26px 2.2vw 0}.week{display:grid;gap:2.6vw;width:100%;min-height:420px}.week.one{grid-template-columns:minmax(320px,520px)}.week.five{grid-template-columns:repeat(5,1fr)}.week.seven{grid-template-columns:repeat(7,1fr);gap:1.55vw}.col{min-width:0}.date{font-size:10px;font-weight:800;color:#9a9a9a;text-transform:uppercase;margin-bottom:4px;letter-spacing:.2px}h2{font-size:20px;line-height:1;margin:0 0 24px;text-transform:uppercase;font-weight:900;letter-spacing:-.6px}.list{min-height:300px}.task,.new{min-height:31px;border-bottom:1px solid #e8e8e8;display:grid;grid-template-columns:22px 1fr 18px 18px;align-items:center;gap:3px}.new{display:block;outline:none;padding:6px 0}.new:empty:before{content:''}.task.priority-high{border-left:3px solid #111;padding-left:4px}.task.priority-high span{font-weight:700}.task.priority-low span{color:#999}.task span{outline:none;padding:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task.done span{text-decoration:line-through;color:#aaa}.check,.del,.info{border:0;background:transparent;color:#bbb;cursor:pointer;font-size:13px;opacity:0}.task:hover .check,.task:hover .del,.task:hover .info{opacity:1}.check:hover,.del:hover,.info:hover{color:#000}.info{font-family:Georgia,serif;font-style:italic}.task[data-description]:not([data-description='']) .info{opacity:.45;color:#555}.task.dragging{opacity:.35}.brain{background:#f7f7f7;margin:32px -2.2vw 0;padding:40px 2.2vw;display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:2.6vw;align-items:start}.loose-list{min-width:0}.add-list{height:30px;align-self:start;border:0;background:#eee;color:#555;font-weight:800;font-size:11px;text-transform:uppercase;padding:0 13px;cursor:pointer}.add-list:hover{background:#ddd;color:#000}.list-title{outline:none}.modal{position:fixed;inset:0;background:rgba(255,255,255,.74);display:grid;place-items:center;z-index:20}.modal[hidden]{display:none}.modal-box{width:min(520px,92vw);background:#fff;border:1px solid #e5e5e5;box-shadow:0 20px 70px rgba(0,0,0,.12);padding:28px;position:relative}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px;cursor:pointer;color:#777}.modal-box textarea{width:100%;height:150px;border:1px solid #ddd;padding:12px;font:inherit;resize:vertical}.modal-box input,.modal-box select{width:100%;height:38px;border:1px solid #ddd;padding:0 10px;font:inherit}.field-label{display:block;margin:12px 0 6px;font-size:11px;text-transform:uppercase;font-weight:800;color:#777}.modal-box button#saveDetail{margin-top:12px;height:36px;border:0;background:#111;color:#fff;font-weight:800;padding:0 18px;cursor:pointer}.login-body{min-height:100vh;display:grid;place-items:center;background:#f7f7f7}.login-box{background:#fff;width:340px;padding:36px;border:1px solid #eee}.login-box h1{font-size:28px;margin-bottom:28px}.login-box input,.login-box button,.admin-form input,.admin-form select,.admin-form button,td button{width:100%;height:42px;margin-bottom:10px;border:1px solid #ddd;background:#fff;padding:0 12px;font-size:15px}.login-box button,.admin-form button,td button{background:#111;color:#fff;border-color:#111;font-weight:800;cursor:pointer}.hint,.error{font-size:13px;color:#777}.error{color:#900}.top{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid #eee}.admin{padding:35px;max-width:900px}.admin h1{font-size:36px}table{width:100%;border-collapse:collapse;margin-bottom:30px}td,th{text-align:left;border-bottom:1px solid #eee;padding:12px}td form{margin:0}td button{width:auto;height:32px;margin:0}@media(max-width:1100px){.brain{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:900px){.week,.week.five,.week.seven{display:flex;overflow-x:auto;gap:28px}.col{min-width:260px}.todo-top{grid-template-columns:auto 1fr}.brand{text-align:center}nav{gap:10px}.brain{display:block}.loose-list{margin-bottom:30px}}