:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18212f;background:#f6f8fb}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;min-height:40px;padding:0 14px}input,select{border:1px solid #d7deea;border-radius:6px;min-height:40px;padding:0 12px}.auth-page,.task-page{width:min(920px,calc(100% - 32px));margin:48px auto}.auth-form,.task-form,.task-list li{background:#fff;border:1px solid #e1e7f0;border-radius:8px;box-shadow:0 10px 28px #18212f0f}.auth-form{display:grid;gap:14px;margin:0 auto;max-width:420px;padding:28px}.topbar,.task-form,.task-list li,.task-edit-form{display:flex;align-items:center;gap:12px}.topbar{justify-content:space-between}.task-form{padding:14px}.task-form input:first-child{flex:1}.task-list{display:grid;gap:10px;list-style:none;margin:18px 0 0;padding:0}.task-list li{padding:12px}.task-list span{flex:1}.task-list .completed span{color:#7a8494;text-decoration:line-through}.task-list small{min-width:70px;color:#596579}.task-list time{color:#596579;font-size:.9rem}.task-edit-form,.task-edit-form input:first-child{flex:1}